@charset "utf-8";
/* CSS Document */
	
object { outline:none; display:block; }

html, body { height: 100%; }

a img { border: none; outline: none; }

a 			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight:bold; color:#FFF; }
a:hover 	{ color: #FF0000; }
/* a:visited 	{ color: #FFFFFF; } */
a:active 	{ color: #FF0000; }

ol, ul{ color:#FFF; }
ol li div, ul li div { color:#999; }

body { background-color: #000000; background-image: url(/images/background.gif); background-position: top; background-repeat: no-repeat; margin:0px; }
.subsection { background-image: url(/images/subsection_background.gif); background-position: top; background-repeat: no-repeat; margin:0px; }

.alignRight { text-align: right; }

#communityMessageOuter { 	

	display:none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90); 	
	
}

#communityMessageInner { 	

	position: absolute;
	overflow:visible;
	height:auto;
	top: 25%;
	left: 25%;
	width: 50%;
	padding: 16px;
	border: 16px solid red;
	background-color: #333;
	z-index:1002;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	
}

#communityMessageText {
	
	color:#FFF;
	text-align:center;
	height:auto;
	overflow:visible;
	margin-bottom:20px;
	
}

#communityMessageBack, #communityMessageContinue {
	
	min-width:150px;
	height:25px;
	background-color:#999;
	text-align:center;
	cursor:pointer;
	border:1px solid white;
	padding:0px 15px;
	
}

#communityMessageBack {
	
	float:left;
	
}

#communityMessageContinue {
	
	float:right;
	
}

body.subsection #error {  position:absolute; text-align:center; top:20px; left:0px; width: 100%; height: auto; font-family: Tahoma, Arial, Helvetica; font-size:10px; font-weight:bold; color:#F00; }
#error {  position:absolute; text-align:center; top:50px; left:0px; width: 100%; height: auto; font-family: Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color:#F00; }

#flashContainer				{ position:relative; margin: 0 auto; width: 100%; min-width: 926px; height: auto; float:left; background-color: #000; }
#flashContent 				{ margin: 0 auto; width: 100%;  min-width: 926px; height: 485px; float: left; background-color: #000; }
#flashContentSubsection 	{ margin: 0 auto; width: 100%;  min-width: 926px; height: 200px; float: left; background-color: #000; overflow:hidden; }

#bottomContentHome  		{ width: 926px; clear:left; height:auto !important; height:100%; min-height:553px; margin: 0 auto; background: url(/images/home_bottom_area_bg.jpg) top left no-repeat; }
#bottomContentSection  		{ width: 926px; clear:left; height:auto !important; height:100%; min-height:553px; margin: 0 auto; background: url(/images/section_bottom_area_bg.jpg) top left no-repeat; }
#bottomContentSubsection  	{ width: 926px; clear:left; height:auto !important; height:100%; min-height:553px; margin: 0 auto; background: url(/images/section_bottom_area_bg.jpg) top left no-repeat; }

#banner { width: 581px; height: 90px; position:relative; top:16px; left:170px; }
#subsectionTitle { margin: 0 auto; width: 926px; height: 60px; position:relative; background: url(/images/subsection_title_bg.png) top no-repeat; text-align:center; }

#contentBoxes { margin: 0 auto; position:relative; top:40px; width:100%; z-index: 0; }

#footer { position:relative; width: 926px; clear:both; height:324px; margin-left:auto; margin-right:auto; top:50px; background: url(/images/footer_bg.jpg) top left no-repeat; text-align:center; }
#footerButtons { margin-left:auto; margin-right:auto; position:relative; top:270px; text-align:center; }

.contentBoxFull { margin:0 auto; clear:left; background: url(/images/content_area_bg_full.png) top center no-repeat; height:210px; }

.contentArea { position:relative; width:926px; clear:both; float:left; top:10px; margin:0 auto; background: url(/images/content_area_full_top.png) top center no-repeat; }
.contentAreaContent { z-index:2; clear:both; margin:0 auto; position:relative; width:560px; height:auto; top:30px; font-family: Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color:#FFF; }
.contentAreaFooter { margin:0 auto; clear:both; position:relative; width:926px; background: url(/images/content_area_full_bottom.png) top center no-repeat; height:90px; top:-20px; }

.contentBoxLeft, .contentBoxLeftTall {  width:340px; margin: 0 auto; left:110px; position:relative; float:left;  }
.contentBoxRight, .contentBoxRightTall { width:340px; right:110px; position:relative; float:right;  }

.contentBox, .contentBoxLeft, .contentBoxRight { height: 295px; }
.contentBoxLeftTall, .contentBoxRightTall{ height: 350px; }

.contentBoxLeft { background: url(/images/content_area_bg_left.png) top left no-repeat; }
.contentBoxRight { background: url(/images/content_area_bg_right.png) top left no-repeat; }
.contentBoxLeftTall { background: url(/images/content_area_bg_left_tall.png) top left no-repeat; }
.contentBoxRightTall { background: url(/images/content_area_bg_right_tall.png) top left no-repeat; }

.contentBoxLeft .contentBoxTitle { left:10px; }
.contentBoxLeftTall .contentBoxTitle { left:10px; }
.contentBoxRight .contentBoxTitle { right:10px; text-align:right; }
.contentBoxRightTall .contentBoxTitle { right:10px; text-align:right; }

.contentBoxLeftContent, .contentBoxRightContent { position:relative; top:26px; width: 268px; }
.contentBoxLeftContent { left: 40px; }
.contentBoxRightContent { left: 32px; }

.contentBoxTitle { margin: 0 auto; position:relative; width:325px; height: 26px; top:3px; }
.contentBoxImage { margin: 0 auto; position:relative; width: 256px; height: 70px; background-color: #000; text-align:center; }
.contentBoxText  { width: 268px; height: 100px; top:20px; overflow: hidden; position:relative; font-family: Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color:#999; z-index: 0; }
.contentBoxLeftTall .contentBoxText, .contentBoxRightTall .contentBoxText { width: 268px; height: 155px; top:20px; overflow: hidden; position:relative; font-family: Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color:#999; z-index: 0; }
.contentBoxReadMore { margin: 0 auto; position:relative; width: 253px; height: 20px; top:22px; text-align:right; }

.contentBoxFullTitle, .contentAreaTitle { float:left; margin: 0 auto; position:relative; width:500px; height: 34px; top:20px; left:158px; }
.contentBoxFullText { width: 318px; height: 100px; clear:left; overflow: hidden; position:relative; top:28px; left:164px; font-family: Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color:#999; }
.contentBoxFullImage { left:516px; top:-60px; position:relative; margin: 0; width: 256px; height: 70px; background-color: #000; text-align:center; }
.contentBoxFullReadMore, .contentAreaReadMore { float:right; margin: 0 auto; position:relative; width: 100px; height: 20px; top:20px; right:160px; text-align:right; }

.contentAreaContent h1 { font-family: Tahoma, Arial, Helvetica; font-size:18px; font-weight:bold; color:#FFF; text-transform: uppercase; margin:0px; }
.contentAreaContent h2 { font-family: Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold; color:#3CF; text-transform: uppercase; margin:0px; }
.contentAreaContent h3 { font-family: Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; color:#6666CC; margin:0px;  }
.contentAreaContent h4 { font-family: Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; color:#FFF; margin:0px;  }
.contentAreaContent .larger { font-family: Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold; margin:0px;  }
.contentAreaContent { color:#999; }
.contentAreaContent strong { color: #FFF; font-weight: bold; }

.larger { font-family: Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold;  }
.red { color:#FF0000;  }

.tutorialsList { font-family: Tahoma, Arial, Helvetica; font-size:18px; font-weight:bold; color:#FFF; }
.finePrint { font-family: Tahoma, Arial, Helvetica; font-size:9px; font-weight:bold; color:#999; }