/***********************  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: #333;
    background: #fff;
    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 */    


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

/* Default links */
a:link { color: #0066CC; text-decoration: underline;}
a:hover { color: #7B9800; text-decoration: underline;}
a:visited { color: #78A4CF; text-decoration: underline;}
a:visited:hover { color: #7B9800; text-decoration:underline;}
/*________________________SHARED STYLES_______________________________________*/

#centerCol {
    width: 931px;
    margin-left: auto;
    margin-right: auto;
    background:#C9E47A;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    background: #fff; url(../images/main_bg.png) repeat-y;
    }

#tip_top img {
    border-right:1px solid #fff;
    }

#tip_top img.no_border {
    border:none;
    }

 /*|||| Nav ||||*/
/*|||||||||||||*/

#menuwrapper {
    height:0px;
	visibility:hidden;
	display:none;
    }

/*|||||||||||*/

#main {
    background: #fff url(../images/main_bg.png) repeat-y;
    }

#left_col,#left_col_btm, #content {
    padding-top:19px;
    padding-bottom:20px;
    }

#left_col, #left_col_btm {
    width:159px;
    vertical-align:top;
    padding-left:15px;
    
    /**/
    visibility:hidden;
    }

#left_col_btm {
    vertical-align:bottom;
    }


.hang_r {
    width:147px;
    text-align:right;
    }

.horz_rule {
    height:1px;
    width:147px;
    margin:6px 0;
    background:#A1C82F;
    }

#content {
    padding-left:33px;
    padding-right:175px;
    vertical-align:top;
    }    

#content p, #content ul, #content ol {
    font: normal 12px/1.4em verdana, sans-serif;
    padding-bottom: 8px;
    }

#content h1 {
    font:bold 15px helvetica, arial, sans-serif;
    color:#0B0D66;
    text-transform:uppercase;
    padding-bottom:12px;
    }

#content h2, .top_dark_blue {
    font:bold 15px helvetica, arial, sans-serif;
    color:#0B0D66;
    padding-bottom:6px;
    }

#content h3, .bold_header {
    font:bold 12px verdana, sans-serif;
    padding-bottom:3px;
    }

#content ul {
    list-style-type: none;
    padding: 0 0 0 6px;
    margin: 0;
    }

#content ul li {
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: 1.4em;
    margin-bottom:6px;
    }

#content ol {
    padding: 0;
    margin: 0;
    }
    
 #content ol li {
    padding-left: ;
    margin-left:18px;
    padding-bottom:6px;
    }

#home_wrap {
    width: 622px;
    }

#foot {
    height:70px;
    width:929px;
    background: #fff url(../images/foot_bg.png) repeat-x;
    }

#copyright{
    float:right;
    color:#999;
    font-size:10px;
    margin:41px 16px 0 0;
    }
 
/*________________________HOME ONLY STYLES____________________________________*/

#promo_wrap{
    margin-top:17px;
    }
    
.promo{
    float:left;
    width:216px;
    margin-right:33px;
    }

.promo h3.prmo {
    font:bold 13px/1.2em arial, helvetica;
    padding:4px 0 4px 7px;
    text-transform:none;
    border:0;
    }

.promo h3.prmo a:link, .promo h3.prmo a:visited { text-transform:none; font:bold 13px/1.2em arial, helvetica;text-decoration:none; color: #0066CC;}
.promo h3.prmo a:hover, .promo h3.prmo a:visited:hover { text-transform:none; font:bold 13px/1.2em arial, helvetica; text-decoration:underline; color:#7B9800;}

.promo h3.prmo a:link img, .promo h3.prmo a:visited img {border:none;}
.promo h3.prmo a:hover img, .promo h3.prmo a:visited:hover img {border:none;}

/*.promo:hover {background:#F0F7D9;}*/

.promo_btm {
    padding:3px 0 0 9px; 
    }

.promo_btm a:link, .promo_btm a:visited {text-decoration:none; color:#333;}
.promo_btm a:hover, .promo_btm a:visited:hover {text-decoration:underline; color:#7B9800;}
    
/*________________________INSIDE ONLY STYLES__________________________________*/


.img_right {
    margin:16px;
    float:right;
    }

.img_left {
    margin:16px 16px 16px 0;
    float:left;
    }

#content a:link img, #content a:visited img {border:1px solid #0066CC; padding:1px;}
#content a:hover img, #content a:visited:hover img {border:1px solid #7B9800; padding:1px;}

/*________________________FORM STYLES _______________________________________ */

.btm_space {
    padding-bottom:5px;
    }

.more_top_space {
    padding-top:8px;
    }

#loginform {
    margin:10px 0 20px 0;
    color:#666;
    }

.input_forms {
	font: bold 11px Helvetica, sans-serif, Verdana, Arial;
	color:#0066CC;;
	background: #fefefe;
	margin:0;
	padding:2px;
	height:14px;
	}

.form_table {
    border-spacing: 0px;
    margin:0; 
    border-collapse:collapse; 

}
.form_table td {

    vertical-align: top;
    text-align: left;
    padding: 0px 6px 20px 4px;
}
.form_table th {
    vertical-align: top;
    text-align: left;
    padding: 0;
}
.form_table .header {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0px 10px 0px;
    
}
.form_table .right, .form_table .title {
    vertical-align: top;
    text-align: right;
}
body, table {
    font-family: arial;
    font-size: 13px;
}
.form_table .list {
    padding: 10px 6px 10px 2px;
}


.toolMessage {
    color: #990000;
    font-weight: bold;

}

.required-field {
    color: #990000;
}