/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#000000;
}

#header {
background-color:#FFFFFF;
background-image:url(../images/title.png);
color:#000000;
margin: 0 20% 0 18%;
border-width:thin;
border-color: #0000FF;
border-style:solid;
height:250px;
}

#navigation {
float:left;
width: 200px;
border-width:thin;
border-color: #0000FF;
border-style:solid;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation li {
border-bottom: 1px solid #ED9F9F;
}

#navigation li a:link, #navigation li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid  #000000;
border-right: 1px solid #711515;
background-color: #FFFFFF;
color: #000;
text-decoration: none;
}

#wrap {
background-color:#0066FF;
}

#navigation li a:hover {
background-color: #000099;
color: #FFF;
font-weight:bold;
}

#navigation ul ul {
margin-left: 12px;
}

#navigation ul ul li {
border-bottom: 1px solid #711515;
margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: #666666;
color: #711515;
}

#navigation ul ul a:hover {
background-color: #000099;
color: #FFFFFF;
}

hr {
background:#0000FF;
color:#0000FF;
}

#maincontent {
margin-left:18%;
background-color:#FFFFFF;
color: #000000;
margin-right:20%;
border-width:thin;
border-color: #0000FF;
border-style:solid;
display:block;
}

#maincontent h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#footer {
border-width:thin;
border-color: #0000FF;
border-style:solid;
background-color:#FFFFFF;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
margin: 0 20% 0 18%;
}

#news {
margin-left:15%;
background-color:#FFFFFF;
border:#003399;
border-width:thin;
border-style:solid;
}

#hostgator {
text-align:center;
}

#hostgator a:link {
text-decoration:none;
border:none;
}