body{
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.85em;
	background-color:#BFC9D3;  
	color:#333333;
	line-height:1.5em;
	background-image:url(graphics/bg.jpg); 
	background-repeat:no-repeat; 
	background-position:top center;
}

img{border:0;}


body#secondary #header{height:340px;}

#title{background-color:#C1C184;padding:17px;}

h1, h2, h3, h4, h5, h6 {
	color:#003774;
	margin:0;
}
h1{font-size:1.4em;}
#title h1{font-size:1.4em; color:#fff;}

#wrapper{
	width:877px;  
	margin:0 auto;
	background-image:url(graphics/body_bg.jpg); 
	background-repeat:repeat-y;
}
#logo{height:75px;
}
#header{
	height:435px; 
	padding:0px 19px 0px 19px;
	background-image:url(graphics/header_back.jpg);  
	background-repeat:no-repeat; 
}

#nav{
	background-color:#003774;
	background-image:url(graphics/nav_bg.gif);
	background-repeat:repeat-x;
	height:35px;
}

#nav ul{
	margin:0;
	padding:7px 0px 0px 10px;
	list-style:none;
}
#nav li{
      display:inline;
      margin:0;
	  border-right:1px solid #2E5B8D;  
	 /* border-left:1px solid #002D5F;*/
	 padding:0px 15px 0px 15px; 
}

#nav a{	color:#fff; font-weight:bold; text-decoration:none;}
#nav a:hover{color:#C8B380;}

li#activelink  a{color:#AAB6CC }
li#activelink  a:hover{color:#AAB6CC }


#secondary_nav{
	background-color: #AAB6CC ;
	background-repeat:repeat-x;
	height:35px;
	font-size:0.8em;
}

#secondary_nav ul{
	margin:0;
	padding:7px 0px 0px 10px;
	list-style:none;
}
#secondary_nav li{
      display:inline;
      margin:0;
	  /*border-right:1px solid #fff;  */
	 /* border-left:1px solid #002D5F;*/
	 padding:0px 5px 0px 5px; 
}

#secondary_nav a{	color:#003774;  text-decoration:none;}
#secondary_nav a:hover{ text-decoration:underline;}






#headergraphic{

	background-image:url(graphics/header.jpg);
	background-repeat:no-repeat;
	height:179px; 
}

#portal
{
	height:150px;
	background-color:#C1C184;
		background-image:url(graphics/port_bg.gif);
	background-repeat: repeat-x;
	
}

#portal h3{
	margin:0;
	padding:0;
}

#port1, #port2, #port3, #port4 {
	position:relative;
	width:209px;
	height:150px;
	float:left;
}

#port1
{ 
	background-image:url(graphics/b1.jpg);
	background-position:105px 115px; 
	background-repeat:no-repeat;
}
#port1 a strong, #port2 a strong, #port3 a strong, #port4 a strong { display:block;padding-bottom:15px;padding-top:5px;}

#port1 a,#port2 a, #port3 a, #port4 a{ display:block;height:150px;text-decoration:none;padding-left:7px; color:#4B4B4B; font-size:0.9em; line-height:1.4em; }


#port2
{ 
	background-image:url(graphics/b2.jpg);
	background-position:105px 115px; 
	background-repeat:no-repeat;
}
#port3
{ 
	background-image:url(graphics/b3.jpg);
	background-position:105px 115px; 
	background-repeat:no-repeat;
}


#port4
{ 
	background-image:url(graphics/b4.jpg);
	background-position:105px 115px; 
	background-repeat:no-repeat;
}


#port1 a strong{color:#737304;}
#port2 a strong{color:#58852C;}
#port3 a strong{color:#2B5580;}
#port4 a strong{color:#CC9900;} 

#main{padding:4px 19px 0px 19px;} 
#main h1{border-bottom:1px solid #efefef;padding-bottom:5px;}

#services #main{
	padding:29px 19px 0px 19px; 
}

body#services #header{height:350px;}
#leftcol{
	position:relative;  
	float:left;  
	width:591px;  
	padding:9px;
}

#rightcol{
	position:relative;  
	float:right; 
	width:225px;  
	background-image:url(graphics/rightcol_bg.jpg); 
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#E7E7CF;
}

#footer{
	height:50px;
	background-image:url(graphics/footer.jpg); 
	background-repeat:no-repeat;
	clear:both; 
	font-size:0.85em; 
	padding-left:19px; 
	padding-right:19px; 
	color: #999999;
	}
#footer span{border-top:1px solid #ccc; display:block; width:100%;
}
	
	#CalltoAction li{

		background-position:left center;;
		background-repeat:no-repeat;
		margin-bottom:12px;
		padding:0pt;
		font-size:0.9em;
		border-bottom:1px solid #ccc;
		}
		
#CalltoAction ul, #CalltoAction li {
list-style-type:none;
margin:0;
padding:0px 9px 3px 9px;
}

#CalltoAction li a, #CalltoAction li a:visited {
background-color:transparent;
color:#333333;
display:block;
font-weight:normal;
line-height:1.3em;
min-height:74px;
padding-left:50px;
text-decoration:none;}


#CalltoAction li a strong {
color:#003774;
display:block;
font-weight:bold;
font-size:0.9em;
padding-bottom:5px;
padding-top:14px;
text-decoration:underline;

}
		
#CalltoAction li#Training_btn{
	background-image: url(graphics/g1.gif);}
	
	#CalltoAction li#News_btn{
	background-image: url(graphics/g2.gif);}
	
		#CalltoAction li#Corp_btn{
	background-image: url(graphics/g3.gif);}
	
		#CalltoAction li#Customers_btn{
	background-image: url(graphics/g5.gif);}
	
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}