﻿/* Virginia FIRST
Zach McAuliffe, DRHS */

body {
color: #000000;
background-color: #ffffff;
font-family: Arial;
font-size: 11px;
margin: 0px;
}

/* Banner */

.banner {
height: 150px;
width: 100%;
background-image: url("../images/banner.gif");
background-repeat: none; 
}

/* Container */

#container {
width: 810px;
margin-top: 10px;
margin-left: 65px;
}

/* Home Page */

#logo {
width: 345px;
height: 100px;
margin: 0px auto;
}

ul#homeNav {
width: 793px;
list-style: none;
margin: 0px auto;
margin-top: 10px;
}

ul#homeNav li {
float: left;
margin: 0px;
}

ul#homeNav li a img {
border: 0px;
}


/* Navigation */

#menu {
float: left;
width: 200px;
}

ul.nav {
list-style: none;
margin: 0px;
}

ul.nav li.main {
margin: 0px;
padding: 0px;
}

ul.nav li.main a:link,
ul.nav li.main a:visited,
ul.nav li.main a:active {
display: block;
width: 190px;
color: #ffffff;
background-color: #9090b0;
text-decoration: none;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
border-bottom: 1px solid #404040;
padding: 5px;
}

ul.nav li.main a:hover {
color: #252525;
background-color: #7070b0;
}

ul.nav li.sub a:link,
ul.nav li.sub a:visited,
ul.nav li.sub a:active {
display: block;
width: 190px;
color: #ffffff;
background-color: #505080;
text-decoration: none;
letter-spacing: 1px;
border-bottom: 1px solid #404040;
padding: 2px 5px;
}

ul.nav li.sub a:hover {
color: #101010;
background-color: #909090;
}

/* Content */

#content {
float: left;
position:absolute;
left:325px;
width: 600px;
height: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 10px;
}

#content a:link,
#content a:visited,
#content a:active {
color: #990000;
text-decoration: none;
}

#content .title {
font-weight: bold;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

#content .subTitle {
color: #990000;
font-weight: bold;
}

#content .sectionTitle {
color: #000000;
font-weight: bold;
}

#content span.photo {
float: left;
margin: 10px;
}

#content span.italicize {
font-style: italic;
}

#content ul ul {
margin: 20px;
}

#content .employerLogo {
float: left;
width: 300px;
text-align: center;
}

#content .employerInfo {
float: left;
width: 300px;
text-align: center;
}

#content img {
border: none;
}

#content .imgGroup {
height: 202px;
width: 563px;
display: block;
margin: 0px auto;
}

/* Clearer */

.clearer {
clear: both;
}