/*** Colors 

red = #BA1319;
blue = #26247B;

***/
/*** GENERAL HTML CONTROL ***/
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans serif;
font-size: 0.75em;
background-color: #000;
}
a:link, a:visited {
color: #26247B;
background-color: transparent;
text-decoration: none;
}
a:hover, a:active {
color: #26247B;
background-color: transparent;
text-decoration: underline;
}
img {
border: 0;
}
table {
border: 0;
border-collapse: collapse;
width: 465px;
}
td, th {
padding: 0.5em;
text-align: left;
}
td.first, th.first {
width: 30%;
}
#wrapper {
margin: 0 auto;
padding: 0;
width: 760px;
background-color: #fff;
}
#banner {
margin: 0 0 20px 0;
padding: 0 10px;
position: relative;
}
#banner .logo {
margin: 0 0 0 15px;
padding: 0;
}
#banner .name {
margin: 0 0 0 50px;
position: absolute;
top: 75px;
}
#main {
padding: 0 15px;
}
#lefter {
margin: 0;
padding: 0;
float: left;
width: 185px;
}
#contact-info h4 {
margin: 0;
padding: 0;
font-size: 90%;
font-weight: bold;
color: #000;
background-color: transparent;
}
#contact-info p {
margin: 0 0 8px 0;
padding: 0;
font-size: 90%;
color: #454545;
background-color: transparent;
}
#contact-info p a:link, #contact-info p a:visited {
color: #26247B;
background-color: transparent;
text-decoration: none;
}
#contact-info p a:hover, #contact-info p a:active {
text-decoration: underline;
}
#content {
margin: 0 0 0 225px;
padding: 0;
width: 465px;
}
#content h1 {
margin: 30px 0 20px 0;
padding: 0;
font-size: 200%;
font-weight: normal;
color: #BA1319;
background-color: transparent;
}
#content h2 {
margin: 20px 0 10px 0;
padding: 0;
font-size: 150%;
font-weight: normal;
color: #26247B;
background-color: transparent;
}
#content p {
color: #808080;
background-color: transparent;
line-height: 1.5em;
}
#content p.intro {
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
font-size: 130%;
font-weight: normal;
line-height: 1.4em;
color: #000;
background-color: transparent;
}
#content strong {
color: #000;
background-color: transparent;
}
#clearone {
height: 1px;
clear: both;
}
#footer {
margin: 30px 0 0 0;
padding: 0 15px 10px 15px;
}
#footer p {
font-size: 90%;
color: #999;
background-color: transparent;
}
#footer p a {
color: #26247B;
background-color: transparent;
text-decoration: none;
}
/*** Top navigation ***/
#topnav {
margin: 0 0 10px 0;
padding: 5px 8px 5px 15px;
background-color: #BA1319;
text-align: right;
}
#topnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#topnav ul li {
margin: 0 0.15em 0 0;
padding: 0;
display: inline;
color: #fff;
background-color: transparent;
}
#topnav ul li a:link, #topnav ul li a:visited {
font-size: 90%;
color: #fff;
background-color: transparent;
text-decoration: none;
}
#topnav ul li a:hover, #topnav ul li a:active {
text-decoration: underline;
}
/*** Primary navigation ***/
#nav01 ul {
margin: 0 0 50px 0;
padding: 0;
list-style-type: none;
}
#nav01 ul li {
margin: 0;
padding: 0;
}
#nav01 ul li a:link, #nav01 ul li a:visited {
margin: 0;
padding: 5px;
width: 170px;
display: block;
border-top: 1px solid #ccc;
text-decoration: none;
font-size: 90%;
color: #333;
background-color: transparent;
}
#nav01 ul li a:hover, #nav01 ul li a:active {
color: #fff;
background-color: #333;
}
/*** Home page three ***/
#overview {
margin: 0;
padding: 0;
width: 500px;
}
#overview ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:outside;
width: 500px;
}
#overview ul li {
margin: -20px 10px 30px 0;
padding: 0;
float: left;
width: 150px;
}
#overview ul li  h2 a {
margin: 0 0 -8px 0;
padding: 5px 8px;
font-size: 90%;
color: #fff;
background-color: #000;
font-weight: normal;
display: block;
}
#overview ul li  h2 a:hover, #overview ul li  h2 a:active  {
text-decoration: none;
}

#overview p {
margin: 0 0 5px 0;
padding: 0 0 0 2px;
font-size: 90%;
color: #454545;
background-color: transparent;
line-height: 1.3em;
}
#overview ul li p a:link, #overview ul li p a:visited {
color: #BA1319;
background-color: transparent;
text-decoration: none;
}
#overview ul li p a:hover, #overview ul li p a:active {
text-decoration: underline;
}
.instructor {
margin: 0 0 40px 0;
padding: 0;
min-height: 127px;
}
.instructor img {
margin: 0 15px 10px 0;
padding: 5px;
float: left;
border: 1px solid #ccc;
}
#content p.fullstory {
margin-top: -5px;
}