body{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2{
margin: 10px;
}

p, li{
font-size: 11px;
line-height: 18px;
}


h1{
font-size: 16px;
font-weight: bold;
}

h2{
font-size: 14px;
font-weight: bold;
}

A:link {text-decoration: underline; color: #00559E;}
A:visited {text-decoration: underline; color: #00559E;}
A:active {text-decoration: underline; color: #00559E;}
A:hover {text-decoration: underline; ; color: #00559E;}

#global_navigation ul li a:link{
color: #000000;
}

#global_navigation ul li a:visited{
color: #000000;
}

#global_navigation ul li a:link:hover, {
color: #000000;
text-decoration: underline;
}

#global_navigation ul li a:visited:hover{
color: #000000;
}

.nav a:link {
	color: #000000;
}

.nav a:active {
	color: #000000;
}

.nav a:visited {
	color: #000000;
}


.nav a:hover{
	color: #ffffff;
	background-color: #003049;
	display: block;
}

ul, ol{
margin: 5px 0 5px 40px;
padding: 0;
}


/**DIVS*/

#main{
width: 800px;
margin: 20px auto;
}

#global_header{
width: 754px;
background-image:url(images/global_nav_background.jpg);
background-repeat: no-repeat;
}

#global_header p.search{
margin: 0 10px 0 0;
padding: 0;
float: right;
color: white;
font-size: 10px;
}

#global_header input.searchbox{
font-size: 10px;
height: 12px;
width: 150px;
padding: 0;
margin: 3px 20px 0 0;
float: right;
}

#global_header input.searchbtn{
padding: 0;
margin: 3px 20px 0 0;
float: right;
}


#global_header img.logo{
margin: 30px 0 10px 5px;
padding: 0;
clear: both;
float: left;
}

#global_header img.tagline{
margin: 40px 20px 10px 0;
padding: 0;
float: right;
}

#global_navigation{
margin: 0 0 10px 8px;
padding: 0 0 10px 0;
clear: both;
}

#global_navigation ul{
padding: 5px 0;
margin: 0;
font-size: 11px;
color: #000000;
font-weight: bold;
background-image:url(images/global_nav_bar.jpg);
background-repeat: no-repeat;
}

#global_navigation ul li{
list-style: none;
margin: 0;
padding-left:5px;
padding-right:5px;
display:inline;
border-right: 1px solid #999999;
}

#global_navigation ul li.last{
border: none;
}

#global_navigation ul li a{
padding: 3px;
margin: 0 19px;
text-decoration: none;
}


#global_navigation ul li a img{
border: none;
}


#main_body{
width: 754px;
background-image:url(images/shadow_chunk.jpg);
background-repeat: repeat-y;
background-position: 0 18px;
background-color: transparent;
}

#footer{
width: 754px;
font-size: 10px;
}

#footer a{
margin: 0 5px;
font-size: 10px;
}

#footer .left{
text-align: left;
float: left;
}

#footer .right{
text-align: right;
float: right;
}

#local_nav{
width: 180px;
float: left;
}

#local_nav .callout{
width: 180px;
float: left;
margin: 0 0 10px 5px;
background-color: #f4f5f5;
background-image:url(images/local_nav_bottom_cap.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

html>body #local_nav .callout ul li{
margin:10px 0px;
padding: 0px 5px;
}

#local_nav .callout ul li{
margin: 10px 0px;
padding-left:10px;
}

#local_nav .callout ul li.blue{
list-style-image:url(images/blue_arrow_button.gif);

}

#local_nav .callout ul li.magenta{
list-style-image:url(images/magenta_arrow_button.gif);
}

#local_nav .callout ul li.red{
list-style-image:url(images/red_arrow_button.gif);
}

#local_nav .callout ul li.purple{
list-style-image:url(images/purple_arrow_button.gif);
}

#local_nav .callout ul li.orange{
list-style-image:url(images/orange_arrow_button.gif)
}

#local_nav .callout ul li.dark_blue{
list-style-image:url(images/dark_blue_arrow_button.gif)
}

#local_nav .callout ul li.teal{
list-style-image:url(images/teal_arrow_button.gif)
}

#local_nav .callout ul li.yellow{
list-style-image:url(images/yellow_arrow_button.gif)
}

#local_nav .callout ul li.green{
list-style-image:url(images/green_arrow_button.gif)
}

#local_nav .callout h2{
margin: 5px 0 0 10px;
font-weight: bold;
font-size: 11px;
}

#local_nav .callout h2.title{
margin: -20px 0 15px 10px;
font-weight: bold;
font-size: 11px;
}

#local_nav .callout p.more{
font-size: 10px;
text-align:right;
}

#local_nav .callout p.more img{
margin: 0 5px 0 0;
}

#local_nav .promo{
width: 180px;
float: left;
margin: 0 0 10px 5px;
width: 180px;
height: 100px;
background-image:url(images/green_promo.jpg);
background-repeat:no-repeat;
}

#local_nav .promo h2{
margin: 10px 0 0 10px;
font-weight: bold;
font-size: 11px;
color: white;
}

#local_nav .promo input{
margin: 10px 0 0 10px;
font-size: 11px;
width: 150px;
}

#local_nav .promo input.button{
width: auto;
margin:0 0 0 10px;
}

#content{
width: 530px;
margin: 0 0 0 12px;
float: left;
}

#content h1{
font-size: 16px;
}

#content .callout{
width: 180px;
float: right;
margin: 0 0 0 10px;
background-color: #ffffff;
}

#content .callout3{
width: 180px;
float: right;
margin: 0 0 0 10px;
background-color: #F4F5F5;
}

#content .callout .innercontent{
width: 178px;
font-size: 11px;
line-height: 18px;
padding-top: 10px;
border-left: 1px solid #663399;
border-right: 1px solid #663399;
}

#content .callout h2{
margin: 5px 0 0 10px;
font-weight: bold;
font-size: 11px;
}


#content .callout h3{
margin: 5px 0 0 10px;
font-weight: bold;
font-size: 11px;
}


#content .callout h2.title{
margin: -20px 0 5px 10px;
font-weight: bold;
font-size: 11px;
color: white;
}

#content .callout3 h3.title{
margin: -20px 0 5px 10px;
font-weight: bold;
font-size: 11px;
color: black;
}

#content .calloutapps{
width: 360px;
float: right;
margin: 0 0 0 10px;
background-color: #ffffff;
}

#content .bottom_promo{
width: 255px;
height: 157px;
overflow: hidden;
float: right;
margin: 10px 0 0 10px;
background-color: #ffffff;
background-image:url(images/bottom_promo_background.jpg);
background-repeat: no-repeat;
}

#content .bottom_promo h2{
margin: 15px 0 0 15px;
font-weight: bold;
font-size: 11px;
}

#content .bottom_promo ul li{
margin: 5px 0;
padding: 0 5px;
}

#content ul.logos{
float: left;
width: 400px;
margin: 0px 0 20px 55px;
padding: 0;
list-style: none;
}

html>body #content ul.logos{
float: left;
width: 400px;
margin: 0px 0 30px 115px;
padding: 0;
list-style: none;
}

#content ul.logos li{
float: left;
width: 100px;
margin: 15px 50px 0 0;
padding: 0;
}

#content ul.logos a.noLine{
text-decoration:none;
}

#content ul.logos a img{
border:none;
text-decoration:none;
margin-bottom:2px;
}

html>body #content ul.logos a img{
border:none;
text-decoration:none;
margin-bottom:5px;
display:block;
}

#content .bottom_promo ul li.blue{
list-style-image:url(images/dark_blue_arrow_button.gif);
}

#content .col1{
width: 234px;
margin: 0 5px 0 0;
float: left;
}

#content .col2{
width: 259px;
margin: 0 0 0 5px;
float: left;
}

#main_nav{
width: 750px;
position: absolute;
top: 135px;
z-index: 0;
background-color: transparent;
}
#drop1{
	width: 130px;
	float: left;
	display: none;
	margin-left: 78px;
	
}

#drop1 a{
	width: 130px;
	
}
#drop1_1{
	width: 150px;
	float: left;
	display: none;
	margin-left: -10px;
	margin-top: 86px;
}

#drop1_1 a{
	width: 150px;
	
}
#drop2{
	width: 140px;
	float: left;
	display: none;
	margin-left: 184px;
}

#drop2 a{
	width: 140px;
}
#drop2_1{
	width: 80px;
	float: left;
	display: none;
	margin-left: -10px;
	margin-top: 57px;
}

#drop2_1 a{
	width: 80px;
	
}
#drop2_2{
	width: 120px;
	float: left;
	display: none;
	margin-left: -10px;
	margin-top: 85px;
}

#drop2_2 a{
	width: 120px;
	
}
#drop3{
	width: 140px;
	float: left;
	display: none;
	margin-left: 292px;
}

#drop3 a{
	width: 140px;
}

#drop4{
	width: 120px;
	float: left;
	display: none;
	margin-left: 449px;
	
}

#drop4 a{
	width: 120px;
}

#drop5{
	width: 120px;
	float: left;
	display: none;
	margin-left: 510px;

}

#drop5 a{
	width: 120px;
}

#drop6{
	width: 92px;
	float: left;
	display: none;
	margin-left: 645px;

}

#drop6 a{
	width: 76px;
}
.p-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  background-color:#FFFFFF;
  
  }
.nav {
	background-color: white;
	z-index: 0;
}
.NavNoDrop:hover{
	text-decoration:underline;
}
.nav ul{
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-right:5px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	
}

.nav a{ 
	display: block;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	border-left: #CCCCCC solid 1px;
}
.nav a.top{
	border-top: #CCCCCC solid 1px;
}


#local_nav_apps{
width: 250px;
}
#content .calloutapps{
width: 250px;
float: right;
background-color: #ffffff;
}
#local_nav_apps .calloutapps ul li{
margin-left: -10px;
padding-left:10px;
}
#local_nav_apps .calloutapps ul li.blue{
list-style-image:url(images/blue_arrow_button.gif);

}

#local_nav_apps .calloutapps ul li.magenta{
list-style-image:url(images/magenta_arrow_button.gif);
}

#local_nav_apps .calloutapps ul li.red{
list-style-image:url(images/red_arrow_button.gif);
}

#local_nav_apps .calloutapps ul li.purple{
list-style-image:url(images/purple_arrow_button.gif);
}

#local_nav_apps .calloutapps ul li.orange{
list-style-image:url(images/orange_arrow_button.gif)
}

#local_nav_apps .calloutapps ul li.dark_blue{
list-style-image:url(images/dark_blue_arrow_button.gif)
}

#local_nav_apps .calloutapps ul li.teal{
list-style-image:url(images/teal_arrow_button.gif)
}

#local_nav_apps .calloutapps ul li.yellow{
list-style-image:url(images/yellow_arrow_button.gif)
}

#local_nav_apps .calloutapps ul li.green{
list-style-image:url(images/green_arrow_button.gif)
}



#local_nav_accts{
width: 150px;
}
#content .calloutaccts{
width: 150px;
float: right;
margin: 0 0 0 10px;
background-color: #ffffff;
}

#local_nav_accts .calloutaccts ul li.blue{
list-style-image:url(images/blue_arrow_button.gif);

}

#local_nav_accts .calloutaccts ul li.magenta{
list-style-image:url(images/magenta_arrow_button.gif);
}

#local_nav_accts .calloutaccts ul li.red{
list-style-image:url(images/red_arrow_button.gif);
}

#local_nav_accts .calloutaccts ul li.purple{
list-style-image:url(images/purple_arrow_button.gif);
}

#local_nav_accts .calloutaccts ul li.orange{
list-style-image:url(images/orange_arrow_button.gif)
}

#local_nav_accts .calloutaccts ul li.dark_blue{
list-style-image:url(images/dark_blue_arrow_button.gif)
}

#local_nav_accts .calloutaccts ul li.teal{
list-style-image:url(images/teal_arrow_button.gif)
}

#local_nav_accts .calloutaccts ul li.yellow{
list-style-image:url(images/yellow_arrow_button.gif)
}

#local_nav_accts .calloutaccts ul li.green{
list-style-image:url(images/green_arrow_button.gif)
}

#local_nav_users{
width: 300px;
}
#content .calloutusers{
width: 300px;
float: right;
margin: 0 0 0 10px;
background-color: #ffffff;
}
#local_nav_users .calloutusers ul li{
margin: 0px 0px;
padding-left:10px;
}
#local_nav_users .calloutusers ul li.blue{
list-style-image:url(images/blue_arrow_button.gif);

}

#local_nav_users .calloutusers ul li.magenta{
list-style-image:url(images/magenta_arrow_button.gif);
}

#local_nav_users .calloutusers ul li.red{
list-style-image:url(images/red_arrow_button.gif);
}

#local_nav_users .calloutusers ul li.purple{
list-style-image:url(images/purple_arrow_button.gif);
}

#local_nav_users .calloutusers ul li.orange{
list-style-image:url(images/orange_arrow_button.gif)
}

#local_nav_users .calloutusers ul li.dark_blue{
list-style-image:url(images/dark_blue_arrow_button.gif)
}

#local_nav_users .calloutusers ul li.teal{
list-style-image:url(images/teal_arrow_button.gif)
}

#local_nav_users .calloutusers ul li.yellow{
list-style-image:url(images/yellow_arrow_button.gif)
}

#local_nav_users .calloutusers ul li.green{
list-style-image:url(images/green_arrow_button.gif)
}
.style1 {font-size: x-small}
.style2 {color: #FF0000}
.style3 {font-size: xx-small}
.style4 {font-size: small}

#dhtmltooltip{
position: absolute;
border:2px;
font-size:xx-small;
padding:2px;
background-color:#CDD4C2;
visibility:hidden;
z-index:100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}