/* You may view and learn from this CSS (not quite sure why though, it's a mess), but the unique combination (that's for sure) of images, colors, sizes, typography, and positioning ("the design") is copyright 2004 Evidence Express and may not be reproduced */

/* Primary layout and typography */
html { 
padding:0px;
margin:0px;
}

body {
font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align:center;
background: #FFF;
margin: 0px;
padding: 0px;
}

p, h1, h2, h3, h4, h5, h6 {
margin:0px 10px 10px 10px;
}

p, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}

p { text-indent: 0; }

p.leading {line-height: 2em;}

.phone {
font-size: 14px;
font-weight: bolder;
line-height: 1.4em;
color: #666;
}

.mission {
font-size: 13px;
font-weight: bolder;
font-style: italic;
line-height: 1.6em;
padding: 3px;
margin: 2px 4px;
color: #333333;
}

ul, dl {
margin:.5em 0 1em;
padding: 0 0 0 25px;
list-style: square;
}

ul li {
font-weight: bold;
margin:0 0 2px;
padding:0 0 0 18px;
text-indent: 5px;
  }

img	{
	border: 0;
}

/* Default links */
a:link {
text-decoration: underline;
color: #A5001B;
}

a:visited {
text-decoration: underline;
color: #7F0000;
}

a:hover {
text-decoration: none;
color: #A5001B;
}

a:active {
text-decoration: underline;
color: #A5001B;
}

h1 {
font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #7F5F3F;
text-align: left;
padding-top: 4px;
}

h1.indent{
text-indent: 2em;
}

#box {
position: absolute;
left: 185px;
top: 198px;
width: 225px;
height: 15px;
font-family: "Times New Roman", Times, Garamond;
font-size: 16px;
color: #999;
background-color: #FFF;
border: 4px solid #7D051A;
text-align: left;
text-transform: uppercase;
padding: 4px 4px 4px 4px;
}

#redline {
position: absolute;
left: 198px;
top: 225px;
width: 360px;
height: 15px;
font-family: "Times New Roman", Times, Garamond;
font-size: 16px;
color: #999;
text-align: left;
font-style: italic;
text-transform: uppercase;
border-bottom: 4px solid #7D051A;
padding-top: 4px;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #999;
text-align: center;
text-transform: uppercase;
padding: 2px 0 0 0;
}

h3 {
font-size:12px;
font-weight: bold;
padding: 3px;
margin: 2px 4px;
color: #7D051A;
text-transform: uppercase;
}

h4 {
font-weight: bold;
font-size: 11px;
color: #21211A;
margin-bottom: 2px;
padding-top: 6px 0 0 0;
}

abbr, acronym {
border-bottom: dotted 1px #214973;
cursor: help;
}

form {
	padding-left: 10px;
}

/* Miscellaneous layout stylings */
#wrapper {
position: relative;
width: 625px;
height: 875px;
margin: auto;
padding: 0px;
}

#redband {
position: absolute;
left: 0px;
top: 0px;
width: 620px;
height: 32px;
background-color: #7D051A;
}

#yllwband {
position: absolute;
left: 0px;
top: 32px;
width: 620px;
height: 10px;
background-color: #E4AD1C;
}

#logo {
position: absolute;
left: 178px;
top:  50px;
width: 450px;
height: 154px;
}

#objective {
position: absolute;
left: 178px;
top:  210px;
width: 435px;
height: 150px;
}

p.hilite {
color: #7D051A;
font-weight: bold;
background-color: #fbdc7e;
padding-left: 6px;
}

/* Header and Navigation bar */

#mainnav {
position: absolute;
left: 370px;
top: 165px;
width: 245px;
height: 15px;
text-align: left;
border-top: 1px solid #999;
}

#mainnav a:link {
color: #A5001B;
font-size: 14px;
font-weight: bold;
text-decoration: none; 
}

#mainnav a:visited {
color: #7F0000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

#mainnav a:hover {
color: #A5001B;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-bottom: 6px solid #A5001B; 
}

#mainnav a:active {
color: #A5001B;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-bottom: 6px solid #A5001B; 
}

/* Main content area */
#phototop {
position: absolute;
left: 0px;
top: 42px;	
width: 179px;
height: 241px;	
}

#redbox {
position: absolute;
left: 0px;
top: 283px;
width: 108px;
height: 300px;
background-color: #7D051A;
}

#yllwvert {
position: absolute;
left: 108px;
top: 283px;
width: 10px;
height: 300px;
background-color: #E4AD1C;
}

#photobttm {
position: absolute;
left: 0px;
top: 583px;	
width: 179px;
height: 241px;	
}

/* Primary Content*/
#primarycontent {
position: absolute;
left: 178px;
top: 277px;	
width: 435px;
height: 550px;
overflow: auto;
text-align: left;
line-height: 1.4em;
text-indent:1.3em; 
padding: 0px;
float: left;
background-color: #FFF;
}

/* Primary Content Lists */

#primarycontent ul {margin-bottom:.75em;}
#primarycontent ul {margin-left:1.2em;}
#primarycontent ul {padding-left:6px;}
#primarycontent ul li {
list-style-type: square;
margin-left: 20px;
padding-left: 1em;
text-indent: -1em;
}

/* Primary Content Links */
#primarycontent a:link {
color: #CC0000;
font-weight: bold;
text-decoration: none;
}

#primarycontent a:visited {
color: #7F0000;
font-weight: bold;
text-decoration: none;
}

#primarycontent a:hover {
color: #FF0000;
font-weight: bold;
text-decoration: underline;
}

#primarycontent a:active {
color: #CC0000;
font-weight: bold;
text-decoration: none;
}

/* Copyright and Footer area */
#footer {
position: absolute;
width: 620px;
height: 27px;
left: 0px;
top: 824px;
font-size: 11px;
color: #FFF;
line-height: 1.5em;
text-align: right;
background-color: #E4AD1C;
padding: 4px 0px 4px 0px;
}

#footer a:link {
color: #FFF;
text-decoration: underline;
}

#footer a:visited {
color: #FFF;
text-decoration: underline;
}

#footer a:hover {
color: #FFF;
text-decoration: none;
}

#footer a:active {
color: #FFF;
text-decoration: none;
}