/* 

Styles:
	purple: 480048 	border: Plum  text SpringGreen  hover: 780078 text Gold	
	turq:	PaleTurqouise
	green:	SpringGreen
	gold:	Gold
	light:	Lavendar 	border: c6c6f0
	
	link:	MidnightBlue / Orange
	
	Plum:			dda0dd
	SpringGreen:	00ff7f
	PaleTurquoise:	afeeee
	Gold:			ffd700
	Lavendar:		e6e6fa

*/

body {
	background-color:	White;
}

html, body, div, p, img, label, input, textarea, a, span, h1, h2, h3, h4, h5, form, table, tr, td, th, thead, tfoot, tbody {
	margin: 			0;
	padding: 			0;
	border: 			none;
}

html, body {
	font: 				16px Arial, Verdana, Helvetica, sans-serif;
	color:				#333333;
	background-color:	#f6f6f6;
}

div.masterLayer {
	margin: 			0;
	padding: 			0;
	border: 			none;
	width:				100%;
	height:				100%;
}

.boxOutline {
	border:				solid 1px Black;
	border-radius:		4px;
	box-shadow:			3px 3px 6px #666666;
}

header.menuBar {
	position:			relative;
	top:				0;
	left:				0;
/*	background-color:	#480048;										*/
	width:				100%;
	height:				60px;
	border:				none;
	border-bottom:		solid 2px Black;
	margin:				0;
	padding:			0;
}

.menuBox {
	height: 			50px; 
	margin-top: 		4px;
	border: 			solid 1px black; 
	border-radius: 		4px; 
	background-color: 	#666666;
}

.whiteBox {
	margin-top: 		4px;
	border: 			solid 1px black; 
	border-radius: 		4px; 
	background-color: 	#f6f6f6;
}

.purpleGradient {
	background:			-o-linear-gradient(#9494a0, #480048);								
	background:			-moz-linear-gradient(#9494a0, #480048);	
	background:			-webkit-linear-gradient(#9494a0, #480048);		
	background:			linear-gradient(#9494b0, #480048);	
}

.grayBack {
	background:			-o-linear-gradient(#f6f6f6, #cccccc);								
	background:			-moz-linear-gradient(#f6f6f6, #cccccc);	
	background:			-webkit-linear-gradient(#f6f6f6, #cccccc);		
	background:			linear-gradient(#f6f6f6, #cccccc);	
}

.lightLavenderGradient {
	background:			-o-linear-gradient(#f2f2fc, #b8b8c8);								
	background:			-moz-linear-gradient(#f2f2fc, #b8b8c8);	
	background:			-webkit-linear-gradient(#e8e8fb, #cfcff0);		
	background:			linear-gradient(#e8e8fb, #cfcff0);	
}
	

.logoText {
	width: 				300px; 
	text-align:			left;
	font-family:		Verdana;
	font-size:			36px;
	font-weight:		bold;
	font-style:			italic;
	letter-spacing:		4px;
	color:				Gold;
	text-shadow:		4px 4px 6px #000000;
}

.orangeText {
	font-family:		Verdana;
	font-size:			20px;
	font-weight:		bold;
	letter-spacing:		2px;
	color:				Gold;
	text-shadow:		2px 2px 3px #000000;
}

.logoSmall {
	width:				100px;
	height:				100px;
	margin:				0 260px 0 40px;
	border:				none;
	cursor:				pointer;
	float:				left;
	clear:				left;
}

.trademark {
	font-size: 			10px; 
	font-style: 		normal; 
	letter-spacing: 	2px;
}

.languageListing {
	width:				90px;
	margin:				0;
	background-color:	white transparent;
	float:				left;
}

legend.stdLegend {
	font-size: 			10px; 
	letter-spacing: 	1pt; 
	color: 				white; 
	font-weight: 		normal; 
	text-shadow: 		1pt 1pt 1px black; 
	margin: 			0; 
	padding:			0;
	text-align: 		center;
}

fieldset.stdFieldset {
	padding: 			0; 
	margin:				0;
	border-radius: 		4px; 
}

img.languageFlag {
	width: 				32px; 
	margin: 			3px 0 3px 4px; 
	border: 			solid 1px black; 
	float:				left;
}

aside.signUpLayer {
	width: 					100px; 
	margin: 				6px 0 0 50px; 
	font-size:				16px;
	font-weight:			bold;
	color: 					SpringGreen; 
	text-align: 			center;  
	text-shadow:			1px 1px 2px #333333;
}

img.button {
	cursor:					pointer;
	border:					none;
	padding:				0;
}

.signUpButton {
	margin: 				6px 40px 0; 
	float: 					right; 
	clear: 					none;
}

/*
.button {
	width:					90px;
	height:					20px;
	background-color:		#480048;
	border:					solid 1px black;
	border-radius:			4px;
	box-shadow:				1px 1px 3px #333333;
	cursor:					pointer;
	color:					white;
	font-family:			Verdana;
	font-weight:			bold;
	font-size:				13px;
	text-align:				center;
	letter-spacing:			0.5px;
	text-shadow:			1px 1px 2px #333333;
	padding:				0;
}

.button:hover {
	font-weight:			bold;
	color:					black;
	background-color:		lavender;
	text-shadow:			1px 1px 2px #666666;
}	

.buttonLabel {
	width:					80px;
	margin:					2px auto 0;
}
*/


div.button {
	width:					116px;
	height:					34px;
	background:				url('/images/button_large_navy.png') no-repeat 0 0;
	border:					none;
	padding:				0;
	cursor:					pointer;
	color:					white;
	font-family:			Verdana;
	font-weight:			normal;
	font-size:				13px;
	text-align:				center;
	letter-spacing:			1px;
	text-shadow:			1px 1px 2px #333333;
}

div.buttonLabel {
	width:					100px;
	height:					14px;
	margin:					11px auto 0;
}

div.button:hover {
	background:				url('/images/button_large_orange.png') no-repeat 0 0;
	color:					black;
	text-shadow:			1px 1px 2px yellow;
}	

div.welcomeLayer {
	width: 					300px; 
	margin: 				5px auto 0; 
	font-size: 				18px; 
	font-weight: 			bold; 
	color: 					Gold; 
	text-align: 			center;
	text-shadow:			1px 1px 2px #333333;
	border: 				none;
}

div.signInOutLayer {
	width: 					70px; 
	margin: 				5px 40px 0; 
	text-align:				center;
}

aside.loginBox {
	position:			absolute;
	top:				-150px;
    right:				560px;
	width:				360px;
	height:				150px;
	margin:				0;
	padding:			0;
	color:				Black;
	overflow:			hidden;
	border:				none;
	border-left:		solid 2px Black;
	border-right:		solid 2px Black;
	border-bottom:		solid 2px Black;
	visibility:			hidden;	
}

aside.signUpBox {
	position:			absolute;
	top:				-350px;
    right:				560px;
	width:				380px;
	height:				350px;
	margin:				0;
	padding:			0;
	color:				Black;
	border:				none;
	border-left:		solid 2px Black;
	border-right:		solid 2px Black;
	border-bottom:		solid 2px Black;
	visibility:			hidden;	
}

aside.topHelpLayer {
	position:			absolute;
	top:				0;
    right:				560px;
	width:				380px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	White;
	color:				Black;
	border:				none;
	border-left:		solid 2px Black;
	border-right:		solid 2px Black;
	border-bottom:		solid 2px Black;
	visibility:			hidden;	
}

div.topHelpLayerBody {
	position:			relative;
	width:				380px;
	height:				380px;
	margin:				0;
	padding:			0;
	background-color:	White;
	color:				Black;
	border:				none;
}

div.helpLayer {
	position: 			absolute; 
	top: 				0; 
	left: 				0; 
	padding: 			40px 30px; 
	font-size: 			small; 
	font-weight: 		bold; 
	color: 				black;
	visibility:			hidden;	
}

div.helpTip {
	position: 				absolute; 
	top: 					300px; 
	left: 					30px; 
	width: 					320px;
}

.contentLayer {
	width:				100%;
	margin:				0;
	min-height:			100%;
	padding:			0;
	border:				none;
	color:				Black;
	background-color:	#f0f0f0;
}

.stdMargin {
	margin:				20px 20px 0;
	padding:			0;
	border:				none;
}

.bannerText {
	font-family:		Verdana;
	font-size:			26px;
	font-weight:		bold;
	letter-spacing:		1px;
	color:				Black;
	text-shadow:		1px 1px 3px #999999;
}

/*
.contentLayer {
	width:				100%;
	min-width:			1370px;
	min-height:			900px;
	margin:				0;
	padding:			0;
	border:				none;
	font-size:			22px;
	color:				#333333;
	float:				left;
	clear:				both;
}

.leftAdBar {
	width: 				280px; 
	border: 			none; 
	border-right: 		solid thin Black; 
	float: 				left; 
	clear: 				left;
}

.rightAdBar {
	width:				25%;
	min-width: 			320px; 
	border: 			none; 
	margin:				0;
	padding:			0;
	float: 				right; 
	clear: 				right;
}

div.leftContentLayer {
	width:				73%;
	min-width:			1000px;
	border:				none;
	margin:				0 20px 0 0;
	padding:			0;
	float:				left;
	clear:				left;
}

div.leftMargin {
	margin-left:		20px;
	float:				left;
	clear:				left;
}

*/

.stdAd {
	width:				90%;
	border:				none;
	margin:				20px 0 0 20px;
	padding:			0;
	float:				left;
	clear:				both;
}

.adLabel {
	font-size:			22px;
	font-weight:		bold;
	color:				#999999;
	text-align:			center;
	margin:				85px 0 0;
}

.advertisement {
    border:				none;
	margin:				20px 0 0 20px;
	padding:			0;
}	

/* Rectangular Ads ------------------	*/

.mediumRectangleAd {
	width:				300px;
	height:				250px;
}

.largeRectangleAd {
	width:				336px;
	height:				280px;
}

/* Horizontal Ads ------------------	*/

.largeLeaderboardAd {
	width:				970px;
	height:				90px;
}

.leaderboardAd {
	width:				728px;
	height:				90px;
}

/* Vertical Ads ------------------	*/

.wideSkyscraperAd {
	width:				160px;
	height:				600px;
}

.largeSkyscraperAd {
	width:				300px;
	height:				600px;
}

.portraitAd {
	width:				300px;
	height:				1050px;
}

.errorMessage {
	text-align:			left;
	font-size:			16px;
	font-weight:		bold;
	color:				Maroon;
}

.plain {
	margin:				0;
	padding:			0;
	border:				none;
}

div.plainCenter {
	border:					none;
	margin:					0 auto;
	padding:				0;
}

.hugeText {
	font-size:			24px;
	font-weight:		normal;
}

.hugeBoldText {
	font-size:			24px;
	font-weight:		bold;
}

.bigText {
	font-size:			18px;
	font-weight:		normal;
}

.bigBoldText {
	font-size:			18px;
	font-weight:		bold;
}

.stdText {
	font-size:			16px;
	font-weight:		normal;
}

.stdBoldText {
	font-size:			16px;
	font-weight:		bold;
}

.smallText {
	font-size:			14px;
	font-weight:		normal;
}

.smallBoldText {
	font-size:			14px;
	font-weight:		bold;
}

.tinyText {
	font-size:			12px;
	font-weight:		normal;
}

.tinyBoldText {
	font-size:			12px;
	font-weight:		bold;
}

.lightLink {
	font-size:			16px;
	font-weight:		bold;
	color: 				PaleTurquoise; 
	text-align: 		center;  
	text-shadow:		1px 1px 2px #333333;
	cursor:				pointer;
	text-decoration:	none;
}

.lightLink:hover {
	color:				Gold;
}	

.mediumLink {
	font-size:			16px;
	font-weight:		bold;
	color: 				SpringGreen; 
	text-align: 		center;  
	text-shadow:		1px 1px 2px #333333;
	cursor:				pointer;
	text-decoration:	none;
}

.mediumLink:hover {
	color:				Gold;
}	

.darkLink {
	font-weight:		bold;
	cursor:				pointer;
	color:				#14145a;
	text-decoration:	none;
}

.darkLink:hover {
	color:				Orange;
}	

.inactiveLink {
	font-weight:		bold;
	color:				#cccccc;
	text-decoration:	none;
}

img.blueCheck {
	cursor: 			pointer; 
	position: 			absolute; 
	bottom: 			0; 
	left: 				0; 
	visibility: 		hidden;
}

div.pageHeading {
	font-size:			42px;
	font-weight:		bold;
	color:				black;
	margin-top:			10px;
	float:				left;
	clear:				left;
}

div.pageBanner {
	width:				100%;
	float:				left;
	clear:				left;
}
	
label.stdLabel {
	font-weight:		bold;
	font-size:			18px;
	color:				black;
	margin:				20px 0 0;
	display:			block;
}

.fieldText {
	font-size: 			18px;
	font-weight:		bold;
	text-shadow:		1px 1px 3px #cccccc;
	color:				#000000;
}

.checkboxDisplay {
	height: 			12px; 
	width: 				12px; 
	border: 			solid 2px black; 
	border-radius: 		4px;
	background-color:	white;
	margin: 			0; 
	cursor: 			pointer; 
	position: 			absolute; 
	top: 				0; 
	left: 				0;
}

.inputField {
	border:				solid 1px Black;
	border-radius:		4px;
	box-shadow:			1px 1px 1px #666666;
	height:				22px;
	width:				210px;
	padding:			0 0 2px 2px;
	text-align:			left;
	font-size:			16px;
	font-weight:		bold;
	color:				black;
}

.leftMargin {
	margin-left:		20px;
}

.rightMargin {
	margin-right:		5px;
}

.leftRightMargin {
	margin-left:		20px;
	margin-right:		20px;
}

.footer {
	width:				100%;
	height:				40px;
	margin:				0;
	padding:			0;
	border:				none;
	border-top:			solid 2px DimGray;
}

.footerContent {
	text-align:			center;
	margin:				12px 0 0;
}

.spacer50 {
	height: 			50px;
	margin:				0;
	float:				left;
	clear:				both;
}