/*---------------------------------------------------------------------------*/

html
{
	margin:						0px;
	border:						0px;
	padding:						0px;
}

body
{
	margin:						0px;
	border:						0px;
	padding:						0px;
	padding-bottom:				32px;
	background:					#666699;
}

img
{
	margin: 						0px;
	border:						0px;
	padding: 					0px;
	border-style: 				none;
}

#everything
{
	width: 				940px;
	margin-left:			-470px;
	left:				50%;
	position: 			absolute;
	border:				0px;
	padding:				0px;
}

#ShadowContent
{
	border:						none;
	background:					#666699;
	position:					relative;
	top: 						-1px;
	left: 						-1px;
}

#ShadowContainer
{
	position:					relative;
	background:					#666699;
}

.outercontainer
{
	margin:						auto;
	margin-top:					12px;
	margin-bottom:				28px;
}

.container
{
	margin:						auto;
	text-align:					left;
	width:						940px;
	height:						580px;
}

/*------------------------------------------------------*/

.top_links
{
	width:						940px;
	height:						70px;
/*	border:						1px solid green;
*/
	background:					#c83e4b;
}

.link_container
{
/*	border:						1px solid purple; */
	height:						70px;
}

#logo
{
	width:						160px;
	height:						65px;
	float: 						left;
	padding:					3px 0px 0px 10px;
}

#link_text
{
	text-decoration:			none;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:					90%;
	color:						#333333;
/*	border:						1px solid yellow;
*/
	float:						left;
	margin:						0px 8px 0px 8px;
	padding:					26px 5px 0px 5px;
}

#link_text a
{
	text-decoration:				none;
	color:						#333333;
}


.side_container
{
	float:						left;
	width:						20px;
	height:						200px;
/*	background:					pink;
*/
}

.side_container_item
{
	float:						left;
	display:					block;
}


.right_link_btn
{
	background:					url('../images/right_link.jpg');
	width:						20px;
/*	border:						1px dashed red;
*/
}

.left_link_btn
{
	background:					url('../images/left_link.jpg');
	width:						20px;
/*	border:						1px dashed red;
*/
}

.side_container a
{
 	background-position:			top right;
 	height:						510px;
}

.side_container_item:hover
{
	background-position:		top left;
}

/*------------------------------------------------------*/

.full_page
{
	float:					left;
	width:					900px;
	height:					510px;
	margin:					0px;
	padding:					0px;
}

.left_page
{
	float:					left;
	width:					450px;
	height:					510px;
	padding:					0px;
	padding:					0px;

}

.right_page
{
	float:					left;
	width:					450px;
	height:					510px;
	padding:					0px;
}


.right_page_item
{
	float:					left;
	display:					block;
}


.ro_page_btn
{
	background:					url('../images/10_roll.jpg');
	width:						450px;
}

.right_page a
{
	background-position:		top left;
/* 	height:						510px;
*/
}

.right_page a:hover
{
	background-position:		top right;
/* 	height:						510px;
*/
}


.right_page_item a
{
	background-position:	top left;
/*	height:					510px;
*/
}

/*----------------------------------------------------------*/

.right_banner
{
	width:					150px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				0px;
	padding-left:			750px;
}


.right_banner_right_page
{
	width:					150px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				0px;
	margin-left:			300px;
}


.left_banner_tall
{
float:						left;
/*border:					1px dashed yellow;
*/
}

.left_banner
{
float:						left;
margin:						0px 0px 0px 0px;

}

.bottom_right_banner_stack
{
	float:					right;
	margin:					10px 0px 0px 0px;
/*	border:					1px dashed orange;
*/
}



.bottom_right_banner_alone
{
	float:					right;
	margin:					250px 0px 0px 0px;
/*	border:					1px dashed purple;
*/
}
/*----------------Welcome page here----------------------*/

.welcome_container
{
	width:					450px;
	height:					510px;
	background:				#ffffff;

}

.welcome_header
{
	width:					149px;
	height:					46px;
	position:			absolute;
	margin-top:				20px;
	margin-left:			97px;


}

.welcome_logo
{
	width:					106px;
	height:					104px;
	position:			absolute;
	margin-top:				55px;
	margin-left:			0px;
}


.welcome_text
{
	width:					320px;
	height:					375px;
	position:				absolute;
	margin-top:				100px;
	margin-left:			510px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;

}

.welcome_kate
{
	width:					107px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			0px;


}

.welcome_mary
{
	width:					119px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			107px;


}

.welcome_irene
{
	width:					112px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			226px;


}

.welcome_julia
{
	width:					112px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			338px;


}




/*----------------Table of Contents Here----------------------*/

.toc_contents_logo
{
	width:					162px;
	height:					41px;
	margin-top:				20px;
	margin-left:			13px;
	position:				absolute;



}

.top_toc_square
{
	width:					90px;
	height:					102px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}

.toc_square_short
{
	width:					80px;
	height:					63px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}

.toc_square_tall
{
	width:					80px;
	height:					64px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}

.toc_square a
{
	width:					90px;
	height:					102px;

	margin:					0px;
	border:					0px;
	padding:				0px;
}

.left_text
{
	width:					220px;
	height:					420px;

	position:				absolute;
	margin-top:				56px;
	margin-left:			20px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				10px;
}
.left_text p
{
	margin-top:				6px;
}

.left_text_number
{
	text-decoration:		none;
	font-weight:				bold;
	color:					#000000;
	font-family:			serif;
	font-size:				13px;
}

.left_text a
{
	text-decoration:		none;
	color:					#000;
}

.left_text a:hover

{
	text-decoration:		none;
	color:					#306;
}

.right_text
{
/*	border:					1px solid blue; */
	width:					240px;
	height:					400px;
	position:				absolute;

	margin-top:				30px;
	margin-left:			640px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				10px;
}

.right_text p
{
	margin-top:				6px;
}

.right_text a
{
	text-decoration:		none;
	color:					#000;
}

.right_text a:hover

{
	text-decoration:		none;
	color:					#306;
}

.margin
{
/*	border:					1px dashed pink; */
	width:					900px;
	height:					510px;
	background:				#ffffff;
}

.toc_image_container
{
	width:						360px;
	height:						500px;

	position:					absolute;

	margin:						0px 0px 0px 280px;
	padding:					0px;
}

/* REFACTOR - move all columns to this single column,
		we dont need the numbered columns any more
*/

.column
{
	margin:					0px;
	padding:				0px;
	float:					left;
}

.row
{
	margin: 				0px;
	border: 				0px;
	padding:				0px;
}

#letter
{
	font-size: 11px;
	color: #666;
	line-height: 1.5em;
	position: 				absolute;
	margin-top:				238px;
	margin-left:			92px;
	width:					294px;
	height:					199px;
}

#men {
	position: absolute;
	margin-top: 78px;
	margin-left: 21px;
	width: 407px;
}

#men a {
	color: #50434b;
}

#men a:hover {
	color: black;
}

#men p {
	text-align: center;
	margin: 0px;
}

.overlaid_text
{
	position:				absolute;
	text-decoration:			none;
	
	color:					#000;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
	
}

.overlaid_text a
{
	font-weight:			bold;
	text-decoration: 		none;
	color:				black;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:			11px;
}

.overlaid_text a:hover
{
	font-weight:			bold;
	text-decoration: 		none;
	color:				#666699;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:			11px;
}

#problem_one
{
	position: 				absolute;
	margin-top:				33px;
	margin-left:			437px;
	color:					#000;
	width:					435px;
	height:					260px;
	line-height: 1em;
}

#problem_two
{
	position: 				absolute;
	margin-top:				309px;
	margin-left:			175px;
	color:					#000;
	width:					440px;
	height:					120px;
	line-height: 1em;
}

#problem_three
{
	position: 				absolute;
	margin-top:				309px;
	margin-left:			666px;
	color:					#000;
	width:					203px;
	height:					82px;
	line-height: 1em;
}

#problem_four
{
	position: 				absolute;
	margin-top:				429px;
	margin-left:			175px;
	color:					#000;
	width:					397px;
	height:					58px;
	line-height: 1em;
}

#problem_five
{
	position: 				absolute;
	margin-top:				412px;
	margin-left:			666px;
	color:					#000;
	width:					178px;
	height:					80px;
	line-height: 1em;
}

#problem_six
{
	position: 				absolute;
	margin-top:				82px;
	margin-left:			21px;
	color:					#000;
	width:					190px;
	height:					103px;
	line-height: 1em;
}

#problem_seven
{
	position: 				absolute;
	margin-top:				82px;
	margin-left:			519px;
	color:					#000;
	width:					190px;
	height:					182px;
	line-height: 1em;
}

#problem_eight
{
	position: 				absolute;
	margin-top:				82px;
	margin-left:			730px;
	color:					#000;
	width:					154px;
	height:					182px;
	line-height: 1em;
}

#problem_nine
{
	position: 				absolute;
	margin-top:				218px;
	margin-left:			21px;
	color:					#000;
	width:					189px;
	height:					86px;
	line-height: 1em;
}

#problem_ten
{
	position: 				absolute;
	margin-top:				339px;
	margin-left:			730px;
	color:					#000;
	width:					154px;
	height:					182px;
	line-height: 1em;
}

#problem_eleven
{
	position: 				absolute;
	margin-top:				339px;
	margin-left:			21px;
	color:					#000;
	width:					361px;
	height:					110px;
	line-height: 1em;
}

#problem_twelve
{
	position: 				absolute;
	margin-top:				339px;
	margin-left:			408px;
	color:					#000;
	width:					293px;
	height:					122px;
	line-height: 1em;
}

#silk
{
	position: 				absolute;
	margin-top:				146px;
	margin-left:			553px;
	width:					175px;
	height:					359px;
	color:					black;
}

#silk a
{
	color:					#663;
}

#silk a:hover
{
	color:					#996;
}

#lela_open
{
	position: 				absolute;
	margin-top:				359px;
	margin-left:			554px;
	color:					black;
	width:					322px;
	height:					212px;
}

#lela_open a:hover
{
	color:					#69c;
}

#swatchit_one
{
	position: 				absolute;
	margin-top:				64px;
	margin-left:			198px;
	color:					black;
	width:					234px;
	height:					512px;
}

#swatchit_one a
{
	color:					black;
}

#swatchit_one a:hover
{
	color:					#633396;
}

#swatchit_two
{
	position: 				absolute;
	margin-top:				446px;
	margin-left:			555px;
	height:					31px;
}

#swatchit_two a
{
	color:					#633396;
	font-size:			13px;
}

#swatchit_two a:hover
{
	color:					#1d52bc;
}




/*-----------------------------------------------*/

.advert_fullwidth_halfheight
{
	width:				450px;
	height:				255px;
	background: 		white
}

.advert_fullwidth_halfheight img
{
	margin:				4px 0px 0px 6px;
}

/*-----------------------------------------------*/

ul
{
	margin:				0px;
	border:				0px;
	padding:			0px;

	list-style-type: 	none;
}

li
{
	list-style: 		none;
	display: 			block;

	margin:				0px 0px -5px 0px;
	border: 			0px;
	padding:			0px;
}

/*------------------------------------------------*/

.footer
{
	margin:				0px;
	border:				0px;
	padding:			0px;

	font-weight:		bold;
	color:				white;
	font-size:			10px;
	font-family:		'arial', sans-serif;
}

/*------------------------------------------------*/

.marketplace
{
	/*margin:				0px;
	border:				0px;
	padding:			0px;*/
	
	background:			#fff;
	width:				450px;
	height:				510px;
	float: 				left;
}

.marketplace .title_img
{

}

.marketplace .ad
{
	display: 			block;
	float:				left;
	margin:				3px;
	padding:			0px;
}


.newline
{
	clear:				both;
}

/*------------------------------------------------*/

#masthead
{
	width:				450px;
	height:				510px;
	float: 				left;
	

	background:	url("../images/masthead_logo_bg.jpg");
	background-repeat: no-repeat;
	background-color:	#655e88;
}

#masthead img
{
	margin-top:		40px;
	margin-left:		40px;
	float: 			left;
	/*border: 			1px dashed black;*/
}

#masthead .overlaid_text
{
	/* this is an override to a class defined above */
	font-size:			11px;
	line-height:			14.5px;
}

#masthead #names
{
	text-align:			right;
	margin-top:			10px;
	margin-left:		105px;
	width:				165px;
	height:				160px;
	color: 				white;
}

#masthead #roles
{
	text-align:			left;
	margin-top:			10px;
	margin-left:		280px;
	width:				170px;
	height:				160px;
	color: 				#a19cc0;
}

#masthead #thanks
{
	line-height:			14px;
	background:			#becf99;
	color:				#48624e;
	margin-top:			285px;
	width:				450px;
	height:				225px;
}

#masthead #thanks p
{
	margin-top:			12px;
	margin-left:			40px;
	line-height:			14px;
	color:				#48624e;
	width:				390px;
}

#thanks a
{
	text-decoration: 	none;
	font-weight:			normal;
	color:				#48624e;
}

/*------------------------------------------------*/

.advertisers_index
{

	background:			#fff;
	width:				870px;
	height:				480px;

	margin:				0px;
	border:				0px;
	padding:				15px;
	
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	background:			white;

}

.advertisers_index .heading
{
	width:					220px;
	text-decoration:			none;
	color:					#333;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				18px;
}

.one_third_column
{
	float: 					left;
	width: 					290px;
}

.advertisers_index .link
{
	width:					240px;
	text-indent:		-15px;
	padding-left:		15px;


}

.advertisers_index .link a
{
	margin:					0px;
	border:					0px;
	padding:					0px;
	text-decoration:			none;
	color:					#666;
	font-size:				14px;
	line-height:				20px;
}