<style>
html,body {
    margin: 0;
    padding:0;
    background-color:#000000;
    text-align: center;
}
a:link {
    color: #72587F;
    text-decoration: none;
}

a:visited {
    color: #72587F;
    text-decoration: none;
}

a:hover {
color: #8B668B;
    text-decoration: underline;
    border: none;
}

a:active {
    color: #72587F;
        text-decoration: none;
}

a.one:link {padding: 8px; color: #615b83; background-color: #191534; border: 1px solid #28224e; display: block; text-align: center; text-decoration: none;}
a.one:visited {padding: 8px; color: #615b83; background-color: #191534; border: 1px solid #28224e; display: block; text-align: center; text-decoration: none;}
a.one:active {padding: 8px; color: #615b83; background-color: #191534; border: 1px solid #28224e; display: block; text-align: center; text-decoration: none;}
a.one:hover {padding: 8px; color: #8580a3; background-color: #2b254f; border: 1px solid #28224e; border-left: 8px solid #6a6587; display: block; text-align: center; text-decoration: none;}

#container 
{
margin: 0 auto;
width: 660px;
text-align: left;
}

header {
background-image: url("whamtopper.png");
background-color: #000000;
  width: 660px;
    height: 458px;
    text-align:left;
    padding:0px;	 
}

.quote
{
position: absolute; 
    line-height: 1.5;
    background-color: #28604a;
    opacity: 0.9;
    width: 240px;
    text-align: left;
    padding: 7px;
    padding-left: 12px;
    margin-left: 10px;
    margin-top: 315px;
color: #000000;
text-align: left;
font-family: 'Open Sans', arial, verdana, tahoma, sans-serif; 
font-size: 12px;
}



#contentbox {
    background-color: #0f0c22;
 color: #9e9e9e;
border-left: 10px solid #0f2d1c;
border-right: 10px solid #21194d;
border-bottom: 7px solid #18204f;
    width:640px;
    margin-left: 0px;
   margin-top: 0px;
    margin-bottom: 15px;
    float:left;
    line-height: 1.4;
    padding: 0;
    font-size: 14px;
   font-weight: normal;
font-family: 'Open Sans', arial, sans-serif;  
}

#nav {
background-color: #0f0c22;
    line-height:7px;
    width:100px;
    float:left;
    padding: 5px;  
         font-size: 14px;
   font-weight: normal;
font-family: 'Open Sans', arial, sans-serif;  
}

content {
background-color: #0f0c22;
 color: #797c97;
    width:485px;
    float:left;
padding-top: 5px;
    padding-right:8px;
    padding-left: 28px;	 
padding-bottom: 8px;
    	     font-size: 14px;
   font-weight: normal;
font-family: 'Open Sans', verdana, tahoma, sans-serif;  
}

#footer {
    background-color:black;
    color:#efefef;
    clear:both;
    text-align:center;
   padding:5px;	 	 
}

h1 {
color: #4d5a7f;
font-family: 'Quattrocento Sans', 'Open Sans', garamond, serif; 
font-size: 30px;
line-height: 24px;
font-weight: normal;
border-bottom: 3px double #2e3655;
margin-top: 8px;
margin-bottom: 10px;
text-align: left;
letter-spacing: 1pt;
}

h2 {
color: #4d5a7f;
font-family: 'Quattrocento Sans', 'Open Sans', garamond, serif; 
font-size: 24px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 5px;
letter-spacing: 1pt;
}

h3 {
color: #cccccc;
font-family: 'Quattrocento Sans', 'Open Sans', garamond, serif; 
font-size: 20px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 5px;
text-align: center;
}


b {
color: #4b608b;
     font-size: 14px;
   font-weight: normal;
   text-shadow: 1px 2px 2px #000000; 
font-family: 'Open Sans', arial, sans-serif;  
}
