/*Generic Selectors*/

body{
color: #COCOCO;
font-family: Technic, Helvetica, sans-serif;
font-variant: small-caps;
background-color: rgb(65, 86, 110);
}

li{
list-style-type: none;
line-height: 100%
list-style-image: url(../images/arrowSmall.gif);
}

h1{
font-size: 24px;
font-weight: bold;
color: #C0C0C0;
}

h2{
font-size: 16px;
font-weight: bold;
color: #C0C0C0;
border-bottom: 2px solid #C0C0C0;
}


/**********************Pseudo classes********************/

a:link {
color: #C0C0C0;
text-decoration: underline;
font-weight: normal;
}

li a:link {
color: #C0C0C0;
text-decoration: none;
font-weight: normal;
}

a:visited {
color: #C0C000
text-decoration: none;
font-weight: normal;
}

li a:visited {
color: #C0C0C0;
text-decoration: none;
font-weight: normal;
}

a:hover{
color: #COCOCO;
padding-bottom: 5px;
font-weight: bold;
text-decoration: none;
}

li a:hover {
display: block;
color: #C0C0C0;
padding-bottom: 5px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}

a:active {
color: rgb(255, 0, 102);
font-weight: bold;
}

/*****************************ID's************************/

#navigation {
float: right;
width: 200px;
text-align: left
top: 300px;
z-index: 8;
font-size: 18px;
}

#logo {
position: absolute;
top: 180px;
left: 25px;
width: 210px;
height: 600px;
z-index: 12;
}

#centerDoc {
position: absolute;
top: 280px;
left: 25px;
z-index: 10;
padding: 0 0 20px 20px; /*top right bottom left*/
}

#header {
position: absolute;
top:0;
height:100px;
width:100%;
text-align:center;
}

#footer {
float: bottom;
width:100%;
color:#CCCCCC;
text-align:center;
}

#images {
position: absolute;
left: 600px;
right: 20px;
top: 200px;
width: 250px;
height: 500px;
z-index: 5;
}