/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	background: #0a2433 url(images/body_back.png) fixed repeat-x center bottom;
	margin: 0px;
	padding: 0px;
}

#logoline {}
#container { width: 84%; padding: 0px; margin: 0px auto;}
#main {}
#footer, #content, #bar { border-top: 1px solid #555555;border-left: 1px solid #555555;border-bottom: 3px solid #000000;border-right: 3px solid #000000;}
#top  { width: 100%; height: 31px;}
#name { display: none;}
#menu { width: 100%; }
#logoline { background: url(images/logo_back.jpg) repeat-x center left; height: 120px; width: 100%; border: 2px solid #ffffff; }
#main { margin-top: 10px;}
#logo { width: 200px; vertical-align: middle;}
#toptext { font-size: 11pt; color: #000000; font-style: italic; }
#main { width: 100%; }
#content {color: #333333; padding: 5px 15px; background: #ffffff; vertical-align: top; }
#mainspacer { width: 20px;}
#bar {width: 150px; font-size: 9pt; background: #ffffff; vertical-align: top;}
#footer {width: 100%; height: 170px; background: url(images/footer_back.png) repeat-x center top;}
#resources { text-align: left; width: 80%; margin: 0px auto; }
#resources ul {list-style-type: circle;}
#resources li {  padding-left: 10px; border-bottom: 1px dashed #eeeeee; margin-bottom: 5px;}

#name h1 {display: none; }
#logo p { margin-top: 12px;}
#logo a, #logo a img { border: none; }
#toptext p { margin-top: 35px;}
#toptext a { color: #333333; text-decoration: none;}
#toptext a:hover { border-bottom: 1px dashed #eeffee;}
#content a {
	font-weight: normal;
	text-decoration: none;
	color: #0000ff;
}
#content a:hover { border-bottom: 1px dashed #0000ff;}
#content a img, #bar a img { border: none;}
#content h2 { color: #0000ff; font-size: 15pt;}
#content h3, #content h4 { font-size: 10pt; color: #0000ff;}
#bar h5, .line { font-size: 11pt; width: 120px; margin: 10px auto 0px auto; border-bottom: 1px solid #333333; color: #0000ff;}
#bar p { width: 120px; margin-left: auto; margin-right: auto;}
#bar a { color: #0000ff; text-decoration: none;}
#bar a:hover, .promo a:hover { border-bottom: 1px dashed #0000ff;}
#footer { margin: 10px 0px 5px 0px; font-size: 8pt; color: #000000; line-height: 5px;}
#footer h4 { font-size: 8pt; }

.promo {
	width: 92%;
	margin: 0px auto;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	background: #abcdef;
	padding: 5px 15px;
}
.hot-streak { background: url(images/hot-streak.jpg) no-repeat bottom right; }
.hot-hands { background: url(images/hot-hands.jpg) no-repeat bottom right; }
.hot-hands, .hot-streak { width: 49%; vertical-align: top; }
.sub { font-size: smaller; font-weight: bold;}

.clear {clear: both; }
.rounded-corners, .subnav, .promo {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

/* ================================= menu styles ============================== */
#dropline {padding:0; list-style:none;text-align:center; margin:0px auto; font-size:9pt; height:41px; width:100%; position:relative; left:0; top:0px;}
#dropline div {padding:0px; margin:0px auto; list-style:none; position:absolute; left:-9999px; width:100%; text-align:center;}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#dropline ul li {display:inline; margin:0px; text-align:center;}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px 10px; background:transparent; font-weight:bold; font-size:10px;}

#dropline li {display:inline; margin:0px -2px; text-align:center;}
#dropline li a {display:inline-block; height:30px; margin:0px 10px; padding:0px; background: url(images/menu.png) no-repeat center bottom; line-height:30px; text-decoration:none; color:#ffffff;} /* main nav*/
#dropline li a.sub {width: 100px;}

html>/**/body #dropline li {display:inline-block; padding:0px;}

* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0px; cursor:pointer; width: 100px;}

#dropline li a:hover {background-position:center top; color:#cccccc;}
#dropline li a:hover b {background-position:center top;}

#dropline li:hover > a {background-position:center top; color:#cccccc;} /* main nav */
#dropline li:hover > a b {background-position:center top;}

#dropline :hover div {left:0; top:31px;}
#dropline :hover ul li a { color: #ffffff; }
#dropline :hover ul li a:hover {text-decoration:underline; color:#ffffff;} /* sub nav hover */
#dropline .blank { display: none;}

#dropline li.current > a { background: url(images/menu.png) no-repeat center top; }
#dropline li.current ul li a.active { text-decoration: underline;}
.subnav, #dropline :hover div { background-color: #2a404e;  } /* subnav background color */
#dropline :hover ul li { background:  url(images/subnav.png) no-repeat center left; padding-left: 12px;}



/* ================================= menu styles end ============================== */