/*THIS IS THE MAIN CSS FOR THE 2007 WEBSITE USING CSS (the orange web).*/

/*div {
border:1px solid #9f3;
margin:0;
padding:0;
}*/

/*color-background to match masthead #ED9753*/

body {
font-family:arial,helvetica,verdana;
width:723px;
font-size:80%;
background-color:#ED9753;
}
/*margin:0;
padding:0; put this in the body and it will make the site flush left corner
*/
table {border-style:solid;
width:720px;
height:auto;
border-width:1px;
border-color:#000;
background-color:#fff;}

th {
text-align:left;
padding:5px;
color:#fff;
background-color:#000;
border-style:solid;
border-width:2px;
border-color:#FFF #FFF #666 #AAA;}

td {
padding:5px;
background-color: #DDDDDD;
border-style:solid;
border-width:1px;
border-color:#FFF #FFF #666 #AAA;}



/**/
#container {
background-color:#ED9753;
width:715px;
height:auto;
border:0 solid #000;
margin:0;
padding:0;
}

#masthead {
float:left;
width:720px;
height:108px;
background-color:#ED9753;
margin:0;
padding:0;
}

a:link {
font-family:Arial, Verdana, sans-serif;
font-weight:700;
color:#000;
text-decoration:none;
border:0;
line-height:140%;
padding:2px;
}

a:visited {
color:#000;
font-weight:700;
text-decoration:none;
border:0;
line-height:140%;
padding:2px;
}

a:hover {
color:#666;
font-weight:700;
text-decoration:none;
border:0;
line-height:140%;
padding:2px;
}

a:active {
color:#333;
font-weight:700;
text-decoration:none;
border:0;
line-height:140%;
padding:2px;
}
h1 {
font-size:16px;
text-decoration:none;
font-variant:small-caps;
color:#000;
}

h2 {
font-size:14px;
color:#000;
text-decoration:none;
font-weight:700;
line-height:100%;
text-align:left;
margin: 0 0 5px 0;

}

h3 {
font-size:12px;
color:#000;
text-decoration:none;
font-weight:700;
line-height:100%;
margin: 5px 0 5px 0;

}

h4 {
font-size:9px;
line-height:100%;
font-weight:400;
font-style:italic;
font-family:arial,helvetica,verdana;
color:#fff;
height:10px;
text-align:center;
background-color:#EFA159;
}

h5 {
font-size:10px;
line-height:100%;
font-weight:400;
font-style:regular;
text-align:left;
background-color:#E89A52;
margin:0 0 0 0;
padding:3px 0 0 3px;
}

h6 {
font-size:11px;
line-height:120%;
color:#fff;
font-weight:400;
font-style:regular;
text-align:center;
background-color:E89A52;
margin:0;
padding:0;
width:720px;
}


p {
text-align:left;
font-size:12px;
color:#000;
text-decoration:none;
font-weight:400;
line-height:120%;
margin-top:0;
margin-bottom:5px;
padding:0 5px 5px 5px;
}


#content {
float:right;
width:511px;
height:auto;
margin:0;
border:0 solid #000;
background-color:#fff;
padding:10px 10px 30px 10px;
overflow:auto;
}


.image_float {
float:left;
background-color:#fff;
padding: 5px 5px 5px 5px;
display:inline;
}




#left-nav {
float:left;
width:150px;
height:456px;
margin-bottom:0;
border:0 solid #000;
background-color:#ED9753;
padding:10px 10px 10px 10px;
}

.spacer {
width:720px;
height:2px;
background-color:#000;
margin:0;
padding:0;
}

.spacer2 {
width:720px;
height:25px;
background-color:#000;
margin:0;
padding:0;
}

.spacer3 {
width:auto;
height:25px;
background-color:#fff;
margin:0;
padding:0;
}

.spacer4 {clear:left;
width:100px;
height:5px;
background-color:#FFF;}

.function-first {
width:auto;
height:auto;
border:1px;
background-color:#818181;
text-align:center;
font-weight:400;
margin:0;
padding:0 0 0 125px;
color:#fff;
}

ul {
font-family:Arial,Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
}

li {
font-size:12px;
font-weight:normal;
line-height:120%;
color:#000;
padding:0 5px 0 0;
}

ul li 
	{margin:0 0 0 15px;
	padding:0 0 0 15px:}


/*footer2*/
#footer 
{clear:both;
width:705px;
height:120px;
margin:0 0 0 0;
border:0 dotted #000;
padding:0 0 10px 0;
background:#E89A52 no-repeat;
font-family: Verdana,Arial,sans-serif;
font-size:10px;
}
/*styling for footer2*/
.footerCol
{float:left;
width:170px;
margin-left:3px;
background-color:#E89A52;
}

/*footer Column images to float left, so text will go beside it. It helps if 
you take out the <p> tags too!*/
.footerCol img {
float:left;
border:2px solid #999;
margin:0 5px 10px 0;}

#footer ul
{margin:0;
padding:0 0 0 10px;
list-style-image:url(images/list.gif);
line-height:150%;}

#footer li
{margin:0;
padding:0 0 0 5px;
list-style-image:url(images/list.gif);
line-height:150%;}

#footer fieldset 
{margin:0;
border;0;
padding:0;}