/* CSS Document: Created by Anissa Thompson, Anissa Thompson WebDesign, LLC */
/*FORCE VERT SCROLLBAR TO GET RID OF FF PAGE SHIFT: also works as VALID CSS for VERT.Scrolling DIVS:
min-height:100%; margin-bottom: 1px;*/


/* GLOBAL LAYOUT ELEMENTS ------------------------------------- --------------------- */
html				{  }
body				{ margin:0; padding:0; background:#f5f5f5 url(/images/page_back.jpg) repeat-y center top; color:#333; font:100% Arial, Helvetica, sans-serif;  }/*height:100%;*/
body, td, .copy		{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

#elem td, #elem td p { font: normal 13px/120% 'Courier New', Arial, Helvetica, sans-serif; }

#container 			{ min-height:100%; width:800px; margin:0 auto; padding:0; background:#FFF; clear:both; }
* html #container	{ height:100%; }

#sectionHeader 		{ width:800px; margin:0 auto; clear:both; }
	#sectionHeader h1 a	{ color:#FFF; }
	#sectionHeader a	{ text-decoration:none; }
	#sectionHeader a:hover { text-decoration:underline; }

#sectionContent		{ width:800px; margin:0 auto; padding-bottom:5px; clear:both; background-color:#FFF; position:relative; } 
	#sectionContent #navbar { float:left; width:182px; margin:0; padding:10px; /*border:1px solid #F0F;*/ }
		#navbar a.menu	{ display:block; width:auto; padding:3px 8px; background-color:#369; color:#FFF; text-decoration:none; font:bold 150%/normal 'Arial Narrow',Verdana, Arial, Helvetica, sans-serif; margin-bottom:1px; }
		#navbar a.menu:hover  { display:block; width:auto; padding:3px 8px; background-color:#59B2F1; color:#FFF; text-decoration:none; font:bold 150%/normal "Arial Narrow",Verdana, Arial, Helvetica, sans-serif; margin-bottom:1px; }
		#navbar a.menuon { display:block; width:auto; padding:3px 8px; background-color:#FC0; color:#369; text-decoration:none; font:bold 150%/normal "Arial Narrow",Verdana, Arial, Helvetica, sans-serif; margin-bottom:1px; }
	
	#sectionContent #maincontent { float:left; width:578px; padding:0; margin:0 0 10px 10px; }
	#sectionContent #blockimg { width:578px; padding:0; margin:0 0 10px 0; }
	#sectionContent #refresher { position:absolute; background-color:#FFF; width:auto; top:177px; right:0px; text-align:right; margin-right:10px; padding:5px; z-index:200; font-size:95%; filter:alpha (opacity=70); -moz-opacity:.70;opacity:.70; -khtml-opacity: 0.7; }

#sectionFooter 		{ width:780px; clear:both; background:#FFF url(/images/back_grad2.jpg) repeat-x center 40px; font-size:94%; padding:10px; margin:0; text-align:center;  }/*#C2E4FF*/
	#sectionFooter a { color:#666; text-decoration:none; }
	#sectionFooter a:hover { text-decoration:underline; }	

/* FocusSlider CSS: */
#mContainer 		{ position:relative; margin:0 auto;	width:760px; height:20px; border-top:1px solid #638DA1;
	border-bottom:1px solid #638DA1; background-color:#9FC6E8; padding:5px 0 0 0; z-index:0; }
#mContainer li 		{ position:relative; display:inline; margin:0 20px; font:bold inherit arial,verdana; padding:0; z-index:20; width:160px; /*background-color:#FFFF33*/ }
#mContainer li a 	{ text-decoration:none; font-weight:bold; /*color:#638DA1;*/ }
#slider 			{
	position:absolute;
	background-color:#E7F3FF;
	border:1px solid #78919B;
	width:130px;
	height:20px;
	padding:0;
	z-index:1;
}
/*end of FocusSlider CSS */

#debug				{ display:block; width:980px; margin:10px auto 0; padding:3px 10px; background-color:#C9F; }

/* LINKS ------------------------------------------------------ --------------------- */
a					{ color:#1373B2; }
a:hover				{ color:#666; }
a.plain:link, a.plain:visited { color:#444; text-decoration:none; }
a.copy:link, a.copy:visited { color:#444; text-decoration:underline; }

/* TEXT ------------------------------------------------------- --------------------- */
p					{ font-size:inherit; margin:0 0 0.8em 0; padding:0; }
h1, h2, h3, h4, h5, h6, p { margin-top:0; padding:0; }
h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1 					{ font: normal 300%/100% 'Berlin Sans FB Demi',Impact, Arial; color:#1373B2; padding-top:5px; }/*background:url(/images/dashed_hz.gif) repeat-x left bottom;border-top:3px solid #FC3;#EABB00*/
h2 					{ font: normal 230%/100% 'Berlin Sans FB Demi',Impact, Arial; color:#666; }
h3 					{ font-size:140%; color:#039; margin-bottom:0.2em; text-transform:uppercase; }
h4 					{ margin-bottom:0; font-size:100%; }
h5, h6 				{ font-size:100%; }

/*.leftcol			{ padding:0 10px; margin-right:10px; background:url(/images/back_grad3.gif) repeat-x top; border-right:1px solid #CCC;  }*/

.jrhigh 			{ border-left:1px dotted #CCC; background:#069 url(/images/back_circles.gif); color: #0C466D; }
.jrhigh a 			{ color:#FFF; }

.headlineback		{ background:url(/images/back_grad3.gif) repeat-x top; }
.fpo				{ color:#F0F; }
.smalltext			{ font-size:95%; color:#666; }
.tinytext			{ font-size:82%; color:#666; }
.callout			{ color:#EF7E1E; }
.hilited			{ color:#EAB032; }	
.reversed			{ color:#FFF; }
.success			{ color:#090; }
.error 				{ font-weight: bold; color:#C00; }
.inline				{ display:inline; }
.noline				{ text-decoration:none; }
.condensed			{ line-height:normal; }
.handwrite			{ font-family:"Comic Sans MS",Arial, Helvetica, sans-serif; }
.giant				{ font-size:36px; }

/* BOX MODEL: PADDING, MARGIN, BORDER, CLEAR ------------------ --------------------- */
.clear				{ clear:both; height:1px; }
.indented 			{ padding-left:30px; }
.tight				{ margin:0; }
.pad3, table.pad3 td	{ padding:3px; }
.pad5, table.pad5 td	{ padding:5px; }
.pad8, table.pad8 td	{ padding:8px; }
.pad10, table.pad10 td	{ padding:10px; }

.borderline 		{ border:1px solid #999; }
.whiteborderline 	{ border:1px solid #FFF; }
.bottomborder, tr.bottomborder td, tr.bottomborder th { border-bottom:1px solid #B5B6AF; }
.bottomdashed, tr.bottomdashed td, tr.bottomdashed th { padding-bottom:5px; background:url(/images/dashed_hz.gif) repeat-x left bottom; }
div.bottomdashed	{ margin-bottom:10px; }
.topborder, tr.topborder td, tr.topborder th { border-top:1px solid #B5B6AF; }
.topdashed, tr.topdashed td, tr.topdashed th { padding-top:5px; background:url(/images/dashed_hz.gif) repeat-x left top;}
.whitebottom, tr.whitebottom td, tr.whitebottom th { border-bottom:1px solid #FFF; }
.whitetop, tr.whitetop td, tr.whitetop th { border-top:1px solid #FFF; }
.borderleft			{ border-left: 1px solid #333; }
.borderright		{ border-right: 1px solid #333; }
/*#overlay, #overlay2 { visibility:hidden; position:absolute; left:0; top: 0; width:100%; height:100%; text-align:center; background-image:url(/images/overlay.gif); z-index:1000; }
#overlay div, #overlay2 div	{ width:200px; margin:100px auto; background-color:#fff; border:1px solid #000; padding:15px; }*/

/* LISTS ------------------------------------------------------ --------------------- */
ul					{ padding-left:10px; margin:0 0 0.8em 10px;  }
ol					{ padding-left:25px; margin:0px 10px 10px 10px; }
ul.simple li		{ margin-bottom:10px; }
ul.points li		{ list-style:url(/images/bul_green.gif) outside; margin-bottom:10px; }

dl dt				{ font-weight:bold; clear:both; }
dl dd				{ margin-left:20px; margin-bottom:10px; }

dl.quicklist dt		{ padding:3px; margin-bottom:1px; background-color:#FC0; font-weight:bold; }
dl.quicklist dd		{ margin:0 0 6px 0;  }
dl.quicklist a		{ display:block; padding:3px; margin:0 0 1px 0; filter:alpha (opacity=80); -moz-opacity:.80; opacity:.80;
	-khtml-opacity: 0.8; text-decoration:none; background-color:#9FC6E8; color:#1373B2; }
dl.quicklist a:hover		{ padding:3px; background-color:#039; color:#FFF; }

dl.flex				{ margin-top:0; list-style-image: url(/images/home_bullet.gif); }
dl.flex dt			{ padding-top:10px; clear:both; }
dl.flex dd			{ margin-left:12px; clear:left; }
dl.flex a			{ float:left; display:list-item; margin-left:7px; width:160px; }

dl.sameline dt		{ float:left; clear:left; width:45%; padding:0 0 7px; }
dl.sameline dd		{ margin-left:46%; padding:0 0 7px; }

dl.sameline2 dt		{ float:left; clear:right; width:300px; text-align:right; }
dl.sameline2 dd		{ float:left; width:auto; min-width:400px; margin-left:10px; padding-left:10px; border-left:2px solid #CCC; line-height:120%; }

/* IMAGES & BACKGROUNDS---------------------------------------- --------------------- */
img 				{ border:none; text-align: center; }
.imgleft			{ float:left; margin-right:10px; }
.imgright			{ float:right; margin-left:10px; }
.imgicon			{ margin-right:5px; vertical-align:middle; text-decoration:none; border:0; }
.imgicon2			{ margin-right:5px; vertical-align:bottom; text-decoration:none; border:0; }

.back1				{ background-color:#B5B6AF; /*stone grey: search back, header bars*/ }
.back2				{ background-color:#FFF; /*white*/ }
.back3				{ background-color:#DFDCD9; /*lt grey: data cells, dropdowns*/ }
.back4				{ background-color:#E4F3FF; /*lt blue*/ }
.back5				{ background-color:#BFE22C; /*#BFE22C #9C3 lime green*/ }
.back6				{ background-color:#54564F; /*charcoal grey*/ }
.back7				{ background-color:#EFD; /*mint green*/ }
.back8				{ background-color:#1373B2; /*dk slate blue*/ }
.back9				{ background-color:#333; /*dk grey*/ }

/* TABLES ----------------------------------------------------- --------------------- */
table 				{ font-size:1em; }

.detailtable		{ background-color:#FFF; }
.detailtable th		{ font-weight:bold; text-align:left; border-bottom:1px dotted #666; padding: 2px 2px 2px 8px; }
.detailtable th a, .detailtable th a:visited { text-decoration:none; color:#444; }
.detailtable td		{ background-color:#FFF; padding:2px 2px 2px 8px; }
.detailtable .rtedge { border-right:1px dotted #666; padding:2px 2px 2px 8px; }

.info td 			{ padding:5px 0 5px 10px; }
.info2 				{ border:1px solid #fff; border-bottom:0; }
.info2 th 			{ padding:3px 0 3px 10px; border-bottom:1px solid #999; background-color:#B5B6AF; font-weight:normal; }
.info2 td 			{ padding:3px 0 3px 10px; border-bottom:1px solid #FFF; background-color:#DFDCD9; }
.info .rtedge, .info2 .rtedge	{ padding-right:10px; }
.info td table.noback td	{ background:transparent !important; padding:0; }

.statstable 		{ border:1px solid #fff; border-bottom:0; }
.statstable	th		{ background-color:#B5B6AF; text-align:left; font-weight:normal; border-bottom:1px solid #999; }
.statstable td 		{ padding:3px 0 3px 10px; border-bottom:1px solid #DFDCD9; }

/* FORMS ------------------------------------------------------ --------------------- */
form 				{ margin:0; padding:0; }
fieldset 			{ width:98%; /*background-color: #F6F6F6; */ }
legend 				{ padding:8px; font-weight:bold; }
legend.subheadline  { color:#F30; }
input[type=text], select, textarea { font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; background-color:#FFF; border:1px solid #999; padding:1px; height:auto; vertical-align:middle; }
input[type=checkbox], .checkbox { border:none; vertical-align:bottom; }
input[type=radio], .radio { border:none; vertical-align:middle; }
input.error			{ border:2px solid #C00; }

.button 			{ font-weight:bold; padding:3px; background-color:#999; color:#FFF; }
.button2 			{ font-weight:bold; padding:3px; }
.formfieldmost		{ width:99%; }
.formfieldhalf 		{ width:70%; }
.required 			{ color:#666; font-weight:bold; }
.inactive, a.inactive { color:#999; }
.messageconfirm 	{ font-weight:bold; color:#090; background-color:#E6FFE6; border:1px solid #008000; padding:5px; }
.messageerror 		{ font-weight:bold; color:#C00; background-color:#FFD7D7; border:1px solid #C00; padding:5px; }

/* HOME PAGE -------------------------------------------------- ---------------------#59B2F1 */ 
#featurebar			{ width:568px; height:44px; padding:10px 10px 0; margin:0; background:url(/images/bar_features.gif) no-repeat; color:#FFF; }
.featureblock		{ float:left; width:176px; padding:6px; background-color:#C2E4FF; }
div.game 			{ float:left; width:150px; height:120px; padding:7px; border:7px solid #DDD; margin-right:10px;
	vertical-align:middle; margin-bottom:10px; text-align:center; }
.game a 			{ text-decoration:none; font-variant:small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }


/* INNER PAGES ------------------------------------------------ --------------------- */
.leftcol			{ float:left;margin-right:8px;width:45%;padding:0 10px;  }
.rightcol			{ float:left;width:45%; }

