body   {
       margin:0;
       padding:0;
       background-color:#000;
       font-family:arial,verdana, "Times New Roman", sans-serif;
       font-size:140%;
       }
#container {
       position:relative;
       top:10px;
       margin-right:auto;
       margin-left:auto;
       width:980px;
       height:auto;
       border:0px solid #ff0000;
       background-color:transparent;
       } 
#header  {
       position:relative;
       top:0;
       border:0px solid #ffcccc;
       width:980px;
       height:120px;
       background-color:transparent;
       border-radius:20px;
       box-shadow: 0 0 10px 2px #aaa;              
       }
#headerpics {
       position:absolute;
       margin-top:20px;
       margin-left:757px;
       border:0px solid #fff;       
       }
#content {
       position:relative;
       margin-top:40px;
       margin-right:auto;
       margin-left:auto;
       margin-bottom:100px;
       width:980px;
       height:auto;
       padding-bottom:140px;
       border:1px solid #aaa;       
       background-color:#101010;
       border-radius:20px;
       box-shadow: 0 0 10px 2px #aaa;        
       }    
#infobox {
       position:relative;
       top:27px;
       width:860px;
       height:120px;
       margin-left:auto;
       margin-right:auto;
       margin-bottom:50px;
       border:0px solid #fff;
       background-color:transparent;
       background-image:url("../images/gradientbox.png");
       background-repeat:no-repeat;
       border-radius:10px;
       box-shadow: 0 0 10px 2px #aaa;     
       }       
#infobox p  {
       padding-top:20px;
       padding-right:15px;
       padding-left:15px;
       font-size:57%;
       font-weight:bold;
       color:#ccc;
       text-align:left;
       }              
h2     {
       font-size:85%;
       font-weight:bold;
       margin-top:-10px;
       margin-left:0;
       color:#fff;
       padding-top:0px;
       margin-bottom:1px;
       text-align:center;
       }
h3     {
       font-size:60%;
       font-weight:bold;
       margin-top:5px;
       margin-left:75px;
       color:#fff;
       }
h4     {
       font-size:60%;
       font-weight:bold;
       color:#fff;
       text-align:center;
       }
.topnav {
       position:relative;
       margin-top:20px;
       width:auto;
       margin-right:auto;
       margin-bottom:30px;
       margin-left:70px;       
       background-color:transparent;
       }
.topnav li{
       display: inline;
       margin: 0;
       }
.topnav li a{
       font-size:54%;
       font-weight:bold;
       text-decoration: none;
       position: relative;
       margin-right:6px;
       padding:4px 5px 2px 5px;
       border-top:1px solid #555;
       border-right:1px solid #aaa;
       border-bottom:1px solid #555;
       border-left:1px solid #555;
       border-collapse:collapse;
       color: #fff;
       background: url(../images/nav-off.jpg) top left repeat-x;
       }
.topnav li a:visited{
       color: #fff;
       }
.topnav li a:hover{
       text-decoration: none;
       color: #000;
       border-top:1px solid #888;
       border-right:1px solid #000;
       border-bottom:1px solid #000;
       border-left:1px solid #000;
       background: white url(../images/nav-on.jpg) top left repeat-x;
       }
.topnav li a.selected{
       position: relative;
       }
.topnav li a.selected{
       background-image: url(../images/indentbg2.gif);
       }
.topnav li a.selected:hover{
       text-decoration:none;
       }
#leftbox {
       float:left;
       margin-top:40px;
       width:200px;
       height:auto;
       margin-left:15px;
       margin-right:auto;
       margin-bottom:20px;
       padding-top:50px;
       padding-bottom:60px;      
       background-color:#000;
       border:1px solid #19356f;       
       border-radius:10px;
       box-shadow: 0 0 10px 2px #19356f; 
       }       
.menu  {
       list-style-type:none;
       margin-top:-20px;
       margin-left:-28px;
       padding-left:0px;
       width:205px;
       border-bottom:0px solid #fff;
       }
.menu a {
       display: block;
       text-decoration: none;	
       }
.menu li {
       margin-top:0px;
       line-height:1.9;
       list-style-type:none;      
       }
.menu li a {
       background:#000;
       color: #fff;	
       padding:2px 0 4px 4px;
       font-size:52%;
       font-weight:bold;
       }
.menu li a:hover {
       background: #204287;
       }
.menu li a.selected {
       position: relative;
       }
.menu li a.selected {
       color:#000;
       background-image: url("../images/nav-on.jpg");
       background-repeat:no-repeat;
       }
.menu li a.selected:hover {
       text-decoration:none;
       }
#rightbox {
       position:relative;
       margin-top:50px;
       width:695px;
       height:580px;
       margin-left:250px;
       margin-right:auto;
       margin-bottom:10px;
       overflow:auto;
       padding:5px 2px 0 4px;;
       border:1px solid #333;
       background-color:#000;
       text-align:center;
       z-index:10; 
       }     
#rightbox p {
       font-size:58%;
       font-weight:normal;
       color:#fff;
       background:transparent;
       }
#nametable {
       float:left;
       width:675px;
       margin-left:0px;
       background:transparent;
       border-collapse:collapse;
       line-height:2;
       padding-bottom:30px;      
       }
#nametable th  {
       font-size:60%;
       font-weight:bold;
       color:#fff;
       background:#204287;
       border:1px solid #000;
       border-collapse:collapse;      
       text-align:center;
       }
#nametable tr    {
       font-weight:bold;
       color:#fff;
       background-color:#303030;
       text-align:center;
       }
#nametable td {
       font-size:52%;
       padding:2px 0 2px 2px;
       border:1px solid #000;      
       border-collapse:collapse;       
       }
.td   {
       padding-left:5px;
       background:#303030;      
       text-align:left;
       }
#nametable a:link {
       font-family: arial, 'Times New Roman', sans-serif;
       font-weight: normal;
       color: #0066ff; 
       background-color: transparent;
       text-decoration: none;
       text-align: center;
       }
#nametable a:visited {
       font-family: arial, 'Times New Roman', sans-serif;
       font-weight: normal;
       color: #fff;
       background-color: transparent;
       text-decoration: none;
       text-align: center;
       }
#nametable a:hover {
       color:#fff;
       background-color: transparent;
       text-decoration: none;
       text-align: center;
       }
#infobox a:link {
       font-size:90%;
       font-weight: bold;
       color:#fff; 
       background-color: transparent;
       text-decoration: none;
       text-align:center;
       }
#infobox a:visited {
       font-size:80%;
       font-weight:bold;
       color:#fff;
       background-color: transparent;
       text-decoration: none;
       text-align:center;
       }
#infobox a:hover {
       color:#000060;
       background-color:transparent;
       text-decoration:none;
       text-align:center;
       }         
.clear {clear:left;}