
body {
margin : 0;
padding : 0;
font : 70% "verdana", arial, verdana, sans-serif;
color : #FFFFF0;
background : #000000;
}
#container {
width : 97%;
margin-left : auto;
margin-right : auto;
padding : 0;
line-height : 2 em;
}
#banner {
height : 120px;
padding : 0;
background : url(images/banner.jpg) no-repeat;
}
#banner h1 {margin : 0;
padding : 0px;
background : transparent;
}
#navlist {
padding : 4px 5px 5px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : transparent;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #9966CC;
text-decoration : none;
}
#navlist li a:link {
color : fff;
background : #BA55D3;
}
#navlist li a:visited {
color : #fff;
background : #9966CC;
}
#navlist li a:hover {
color : #000;
background :#FFE4E1;
}
#navlist li a#current {
color : #000;
background : #FFE4E1;
}
.menu ul li {
line-height : 1.5em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
font : 97% "verdana", arial, verdana, sans-serif;
color : #800080;
background : #transparent;
}
.menu ul li a {
font : 100% "verdana", arial, verdana, sans-serif;
color :#800080;
background :  #transparent;
}
.menu ul li a:hover {
font : 120% "verdana", arial, verdana, sans-serif;
color : #800080;
background :#inherit ;
}
#content {
padding : 0;
margin-left : 150px;
margin-right : 150px;
border-left : 1px dashed #000;
border-right : 1px dashed #000;
color : #000;
background-color : #DCDCDC;
}
#content p {
margin : 18px;
}
#sidebar-a {
float : left;
width : 150px;
margin-left : 5px;
padding : 0 5px 0 5px;
color : #4B0082;
background : #DCDCDC;
}
 
#sidebar-b {
line-height : 1.4em;
float : right;
width : 155px;
margin : 0px 5px 0px 0px ;
padding : 0px 0px 29px 5px;
color : #4B0082;
background : #DCDCDC;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
color : #000;
background : transparent;
}

/* This is for the center subsections and footer*/

a {
text-decoration : underline;
font : 90% "verdana", arial, verdana, sans-serif;
color : #00008B;
background : transparent;
}
a:hover {
font : 110% "verdana", arial, verdana, sans-serif;
text-decoration : underline;
color : #transparent;
background : ##4169E1;
}
a img {
border : 0;
}
.border {
padding : 7px;
margin : 7px;
border : 1px solid #476042;
}
.imgleft {
float : left;
border : 1px solid #90b905;
margin : 5px 10px 10px 15px;
padding : 5px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 170%;
letter-spacing : 3px;
color : #FFFFF0;
background : #9932CC;
}
h2 {
padding-left : 20px;
font-size : 120%;
letter-spacing : 4px;
color : #000;
background : inherit;
}
h3 {
padding : 4px;
text-transform : none;
font-size : 99%;
color : #000;
background : #DCDCDC;
}
h4 {
padding : 4 px;
text-transform : none;
font-size : 120%;
color : #000;
background : #DCDCDC;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #008000;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
padding-left : 20px;
float: left;
width: 26%;
font-size : 100%;
list-style-type : square;
color: ; #000; 
background : transparent;
}
.col3center {
margin: 0 3%;
}
.col4,.col4center {
padding-left : 25px;
float: center;
width: 40%;
font-size : 100%;
list-style-type : square;
color: #000;
background : transparent;
}
.col5,.col5center {
padding-left : 10px;
float: left;
width: 39%;
font-size : 100%;
list-style-type : square;
color: ; #6495ED
background : transparent;
}
