/************************  SCREEN STYLES **********************************/

/*________________________GROUND RULES__________________________________*/



html   { height: 100%;
         font-size: 100.01%; /* prevent extreme font resizing in IE */
         }

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: helvetica, arial,sans-serif;
    font-size: 12px;
    color: #444;
    background: #000 url(../images/bg.jpg) center top no-repeat;
    height: 101%; /*The 101% vs. 100% causes a virtical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/
    }
		
body, p, ul, li, h1, h2, h3, h4, form, html, input, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0; 
    } 

table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; text-align:left; } /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */

img, a img, a:link img, a:visited img {border:none; background:none;} /* remove border from images and linked images */    


h3, h2, h1 {padding:0; margin:0;}

/* Default links */
a:link { color: #cc0000; text-decoration: none; padding:1px;}
a:hover { color: #fff; text-decoration: none; background:#cc0000; padding:1px;}
a:visited { color: #990000; text-decoration: none; padding:1px;}
a:visited:hover { color: #fff; text-decoration: none; background:#cc0000; padding:1px;}

/* REMOVE HOVER BACKGROUND */
#logo a:hover {background:none;}


/*________________________HOME ONLY STYLES__________________________________*/
#hm_big {
    background: url(../images/hm_big_flipped.jpg) no-repeat center top;
    width:336px;
/*    padding:30px 30px 12px 398px;*/
    padding:30px 400px 28px 28px;
    border-bottom: solid 5px #1789C5;
    color:#000;
/*    font: bold 14px helvetica;*/
    font: bold 20px helvetica;
    line-height:1.4em;
/*    min-height:156px;*/
    }

#hm_big div {
    background: url(../images/slash_blu.png) no-repeat;
    padding:10px 0 0 12px;
    margin:10px 0 0 85px;
    color:#000;
    font: normal 13px helvetica;
    line-height:1.7em;
    }

.promo_wrap {
    width:367px;
    margin:15px 0 0 15px;
    background: #fff;
    color:#013763;
    font: bold 13px helvetica;
    line-height:1.3em;
    float:left;
    }

.promo_wrap div {
    background: url(../images/slash_wht.png) no-repeat;
    padding:10px 30px 15px 12px;
    margin:10px 0 0 94px;
    color:#000;
    font: normal 12px helvetica;
    line-height:1.7em;
    }
    
/*________________________SHARED STYLES__________________________________*/
#logo {
    position:absolute; 
    width:207px;
    height:74px;
    z-index:50;
    top:19px;
    left:12px;
    }

#centerCol {
    position: relative;
    width:1000px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
	}

#login {
    width:361px;
    height:27px;
    background: url(../images/login_bg.png) no-repeat;
    float:right;
    margin-top:56px;
    }

#nav {
    width:954px;
    height:28px;
    background: url(../images/nav_bg.png) repeat-x;
    float:right;
    font: bold 11px arial;
    }
    
#nav img {float:left}
#nav a:link {float:left; display:inline; padding:7px 1px; letter-spacing:1px; color:#444;}
#nav a:hover {float:left display:inline; padding:7px 1px; letter-spacing:1px; color:#cc0000; background:none;}
#nav a:visited {float:left; display:inline; padding:7px 1px; letter-spacing:1px; color:#444;}
#nav a:visited:hover {float:left display:inline; padding:7px 1px; letter-spacing:1px; color:#cc0000; background:none;}

#content_wrap {
    clear:both;
    width:1000px;
    }

#left_edge, #right_edge {
    width:10px;
    vertical-align:top;
    }

#left_edge { background: url(../images/left_bg.png) repeat-y;}
#right_edge { background: url(../images/r_bg.png) repeat-y;}

#left_col {
    width:216px;
    background:#02468D;
    vertical-align:top;
    }

#content {
    background:#fff;
    vertical-align:top;
    }

#footer {
    width:980px;
    font-size:11px;
    background: url(../images/foot_bg.png) no-repeat;
    font-size:10px;
    padding:14px 10px 0 10px;
    height:30px;
	}

#footer a:link { color:#5C99BA; text-decoration:none}	
#footer a:hover { color:#9ECDF9; text-decoration:underline; background:none;}
#footer a:visited { color:#5C99BA; text-decoration:none;}
#footer a:visited:hover { color:#9ECDF9; text-decoration:underline; background:none;}	
	
#copyright {
	width:480px;
	float:right;
	text-align:right;
	color:#cccccc;
    }

/*________________________INSIDE ONLY STYLES__________________________________*/

#left_col_in {
    width:216px;
    height:468px;
    background:#02468D url(../images/left_col_in.jpg) no-repeat;
    vertical-align:top;
    }

/*LEFT SIDE NAVIGATION*/
#leftNav
{
	padding: 24px 0 0 66px;
    }

#leftNav p
{
	text-align: right;
	letter-spacing: 2px;
	margin: 0;
    }

#leftNav p a { color:#cc0000; font-size: 80%; text-transform:uppercase; text-decoration: none; }
#leftNav p a:hover { color:#000; font-size: 80%; text-transform:uppercase; text-decoration: none; background:none;}
#leftNav p a:visited { color:#cc0000; font-size: 80%; text-transform:uppercase; text-decoration: none; }
#leftNav p a:visited:hover { color:#000; font-size: 80%; text-transform:uppercase; text-decoration: none; background:none;}

p.leftBtn
{	
	border-bottom:1px solid #C1CED6;
	padding: 12px 0px 6px 0;
    }

div#left_sub {
    text-align: right;
	letter-spacing: 2px;
	margin: 0;
    }
    
div#left_sub ul {
    padding: 0 0 0 0;
    margin: 0;
    }

div#left_sub ul {
    list-style-type: none;
    text-transform:capitalize;
    font: normal 11px arial;
    letter-spacing:1px;
    border-bottom:1px solid #C1CED6;
    }

div#left_sub ul li {
    line-height: 1.6em;
    padding-bottom:4px;
    background:none;
    }

div#left_sub ul li a:link {color:#333; text-decoration:none; display:block; padding:2px;}
div#left_sub ul li a:hover {color:#ccc; text-decoration:none; display:block; padding:2px; background:none;}
div#left_sub ul li a:visited {color:#333; text-decoration:none; display:block; padding:2px;}
div#left_sub ul li a:visted:hover {color:#ccc; text-decoration:none; display:block; padding:2px; background:none;}

/*INSIDE CONTENT*/
#inside_wrap {
    padding:18px 39px 30px 39px;
    font:bold 12px/1.7em "Trebuchet MS";
    }

.breadcrumbs{
	text-align: right;
	margin: 0;
	font:normal 11px verdana;
    }

.breadcrumbs img{
    margin: 0 2px 0 4px;
    }

.breadcrumbs a{ padding: 0; text-decoration: none;}
.breadcrumbs a:hover{ padding: 0; text-decoration: none; color:#444; background:none;}
.breadcrumbs a:visited{ padding: 0; text-decoration: none;}
.breadcrumbs a:visited:hover{ padding: 0; text-decoration: none; color:#444; background:none;}

h1 {
    font:bold 16px helvetica;
    padding-bottom:12px;
    text-transform:capitalize;
    }

p {
    padding-bottom:20px;
    }

h2 {
    font:bold 12px helvetica;
    text-transform:uppercase;
    padding-bottom:2px;
    }
 
 ul, ol {
    padding: 0 0 0 0px;
    margin: 0 0 20px 0;
    }

ul {
    list-style-type: none;
    }

ul li, ol li {
    line-height: 1.4em;
    }

ul li {
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .3em;
    padding-left: 1.8em;
    padding-bottom:5px;
    }
    
ol li {
    padding-left:;
    margin-left:18px;
    padding-bottom:6px;
    } 
 
/*____________________________________ FORM STYLES ___________________________*/

#loginform {
    margin-left:81px;
    vertical-align:top;
    }

#user, #pword {
    border:solid 1px #3791CA;
    width:91px;
    font:normal 10px helvetica;
    color:#3791CA;
    margin:7px 0 0 5px;
    padding:1px 0 1px 4px;
    float:left;
    }

#go {
    padding:8px;
    margin:7px 47px 0 0;
    float:right;
    }

/*____________________________________ FORM STYLES ___________________________*/