html, body {margin: 0; padding: 0; border: 0;}

body {

color: #000000; 
background-color: #FFFFFF;
text-align: center;
margin: 0px 0;
}


	
p   {margin: 6px 0; 
	padding: 0 6px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		line-spacing: 1.2em;}
	
p.bold   {font-weight: bold}
	
p.ital   {font-style: italic}
	
p.indent {text-indent: 4em;}

td {font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		line-spacing: 1.2em;}
		
		
a:link  {color: #069edb;; text-decoration: underline;}
						
a:visited  {text-decoration: underline; color: #069edb;} 						
						
a:hover	{color:#069edb; text-decoration: underline;}
									
									
h3  {
		font-family: verdana, arial, helvetica, sans-serif; 
		color: #fffc00;
		padding: 2px;
		}
		
h4  {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fffc00; 
	margin-left: 1em;
	}
	
h5  {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #069edb; margin-left: 1em;    /** page subheading text color **/
	}
	
.contentcell{

width: 515px;
vertical-align: top;
background: #FFFFFF;
text-align: left;
padding-left: 10px;
}	

.right_side{
background: url(images/side_dots.gif) repeat-y;
width: 100px;
vertical-align: top;
}


.blue {
background: #069edb;
}

.nav {
width: 175px;
height: 100%;
text-align: left;
background: url(images/nav_bg.gif) no-repeat;

}


		
.center {

float: right;
padding-left: 20px; 
width: 595px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.whitebox {
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
margin-left: 0;
width: 150px;
color: #00b6ff;
}

.spacer {
width: 25px;
}

.yellowText  {
		font-family: verdana, arial, helvetica, sans-serif; 
font-size: 16px;
font-weight: bold;
color: #fffc00;
		padding: 2px;
		}
		
.headings  {
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 24px;
font-weight: bold;
font-style:italic;
color: #00a76c;
padding-bottom: 10px;
padding-top: 5px;
padding-right: 0px;
padding-left: 2px;
}

.stories  {
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 16px;
font-weight: bold;
color: #069edb;
padding-bottom: 10px;
padding-top: 5px;
padding-right: 0px;
padding-left: 2px;
}
		
.letter {
padding-top: 5px;
padding-right: 0px;
padding-left: 2px;
text-indent: 2px;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 14px;
color: #069edb;
}


.textfront {
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-left: 2px;
text-indent: 2px;
}



a.textfront:link 	{
      color: #069edb;		
	  font-weight:bold;	  
      text-decoration : underline;		
			/*text-transform: uppercase;*/
			padding: .5em;
			padding-left: .5em;
		
			}

 a.textfront:visited {
      color: #00a66d;
	 font-weight:bold;
      text-decoration : underline;
			padding: .5em;
			padding-left: .5em;
			
			}	

 a.textfront:hover 	{
 	  color: #00a66d;
		 font-weight:bold;
      text-decoration : underline;
	  padding: .5em; 
	  padding-left: .5em;
	}
	

	
.leftText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
color: #FFFFFF;
}



a.leftText:link 	{
      color: #fffc00;		
	  font-weight:bold;	  
      text-decoration : underline;		
			/*text-transform: uppercase;*/
			padding: 3px;
			padding-left: 3px;
		
			}

 a.leftText:visited {
      color: #fffc00;
	 font-weight:bold;
      text-decoration : underline;
			padding: 3px;
			padding-left: 3px;
			
			}	

 a.leftText:hover 	{
 	  color: #FFFFFF;
		 font-weight:bold;
      text-decoration : underline;
	  padding: 3px; 
	  padding-left: 3px;
	}
	
	
	
	/* NAV MENU STYLES*/
	
	.arrowlistmenu{
width: 168px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 16px Arial;
color: white;
background: black url(images/titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 10px 0 10px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active2.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
text-transform: uppercase;
color: #00a77e;
background: url(images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 97%;
}

.arrowlistmenu ul li a:visited{
color: #069edb;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #069edb;
/*background-color: #00b6ff;*/
}