a:link {color:#00ff00;}
a:visited {color:#cc0033;}
a:hover {color:#0000ff;}
a:active {color:#0000ff;}

body {
background-color:#585858;
color:#003300;
margin:0;
padding:0;
}
 
#wrapper {
width:960px;
background-color:#989898;
margin:0 auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#header {
width:960px;
height:156px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
background-color: black;
padding-top:4px;
}

#header img {
float:left;
margin:0 auto;
padding-top:7px;
padding-left:8px;
padding-right:166px;
outline:none;
border: 0;
}

#nav {
font:bold 13px arial;
width:960px;
height:26px;
border-bottom:1px solid #ccc;
background-color:black;
padding-top:10px;
text-align:center; 
}

#nav a {
display:inline;
text-decoration:none;
background-color:black;
border:2px solid #006600;
color:#00ff00;
padding:4px;
margin:0 3px;
}

#nav a:hover {
background-color:#989898;
border-style:outset;
height:30px;
}

#content {
width:720px;
float:right;
padding:10px;
}

#content img {
text-decoration:none;
outline:none;
border:2px solid #989898;
}

#content img:hover {
border:2px solid #006600;
border-style:outset;
}

#aboutcontent {
text-align:center; 
}


#sidebar {
width:200px;
float:left;
margin-bottom:10px;
background-color:black;
border-right:1px solid #ccc;
padding-right:8px;
color:#00ff00;
}

#sidebar h2 {
text-align:center;
color:#00ff00;
}

#sidecontrol {
text-align:center;
}

#sidecontrol a {
border:2px solid #006600;
color:#00ff00;
display:inline;
text-decoration:none;
background-color:black;
padding:2px;
}

#sidecontrol a:hover {
background-color:#989898;
border-style:outset;
height:30px;
}

#social {
text-align:center; 
}

#social a{
text-decoration:none;
}

#footer {
clear:both;
width:960px;
height:115px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:.6em;
text-align:center; 
padding-top:8px;
}

#footer p {
padding:5px;
margin:0 20px;
}