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

/***   COLOR CODES
b4cdcd = blue background for left nav menu
AD0200  db0101 = red stripe used behind page headings and links
676767 = dark grey for visited links
121212 = footer text
d2d1d1 = pale grey border around footer
cdbe70 = tan background behind footer text
***/

body {
text-align : center;  /* centers the layout */
background-color : #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

/*** MAIN WRAPPER DIV ***/
#wrapper {
width : 800px;
margin : 2% auto 2% auto;
background-color : #ffffff;
border-top: 6px solid #AD0200; 
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;
}

/*** 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;
}

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

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

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

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

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

/*** MAIN CONTENT AREA - INCLUDES THE HEADER AT THE TOP ***/
#rightcol {
float : right;
margin : 0 8px 0 0;
padding : 0;
}
/***  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 : #AD0200;
width : 631px;
height: 20px;
font-size : 18px;
color : #ffffff;
text-align : left;
margin-top : 16px;
}

/*** 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 : #AD0200;
text-decoration : underline;
font-weight: bold; 
}
.text a:visited { 
color : #AD0200;
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 : #cdbe70;
font-size : 11px;
color: #121212;
border: 1px solid #d2d1d1;
margin-top : 15px;
padding:3px;
width: 627px;
}

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

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

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