@charset "UTF-8";
/* CSS Document */
/* Eric Meyer CSS Reset v1.0 | 20080212 http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}img{display:block;}

body { 
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 10px auto;
	background:  url("../images/bg_blue.gif"); 
	background-repeat:repeat; 
	text-align: center;
}

A:link {text-decoration: none;}
A:visited {text-decoration: none; color: #0000FF;}
A:hover {text-decoration: underline;}

/***** Begin laying out the wrappers *****/
#skip {
	position: absolute; 
	top: -500px;/*places the skip nav off screen*/
}

#accountStats { font-size:10px; text-align:right; color:#000; }

#wrapperTable { margin-left: auto; margin-right: auto; text-align:left; width:820px; }
#wrapper { background-color: #FFF; border: 1px solid #000; color:#000000 }
#topbannerwrapper { padding-left:20px; padding-right:20px; padding-top: 10px; padding-bottom: 2px; }
#topbanner { height: 75px; padding-top:5px; padding-right:5px; background-color:#FFFFFF; }

#tbleft { float:left; }
#tbright { float:right; }

/* positions the navigation column*/
#nav { text-align:center; background-color: #003399; color: #FFF; height: 25px; margin-left: 20px; margin-right: 20px; position:relative; border-top: 1px solid #003399; border-bottom: 1px solid #003399; font-weight: bold; font-size: 16px; }
#nav ul { list-style-type: none; padding-left: 2px; margin-left: 4px; }
div#nav ul li { font-family: Arial, Helvetica, sans-serif; width: 69px; position: relative; float: left; }
#nav li a { font-size: 80%; height: 1%; display: block; text-decoration: none; color: #FFF; padding: 5px 0 4px 2px; margin: 0; }
#nav li a:hover, #nav li a:focus { background-color: #e5e5e5; color: #003399; }

#content {
	margin-left: 20px;
	margin-right: 20px; 
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/***** footers *****/
#footer_wrapper { clear:both; padding-right: 20px; }

#footer {
	width:100%;
	margin-top: 20px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	padding: 4px 20px 20px 0;
	color: #660000;
	border-top: 1px solid #000;
}
/***** Ends the footers ********/

.login div.welcome { float:left; margin-top:50px; margin-left:30px; width:320px; }
.login fieldset { float:right; width:380px; margin-top: 20px; margin-bottom:20px; padding:10px; }
.login fieldset div { clear:both; padding-left:5em; }
.login fieldset label {float:left; width:5em; text-align:right; }
.login fieldset legend { margin-left:10px; }
.login fieldset div.action {padding-left:0px; text-align:center; font-size: 12px; } 
.login fieldset div.error {clear: both; padding-left:0px; margin-bottom: 10px; width:100%; text-align:center; color:red; font-weight:bold; }
.login fieldset div.captcha {clear: both; font-size: 12px; padding-left:0px; margin-bottom: 10px; width:100%; text-align:center; }
.login fieldset div.captcha img {margin: 0px auto; margin-top:10px; margin-bottom:10px; }

/*** Form Simple ***/
.formSimple { font-family: Verdana, Arial, sans-serif; font-size: .8em; line-height: 145%; color: #607080; }
.formSimple div { margin-top: 0.5em; padding-top: 0.5em; padding-left: 15em; border-top: 1px dashed gray; }
.formSimple div.first { margin-top: 0em; padding-top: 0em; border-top: none; }
.formSimple div label { width: 14em; float: left; margin-left: -15em; }
.formSimple div span.error { margin-left: 0.5em; color: red; }
.formSimple span.errorBox { display:block; padding:10px; margin-bottom: 10px; border:solid 1px #dd3c10; color:#FF0000; background:#ffebe8; font-weight:bold;}

p.captcha {color:#000; font-size: 10px;}

/* Yellow Box Class */
.YellowBox  { 
        margin: 0px 0px 10px;
        padding: 10px;
        border: solid 1px #FFCC00;
        background: #FFFFCC; }

div.videoView .videoPlayer { float:left; }

div.videoInfo { float:left; padding-left:20px; width:200px; }
div.videoInfo span { font-weight: bold; } 
div.videoView .comments { clear:both; width:600px; overflow: hidden;} 

#commentArea { padding-top:10px; clear:both; }
.commentChildren { padding-left:50px; }
.commentPoster { vertical-align: top; text-align:center; border-right: 1px solid #CCC; float:left; }
.commentPoster a { text-decoration: none; }
.commentBody { vertical-align: top; text-align: left; float:left; }
.commentDate { font-weight: bold; }
.commentReply { text-align: right; }
.commentReply span { text-align: right; font-weight:bold; color: blue; cursor: pointer; }
.commentForm span { font-weight:bold; }
.comment { margin: 0 auto; }
.commentMinWidth { height:1px; width:400px; }
.clearBoth { clear:both;