/***********************  4STROKE 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 url(../images/bg.png) center repeat-y;
    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: 929px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background:#C9E47A;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    }

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

#tip_top img.no_border {
    border:none;
    }

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

#menuwrapper {
	border-top: 1px solid #fff;
	border-bottom:1px solid #fff;
	background-color: #E7F3C3;
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat-x;
	width:755px; 
	margin:0; 
	position:relative;
	z-index: 100;
	padding-left:174px;
    }

br {
	clear: left;
    }

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
    }

#navMenubar, #navMenubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
    }

#navMenubar a {
	display: block;
	text-decoration: none;
	width:150px;
	padding: 3px 0 4px 0;
	border-right: 1px solid #fff;
	color: #000066;
	font: 14px Verdana, Arial, sans-serif;
	text-align:center;
    }

#navMenubar li.firstspacer {
	width:174px;
	border-right: 1px solid #fff;
    }

#navMenubar a.first {
    border-left: 1px solid #fff;
    }

#navMenubar a.last {
	border-right: none;
    }

#navMenubar li {
	float: left;
    }

#navMenubar li:hover a, #navMenubar a:focus, #navMenubar a:active, #navMenubar li.p7hvr a {
	color: #fff;
	background: #3788CA url(../images/nav_bg_f2.png) repeat-X;
    }

/*
 #navMenubar ul li  {
	float: left;
	
	padding: 4px;
	font-size: 11pt;
    }
*/


#navMenubar li ul{
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	float:left;
	background-color: #EBF7FF;
	border: 3px solid #3788CA;
	/*
    background-image: url(../images/nav_drop_bg.png);
	background-repeat: repeat-x;
    */
	z-index:100;
    }


#navMenubar li:hover ul, #navMenubar li.p7hvr ul {
	display: block;
	text-align:left;
	position:absolute; 
	left:0;
    }

#navMenubar li:hover ul.menu2, #navMenubar li.p7hvr ul.menu2 {
    /*width:275px;*/
    left:175px;
    }    

#navMenubar li:hover ul.menu3, #navMenubar li.p7hvr ul.menu3 {
    /*width:275px;*/
    left:326px; 
    }

#navMenubar li:hover ul.menu4, #navMenubar li.p7hvr ul.menu4 {
    width:245px;
    left:477px; 
    }

#navMenubar li:hover ul.menu5, #navMenubar li.p7hvr ul.menu5 {
    width:275px;
    left:628px; 
    }

#navMenubar li:hover ul.menu6, #navMenubar li.p7hvr ul.menu6 {
    width:184px;
    left:739px; 
    }

#navMenubar li ul li, #navMenubar li.p7hvr ul li {
    float:none;
    display:block;
    padding:0;
    width:auto;
    font: bold 12px/1.4em verdana, sans-serif;
    border-bottom:1px solid #3788CA;
    }

#navMenubar li ul li:hover, #navMenubar li.p7hvr ul li:hover{ 
    background:#fff;
   
    }

#navMenubar li:hover ul a, #navMenubar li.p7hvr ul a{ 
    display:block;
    color:#0066CC;
    border:none;
    background: none; 
    width:auto; 
    padding:5px 20px;
    margin:0;
    font: bold 12px/1.5em verdana, sans-serif;
    text-align:left;
    text-decoration:none;
    
    }

#navMenubar li:hover ul a:hover, #navMenubar li.p7hvr ul a:hover{ 
    color:#7B9800;
    background:#fff;
    text-decoration:none;
    }

/*
#navMenubar li:hover ul a, #navMenubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
    }


#navMenubar ul a:hover {
	background-color: #669ACC!important;
	color: #FFFFFF!important;
    }

#navMenubar li {width: auto;}
*/


/*
#sublist a {
	font-size: 10pt;
	margin: 0px;
	padding: 3px
	width: 140px;

    }
#sublist a:hover {
	font-size: 10pt;
	margin: 0px;
	padding: 3px
	width: 140px;
	background-color: #606060;
	color: #FFFFFF;
    }
#sublist a:visited {
	font-size: 10pt;
	margin: 0px;
	padding: 4px
	width: 140px;
    }

#menudesc{
	padding: 5px;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
    }

.menucat{
	padding-bottom: 10px;
	font-size: 10pt;
	font-weight: bold;
    }
*/
/*|||||||||||*/

#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;
    }

#left_col h2 {
    color:#0066CC;
    font: bold 14px helvetica,arial;
    }

#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:35px;
    vertical-align:top;
    }    

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

#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 p, #content ul, #content ol {
    font: normal 12px/1.4em verdana, sans-serif;
    padding-bottom: 8px;
    }

#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 {
    margin-left:18px;
    margin-bottom:6px;
    }   


#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____________________________________*/


#home_bar {
    text-align:center; 
    color:#fff; 
    background:#0B0D66;
    padding:2px;
    }

#home_bar h1 {
    color:#fff;
    margin:0;
    padding:0;
    text-transform:none;
    letter-spacing:1px;
    font: bold 19px verdana;
    }

#home_txt {
    text-align:center;
    padding:4px 52px;
    font: normal 16px/1.4em verdana;
    }

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

.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:8px 16px 16px 16px;
    float:right;
    }

.img_left {
    margin:8px 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;}

#breadcrumb { 
    text-align:right;
    }

#breadcrumb ul {
	margin: 0;
	padding: 0;
	display: inline;
	font-size:10px;
	} 

#breadcrumb ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	color: #871018;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding: 0 4px;
	background-image: none;
	border-left: 1px solid #AFD737;
	list-style: none;
	display: inline;
	color: #0B0D66;
	}

#side_nav_links {
    padding-top:10px;
    /*background:white;*/
    width:148px;
    }

#manage_side_nav_links {
   padding:10px 0px 10px 0px;
    /*background:white;*/
    width:148px;
 
}

#manage_txt {
   padding:0px 0px 10px 0px;	
}


#side_nav_links ul {
	margin: 0;
	padding: 0;
	font-size:13px;
	} 

#side_nav_links ul li{
    list-style: none;
    line-height:1.4em;
    padding-bottom:13px;
    }

/*________________________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;
}


/*#Layer1 {
	position:absolute;  
	margin-left: -38px; 
	margin-top: 198px;
	width:150px; 
	height:62px; 
	z-index:1000; 
	padding: 12px; 
	font-size: 13px; 
	background-color: white;
	border: 1px solid #666666;
	display: none;
}


#Layer1Close {
	background-color: #cccccc;
	padding: 4px;
	float: right;
}
*/

/*________________________TINY MCE__________________________________*/
	
	 /* TinyMCE specific rules */
body.mceContentBody {
   background: #fff;
}

.mceContentBody a {
   color: #0066CC !important; /* FF requires a important here */
}
	 

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

.mceContentBody ul {
    list-style-type: none;
    padding: 0 0 0 6px;
    margin: 0;
    }

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

.mceContentBody ol {
    padding: 0;
    margin: 0;
    }
    
.mceContentBody ol li {
    padding-left: ;
    margin-left:18px;
    padding-bottom:6px;
    }

/*
.mceContentBody h1 {
    font:bold 14px helvetica, arial, sans-serif;
    color:#0B0D66;
    text-transform:uppercase;
    padding-bottom:12px;
    }
*/
 
.mceContentBody h2, .mceContentBody.top_dark_blue {
    font:bold 15px helvetica, arial, sans-serif;
    color:#0B0D66;
    padding-bottom:6px;
    }

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