/* Group B Style */
body {
font-family: Arial, Helvetica, sans-serif; 
color: #000000; 
background-color: #666666;
width: 700px;
margin-left: auto;
margin-right: auto;
border-left: 3px double #000000;
border-right: 3px double #000000;
background-image: repeat;
}

h1 {
font-family: Gungsuh, serif;
font size: 150%; 
color: #FFFFFF;
text-align: center;
}

h2 {
font-family: Century Gothic, sans-serif;
text-align: center;
font size: 125%;
padding: 10px;
color: #FF0000; 
background-color: #010101;
clear: all
}

h3,
h4,
h5,
h6 {
color: #FF0000
}

hr {
}

p {
}

address {
padding-left: 2em; 
padding-right: 2em
}

img {
padding: 2px
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Formatting for all links */
a{text-decoration: underline }
a:link {color: #DDAA44}
a:visited {color: #111111}
a:hover {color: #FFCC76; background-color: #666666}
a:active {color: #111111}


/*****************************************************************/


#main {
padding: 2px;
background-color: #FFFFFF;
}

#spec {
width 200px; 
float: right; 
background-color: #909099; 
color: black; 
border: 3px; 
border-color: #FFFFFF;
padding: 3px;
}

#wins {
width 200px; 
float: right; 
background-color: #ca6; 
color: black; 
border: 3px; 
border-color: #edb; 
padding: 5px;
}



#center {
width: 150px;
margin-left: auto;
margin-right: "auto";
}

#left {
width: 100%;
text-align: left;
} 

/* You still need to clear!!! */
#floatleft {
float: left;
} 

#right {
width: 100%;
text-align: right;
} 

/* You still need to clear!!! */
#floatright {
float: right;
}

/*****************************************************************/

.dotted {
padding: 3px; 
border: 2px dotted #666666; 
}

.pinout {
padding:''; 
}

/****************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************
HOVER BOARDER CODE					*
*************************************************/
.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid navy;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/***************************************************************************************
Usage: <a href="http://cnn.com" class="borderit"><img border="0" src="email.gif" /></a>
****************************************************************************************/

/************************************************
HOVER GHOST CODE					*
*************************************************/
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

/***************************************************************************************
Usage: <a href="http://cnn.com" class="opacityit"><img border="0" src="email.gif" /></a>
****************************************************************************************/

/***********************************************************************
 * Expandable Content
 * place this line in your head: 
 *     <!--#include file="/collapsable_text_headerfile.txt" -->
 * 
 * To see usage example see: collapsable_text_usage_example.txt 
 * 
 ***********************************************************************/

/************************************************************************
 * Drop Down Menu CSS									*
 ************************************************************************/
<!-- top menu script styles{  }
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border-top:1px solid #000000; 
border-bottom:1px solid #000000; 
background-color: #222222
}

.headerlinks a{
margin: auto 8px;
color: #FFFFFF;
font-size: 2em;
}

.headerlinks a: hover{
background-color: #222222
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #555555; 
border: 1px solid #000000;
}

.submenus li{
width: 100%;
}

.submenus li a{ 
display: block; 
width: 100%; 
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #FFCC76;
color: #000000;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
<!-- end top menu script styles{  }