/*** CSS for Left Navigation - Design 1 ***/

/***   COLOR CODES
d1d1d1 = grey background for left nav menu
002a91 = dark blue stripe used behind page headings and links
676767 = dark grey for visited links
ffffff = footer text
d2d1d1 = pale grey border around footer
002a91 = dark blue background behind footer text
***/

body {
text-align: center;  /* centers the layout */
font: 100% Arial, Helvetica, sans-serif;
margin: 20px 0;
/***optional gradient background: #fff url(../images/greytint.jpg) repeat-x;***/
background-color: #ffffff; 
}
/*** MAIN WRAPPER DIV ***/
#wrapper {
width : 800px;
margin : 2% auto 2% auto;
background-color : #transparent;
border-top: 6px solid #002a91; 
padding:5px;
}

/*** USED FOR SUPERSCRIPT IN FOOTER***/
span.sup {
	font-size: 60%;
	padding: 0px;
	margin: 0px;
	vertical-align: super; 
	line-height: 0; 
	}

/*** LEFT COLUMN ***/
#leftcol {
float : left;
margin : 0;
padding : 0;
text-align : left;
line-height: 1.5em;
width: 140px;
background-color: #transparent
}

/*** SQUARE IMG NEXT TO THE SIDE OF THE LARGE HEADER IMAGE - CAN BE LOGO or INTERCHANGEABLE PHOTOS ***/
#squares {
width : 138px;
height : 138px;
padding: 0;
margin: 0;
background-color: #transparent
}

/*** LINKS UNDER THE SQUARE ***/

#leftnav {
width : 140px;
text-align : left;
padding : 0;
font-size : 13px;
margin-top : 10px;
border-top : 3px solid #002a91;
border-bottom : 3px solid #002a91;
background-color: #d1d1d1;
}

/*** LEFT COLUMN LINK STYLES ***/
#leftcol a:link, a:active { 
color : #002a91;
text-decoration : none;
font-weight: bold;
}

#leftcol a:visited {
color : #676767;
font-weight : bold;
text-decoration : none;
}

#leftcol a:hover {
font-weight : bold;
color : #ef9c00;
text-decoration : underline;
}

/*** MAIN CONTENT AREA - INCLUDES THE HEADER AT THE TOP ***/
#rightcol {
float : right;
margin : 0 8px 0 0;
padding : 0;
background-color: #transparent
}
/***  THIS DIV IS THE LARGE HEADER IMAGE AT TOP OF PAGE ***/
#logo {
width : 633px;
height : 138px; /* matches the height of the image and height of squares */
padding: 0;
margin: 0;
}

/*** WIDE COLORED STRIPE WITH TEXT USED AS PAGE HEADING***/
#stripe1 {
padding : 1px 0 1px 2px;
background-color : #002a91;
width : 631px;
height: 20px;
font-size : 18px;
color : #ffffff;
text-align : left;
margin-top : 10px;
}

/*** STYLES FOR THE MAIN CONTENT TEXT ***/
.text {
width : 629px;  /*** 633-4=629 ***/
margin-top : 3px;
padding : 1px 2px 1px 2px;
font-size : 14px;
color : #000000;
text-align : left;
line-height: 125%;
}
.text p {
margin-top : 8px;
margin-bottom : 2px;
padding : 0;
}
.text a:link, a:active { 
color : #002a91;
text-decoration : underline;
font-weight: bold; 
}
.text a:visited { 
color : #676767;
text-decoration : underline;
font-weight: bold; 
}

.text ul {
padding : 0 0 0 12px;
margin-top: .5em;
margin-bottom: .5em;
}

.text li {
color: #000000;
}

li.contact
{
list-style-type: none;
}

li.asterisk
{
list-style-type: none;
font-style: italic;
font-size: 85%;
}

/*** STYLES FOR THE COPYRIGHT OR FOOTER AREA ***/
#copyright {
background-color : #002a91;
font-size : 11px;
color: #ffffff;
border: 1px solid #d2d1d1;
margin-top : 15px;
padding: 2px;
width: 627px;
}
.copyright a:link, a:active { 
color : #d1d1d1;
text-decoration : underline;
font-weight: bold; 
}
.copyright a:visited { 
color : #676767;
text-decoration : underline;
font-weight: bold; 
}

/*** STYLE FOR THE HEADINGS OF SECTIONS IN GUIDELINES ***/

h1 {	
color: #002a91;
	font-size: 16px;
	border-bottom: double #002a91;
	margin-bottom: -.1em
}

h2 {
color: #002a91;
	font-size: 15px;
	font-weight: bold;
	}
	
h3 {
color: #002a91;
	font-size: 15px;
	margin-bottom: -.3em
	}