/* ############################## PAGE SETUP STYLES ############################## */
* { margin:0; padding:0; }

html, body
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFF;
	background-image:url("../images/bg_page.png");
	background-repeat:repeat-x;
	margin:0;
	padding:10px;
}

p { margin-bottom:10px;	line-height:130%; }

a { color:#19529B; text-decoration:none; }

a:hover { color:#EFE301; text-decoration:underline; }

h1,h2,h3,h4, .h1,.h2,.h3,.h4 { font-family:"Trebuchet MS"; color:#2C3954; margin-bottom: 2px; }

h1,.h1 { font-size:30px; }
h2,.h2 { font-size:22px; }
h3,.h3 { font-size:18px; }
h4,.h4 { font-size:13px; }

img { border:0; }

p a { text-decoration: underline; }

.padding { padding: 10px; }
.overflow { overflow: auto; }
.left { float:left; }
.right { float:right; }
.clear { clear: both; }

/* ############################## TEMPLATE SETUP STYLES ############################## */
#container { width:940px; margin-left:auto; margin-right:auto; border:1px solid #ccc; background-color:#fff; background-image:url(../images/bg_sidebar_blue.gif); background-position:right; background-repeat:repeat-y; }
div#header { position:relative; background:#FFF; height:140px; background-image:url(../images/logo.jpg); background-position:10px 30px; background-repeat:no-repeat; }
div#footer { clear:both; width:100%; background-color:#2C3954; height:30px; }
#footer p { text-align:left; font-size:9px; line-height: 30px; margin-left: 10px; }
div#wrapper { float:left; width:100%; margin-left:-301px; }
div#content { min-height:200px; width: 610px; margin-left:301px; padding:15px; }
*html div#content { width: 600px; }
#headermenu a,#topmenu a,#footer a,#footer { color:#FFF; }
#footer a,#topmenu a:hover { text-decoration: underline; }

#headermenu { float:left; width:100%; background:#DEDEDE url("../images/bg_header.png") repeat-x; line-height:normal; }
#headermenu ul { list-style:none; margin:0; padding:0 10px; }
#headermenu li { float:left; margin:0; padding:10px; }
#headermenu a { text-decoration:none; text-transform:uppercase; font-weight:700; font-size:14px; font-family:"Trebuchet MS"; float:none;  margin:6px; }
#headermenu .selected { background-image:url(../images/bg_headermenu_select.png); background-repeat:no-repeat; background-position:center; }

#topmenu { float:right; width:100%; background:#DEDEDE url("../images/bg_header.png") repeat-x; line-height:23px; }
#topmenu ul { float:right; list-style:none; margin:0; padding:0 15px; }
#topmenu li { float:left; margin:0; padding:0; }
#topmenu a { text-decoration:none; font-size:12px; font-family:"Trebuchet MS"; float:none; margin:17px; }

/* ################################# SIDEBAR STYLES ################################## */
div#sidebar { float:right; width:300px; background-color:#2C3954; font-family: verdana, tahoma, arial, sans-serif; }
.ladderheader { background-color:#3C4A67; color:#FFF; text-align:center; line-height:20px; height:20px; font-size:10px; }

#sidebar h1, #sidebar h2, #sidebar p, #sidebar, #sidebar a { color: #FFF; }
#headermenu a:hover,#topmenu a:hover,#footer a:hover, #sidebar a:hover { color:#FF0; }


/* ############################## CONTENT STYLES ############################## */
.featureblock { border:1px solid #323F5B; margin-bottom:10px; padding:5px; }
.featureblock h1,.featureblock h2,.featureblock h3 { color:#FFF; font-size: 22px; margin-bottom:5px; background-image:url(../images/bg_header.png); padding:5px; }

.block { background:#FFFFFF url(../images/bg_block.jpg) repeat-x; border:1px solid #D8D8D8; margin-bottom:10px; padding:5px; }
.block h1,.block h2 { margin-bottom:5px; padding:5px; }

ul.list,ul { margin-left:20px; }
ul.list li { list-style-image:url(../images/li.png); line-height:180%; }

.hmenu { float:left; line-height:normal; }
.hmenu ul { list-style:none; margin:0; padding:0; }
.hmenu li { float:right; margin:0; padding-left: 20px; }

.overlay img { opacity:0.2; filter:alpha(opacity=20) }

.overlay a:hover img { opacity:1; filter:alpha(opacity=100) }

#tooltip { padding: 3px; background: #FFFF99; border: 1px solid #FFCC33; text-align: center; font-size: 11px; }
span.tip { border-bottom: 1px solid #eee; }

.pagenav { float: right; list-style: none; text-align: right; width: 400px; background-color: #3C4A67; color: #FFF; margin-bottom: 10px; }
.pagenav li { display: inline-block; padding: 3px; font-size: 11px; }
.pagenav a { display: inline; color: #FFF; }
.pagenav li a { text-decoration: none; }

.imgborder { border: 1px solid black; }
.largefont { font-size: 13px; }

/* ############################## UNKNOWN USAGE ############################## */
.hint { margin-left:140px; z-index:1; display:none; position:absolute; left:50%; width:180px; margin-top:-4px; border:1px solid #FC3; background:#FFB url(../images/pointer.gif) no-repeat -10px 5px; padding:10px 12px; }
.hint .hint-pointer { position:absolute; left:-10px; top:5px; width:10px; height:19px; background:url(../images/pointer.gif) left top no-repeat; }


#red_overlay { border: 4px solid red; font-size: 18px; line-height: 50px; font-weight: bold; text-align:center; opacity:0.9; filter:alpha(opacity=90); background-color: #FF4C4C; }
#red_overlay p { padding: 20px; }