/* LAYOUT & STRUCTURE - Vertical Menu */

/* intentionally left empty place-holder selectors during dev */

/* reset.css starts here*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

a:link, a:active, a:visited { 
	outline:0;
	
}

/*fonts.css*/
body {
font:13px Trebuchet,"Trebuchet MS",Tahoma,Arial,clean,sans-serif;
font-size:small;
font:x-small;
}

table {
font-size:inherit;
font:100%;
}

select,input,textarea {
font:99% tahoma,arial,helvetica,clean,sans-serif;
}

pre,code {
font:112% monospace;
font-size:100%;
}

body * {
line-height:1.22em;
}
/* reset.css ends here*/


/* layout.css starts here*/
#container {
   width: 100%;
}

#pg {
	width: 914px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	border-width: 0 5px 0 5px;
	
}

#bd {
	position: relative; top:0; left:0;
	clear: left;
	border-top-width: 1px;
	padding-bottom: 2em;
	overflow:hidden;
	width: 914px;  
}

div.bd-container {
	padding: 0 8px 16px 16px;
	margin: 0;
}

div.bd-container td {
	text-align: left;
}
table.addpad td {
	padding: 5px 6px;
	vertical-align: top;
}

/* COLUMNS */
#col0 {
    width: 914px;
    height: auto;
}

div.col1 {
	width: 198px;
}

#col1 {
	width: 198px;
	/*background: transparent url('/images/leftnav_vomanbg.gif') no-repeat scroll bottom left;
	background-color: #FDDB66;
	height: 400px;*/
}
#col2 {
	width: 695px;
	left: 200;
	
}

#col3 {
	width: 715px;
	background-color: #Ffffff;
}
#col1, #col2, #col3 { 
	margin:0; padding:0;
	overflow: hidden;
	height: auto;
}

#hd {
	float: left;
	clear: left;
	width: 100%;
	height: 133px;
	position: relative;
	top: 0;
	left: 0;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	z-index: 1;
}

div.hd-logo {
	padding: 25px 0 0 7px;
	height: 52px;
	width: 210px;
    margin-bottom: -0.5em;
}

#hd-tagline {
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    width: 100%;
    
}

#hd-tagline span {
    float: right;
    
    width: auto;
    display: block;
    white-space: nowrap;
    /*padding: 8px 16px 8px 0;*/
    padding: 8px;
}

#hd-menu {
	position: absolute;
	top: 103px;
	left: 0;
	z-index: 99;
	height: 35px;
	width: 100%;
	border-top-width: 1px;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
}

#ft-nav {
	width: 690px;
	margin-left: 198px;
}

#hd-menu-title {
    float: left;
    clear: left;
    width: 167px;
    padding: 3px 16px 0 16px;
}

#hd-menu ul {
	border-right-width: 1px;
	display: block;
	float: left;
}

#ft-nav ul {
	width: 100%;
}

#hd-menu li, #ft-nav ul, #ft-nav li {
	display: block;
	float: left;
}

#ft-nav li.top {
	float: right;
}

#hd-menu li a, #hd-menu li a.current, #hd-menu li a.current:hover {
	display: block;
	padding: 0 11px;
	border-left-width: 1px;
	border-right-width: 1px;
}
#hd-menu li a:hover {}
#hd-menu li a.current, #hd-menu li a.current:hover { cursor: default; }

#ft-nav li.top {
	padding: 11px 10px;
}
#ft-nav li.version {
	margin-left:31%;
	margin-top:9%;
}

#ft-nav li.top a {
	display: block;
	padding: 0 10px 0 22px;
	width: 22px;
}
#ft-nav li.top a:hover {}

#sb{
	background: transparent url('../images/leftnav_vomanbg.gif') no-repeat scroll bottom left;
	background-color: #FDDB66;
	min-height: 400px;
}

#nav-menu {
    border-bottom-width:1px;
}
#nav-menu-ft {
	height:50px;
}
#nav-menu li {
    padding: 8px 10px;
    border-top-width:1px;
}

#nav-menu, #related-menu {
	padding: 0;
}

#nav-menu a {}
#nav-menu a.nav-topic, #related-menu dt a {
	display: block;
	padding: 8px 0 8px 27px;
	color: #302202;background: transparent; 						
	/*url:('../images/icon-nav-topclosed.gif') no-repeat scroll;*/
}

#nav-menu li p {
    padding: 0 0 0 27px;
}

#ft {
    float:left;
	height: 100px;
	width: 100%;
	clear: both;
}

#ft-lfcol {
	float: left;
	height: 100px;
	width: 198px;
}
#ft-lfcol p{
	 padding-left: 10px;
	 color: #FFFFFF;
	 font-weight: bold;
	 text-align: center ;
}

div.region {
	margin: 16px 16px 1.5em 16px;
	clear: left;
}

#rt-col div.region {
	margin-left: 0; /* reset gutter */
}

h2.hdrbar {
	padding: 7px 12px !important;
	overflow: hidden !important;
	display: block;
}

div.rows1 
{
	BACKGROUND-COLOR: #E9EAED; 
	height: 100px;

}

div.headerborder 
{
	BACKGROUND-COLOR: #E9EAED; 
	height: auto;
	margin:0px 0px 10px 10px;
	
}

div.headerbackground 
{
	BACKGROUND-COLOR: #E9EAED; 
	height: auto;
}

div.loginbackground 
{
	BACKGROUND-COLOR: #E9EAED; 
	height: 208px;
}

div.loginbackgroundlargesize 
{
	BACKGROUND-COLOR: #E9EAED; 
	height: auto;
}

div.rows2 {background-image: url('../images/bgt-banner.gif'); background-repeat: repeat-x; height: 100%;}

#col4 {	width: 100%; }

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}

.b1 {height:1px; background:#888; margin:0 5px;}

.b2 {height:1px; background:#E9EAED; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}

.b3 {height:1px; background:#E9EAED; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}

.b4 {height:2px; background:#E9EAED; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}

.contentb {background: #E9EAED; border-right:1px solid #888; border-left:1px solid #888;}




.contentb div {margin-left: 5px;}

/*Following 3 classes created to take the validation error from Login.aspx - Another object 
on this page already uses ID 'col4' and 'content'*/

.contb {background: #E9EAED; border-right:1px solid #888; border-left:1px solid #888;}

.contb div {margin-left: 5px;}

#coln4 {	width: 100%; }

/*  3 classes added for validation error end here*/

.ierror {	font-size:11px;
		    font-family: arial, helvetica, sans-serif;
		    font-weight:bold;
		    color:#CC3333}
		    


body {
	background-image: url('../images/page_gradbg.gif');
	background-repeat: repeat-x;
	background-color: #afbfcf;
}

/* makes the background yellow vertically */
div.container {
	width: 919px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 0px;
	/*zoom: 1;*/
	background: transparent url(../images/bgt-bd-ps.gif) repeat-y left top;
	overflow: hidden;
}

div.top {
	background: url('../images/grad_green.gif') no-repeat top left;
	width: 919px;
	height: 83px;
}

div.logo {
    background: #FFFFFF;
    width: 213px;
    height: 42px;
    padding-left: 5px;
    padding-top: 19px;
    background: url('../images/cbh_sm_h_rgb_c.png') no-repeat 5px 19px;
}

div.column_one {
	float: left;
	width: 199px;
	overflow: hidden;
}

/* also over-rides the div.container yellow */ /* IE7 min-height hack*/
div.column_two {
	float: left;
	width: 474px;
	min-height: 840px;
	height: auto !important;
	height: 880px;
	overflow: hidden;
	background: #FFFFFF;
}

div.goldbox {
	width: 199px;
	background: url('../images/leftnav_vomanbg.gif') no-repeat bottom;
	min-height: 625px;
	height: auto;
	text-align:left;
	
	
}

div.nav-topic 	{
	background: url('../images/icon-nav-topclosed.gif') no-repeat scroll;
	color:Black;
	

}

						
h1,h2,h3 {
	font-family: trebuchet ms, arial, verdana;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-weight: normal;
	font-size: 22px;
	color: #004684;
	line-height: 30px;
}

h2 {
	font-size: 22px;
	color: #238034;
	line-height: 25px;
}

h3 {
	font-weight: normal;
	font-size: 13px;
	color: #238034;
	line-height: 25px;
}

h4 {
	font-weight: normal;
	font-size: 12px;
	color: gray;
	line-height: 15px;
}
h5 {
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-style:italic;
	font-weight:bold;
	line-height: 15px;
}
h6 {
	font-weight: normal;
	font-size: 12px;
	color: white;
	line-height: 25px;

}
td 
{
	height:25px;
}

.greyedText {
	color: #999999;
}

.col {
	margin-right: 10px;
	float: left;
	clear: none;
}
.colfortagline {
	margin-right: 0px;
	float: right;
	clear: none;
}
.profile
{
	color:#900000; 
	font-size:12px; 
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	
}
.name
{
	color:#8D001B; 
	font-size:12px; 
	font-weight:normal;
	font-family: arial, helvetica, sans-serif;
	
}
/* name1 added table in site location services*/

.data 
{
	font-size:11px;
	font-family: arial, helvetica, sans-serif;
	color:#023199
}

.heading 
{
	font-size:19px;
	font-family: arial, helvetica, sans-serif;
	color:#238034;
	line-height: 25px;
}

.subheading 
{
	font-size:14px;
	font-weight:bold;
	color:#238034;
	line-height: 25px;
}

.submenuheading 
{
	font-size:14px;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	
}

.menuheading 
{
	font-size:15px;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif
}

.selected
 {
	background-color:#FFFF99;
 }
 
 .login
 {	
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	color:#283F75
}

/* End staffconnect.css*/

/* The following classes added for the user maintenance page from NetworkConnect StyleSheet.css*/
.whiterows
{
	BACKGROUND-COLOR: #ffffff;
	color:#0000A0;
	height:20px; 
	font-size:small;
	
}
.altrows 
{
	BACKGROUND-COLOR: #ffffff;
	color: #0000A0;
	height:20px; 
	font-size:small;
}

.headerborder 
{
	BACKGROUND-COLOR: #8F001B;
	height:1px; 
}
	
.bodyborder 
{
	BACKGROUND-COLOR: #C0C0C0;
	height:1px; 
}
	
.label 
{
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	color:#283F75;
}

.header 
{
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	color:#0000A0;
}

/* boldmenu is for headers to make it blue and for mouse over*/
.boldmenu:link, .boldmenu:visited
{			font-size:12px; 
			color: #023199; 
			text-decoration:none; 
			font-weight: bold }

.boldmenu:active {	font-size:12px; 
			color: #CC3333; 
			text-decoration: none; 
			font-weight: bold }			

.boldmenu:hover {	font-size:12px; 
			color: #CC3333; 
			text-decoration:underline}
			
			
			
.boldmenu1:link, .boldmenu1:visited
{			font-size:12px; 
			color: #023199; 
			text-decoration:underline; 
			font-weight: bold }


.boldmenu1:active {	font-size:12px; 
			color: #CC3333; 
			text-decoration: none; 
			font-weight: bold }			

.boldmenu1:hover {	font-size:12px; 
			color: #CC3333; 
			text-decoration:underline}
			
/* layout.css ends here*/


/*styles.css starts here*/

strong { font-weight: bold; }
em { font-style: italic; }

#pg {
	text-align:left;
}

#hd {}
div.hd-logo {
	text-align: center;
}

#hd-tagline {}
#hd-tagline span {
	font-size: 93%;
    line-height: 100%;
    text-transform: capitalize;
}

#hd-menu {}
#hd-menu-title {
    font-size:85%;
    font-weight: bold;
    color: #FFF;
    line-height: 33px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.5em;
}
#hd-menu-title em {
    font-size: 118%;
    vertical-align: baseline;
    font-weight: bold;
    font-style: normal;
}
#ft-nav {}

#hd-menu * {
	vertical-align: middle;
}
#ft-nav li a, #ft-nav li span.displayonly {
	line-height: 44px;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 93%;
}

#ft-nav li a:hover {}

#ft-nav li.top {}

#ft-nav li.top a {
	line-height: 21px;
	font-size: 85%;
}
#ft-nav li.top a:hover {}

#hd-menu li a, 
#hd-menu li a.current:hover {
	line-height: 36px;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
}
#hd-menu li a:hover {
    text-decoration: underline;
}

/* vert menu */
a.nav-topic {
	font-weight: bold;
	line-height: 100%;
	text-transform: uppercase;
	
}

ul.nav-submenu li a {
	font-size: 93%;
	line-height: 122%;
	vertical-align: baseline;
	text-transform: uppercase;
}

#nav-menu li p {
    font-size: 93%;
    
}

#ft {}
#ft-lfcol {}

/* .btn is for back and login buttons on access denied page*/
.backloginbtn 
{   
	color:#010;   
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	height: 25px;
	background-color: #DCDCDC;   
	border: 1px solid;   
	border-color: black;
   
 }   
/*styles.css ends here*/

/*theme.css starts here*/

body {
    background-color: #B4C5D4;
}

#container {
    background: transparent url('../images/bgt-content.jpg') repeat-x scroll top left;
}

#pg {
    background-color: #002D67;
    border-color: #FFF;
    border-style: none solid none solid;
}

/* header content */

#hd {
    background: #FFF url('../images/bgt-hd.jpg') repeat-y scroll top left;
}


#bd {
    border-top-color: #FFF;
    border-top-style: solid;
    background: #FFF url('../images/bgt-bd-ps.gif') repeat-y scroll top left;
}

#hd-tagline {
    color: #B3DAA6;
}

#hd-tagline span {
    color: #B3DAA6;
}

#hd-menu {
	background: #003C84 url('../images/bgt-hd-menu.gif') repeat-x scroll top left;
	border-top-style: solid;
	border-top-color: #FFF;
}

#hd-menu ul {
	border-right-style: solid;
	border-right-color: #0C4F9D;
}

#hd-menu ul, #hd-menu li, #ft-nav ul, #ft-nav li {}

#hd-menu li a {
	color: #FFF;
	border-left-style: solid;
	border-left-color: #0B4E9D;
	border-right-style: solid;
	border-right-color: #073D7C;
	background: transparent url('bgt-hd-menu-btn.gif') repeat-x scroll top left;
}
#hd-menu li a:hover { background-position: 0 -50px; }
#hd-menu li a.current, #hd-menu li a.current:hover {
	background-position: 0 -50px;
	color: #FFDF7B;
}

#col1 {
    background: transparent url('bgt-col1.gif') repeat-x scroll top left;
    
    }
#col2 {
    /* background: transparent url('bgt-col2.gif') repeat-x scroll top left; */
    
}

#ft-nav li a {
	color: #FFF;
	background: transparent url('../images/bgt-ft-nav-btn.gif') repeat-x scroll top left;
}
#ft-nav li span.displayonly {
	color: #95B6D6;
}

#ft-nav li.top {
	padding: 11px 10px;
}

#ft-nav li.top a {
	background: transparent url('../images/bg-top.gif') no-repeat scroll top left;
}
#ft-nav li.top a:hover {
	background-position: -54px 0;
}

#ft {
   background: #022B72 url('../images/bgt-ft.jpg') repeat-x scroll top left;
}

#ft-lfcol {
	background: transparent url('../images/bg-ft-lfcol.jpg') no-repeat scroll top left;
}
/*theme.css ends here*/

/*standard.css*/