body { 
    margin: 10px 10px; 
    padding: 0;
    background: url(../images/bodybg.gif) repeat; 
    font: 74% Arial, Sans-Serif; 
    color: #ccc;  
    line-height: 1.4em; 
}


.content { 
    background: #101010;
    color: #a3b2ba; 
    margin: 0 auto; 
    padding: 0; 
    width: 800px;
    border-left: 6px solid #000;
    border-right: 6px solid #000;
}

.img {
    margin: 0 12px 8px 0;
    float: left;
    border: 4px solid #0088af;
}

.img2 {
    padding: 0 0 3px 3px;
    float: right;
}



/* 
 Here is the start of the header Information
*/
#top {
    padding: 0;
    margin: 0;
    height: 30px;
}

#top .rightlinks { 
    float: right;
    color: #999;
    padding: 10px 20px 0 0;
    font-size: 90%;
}
#top .rightlinks a:hover {
color: #ffffff;
}


#top a { 
color: #999; 
}


#header { 
margin: 0; 
width: 800px; 
background: url(../images/head.gif) no-repeat;  
height: 127px; 
color:#a3b2ba; 
}


#header .info { 
padding: 25px 0 0 30px; 
}

#header h1 {
font-family: Geneva, Arial, Helvetica, sans-serif ;
color:#000;
font-size: 29px; font-weight: bold;
margin: 0;
padding: 0; 
}

#header h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px; 
background-image: none;
color:#000;
margin: 0;
padding: 6px 0 0 2px;
}


/* */
#subheader { 
    background: inherit; 
    width: 800px;
    height: 35px;
    color: #FFF;
}
#subheader .padding { 
padding: 10px 15px 10px 15px;
 
}
#subheader h2 { 
color:#0088af; 
}
#subheader a {
color: #FECF5F; 
}

/*  Top Navigation */
#menu {
background: inherit;
width: 780px;
height: 38px;
margin: 0;
padding: 0;
}

#menu ul { 
margin:0; 
list-style:none; 
padding: 5px 0 0 20px; 

}
#menu a, #nav strong, #nav span { 
float:left; 
display:block; 
background: #101010;
border-top: 4px solid #E74A0E;
color:#999; 
padding: 5px;
font-weight:bold; 
text-decoration:none;
text-transform:uppercase;  
}

#menu a { 
float:none; 

}

#menu li { 
float: left; 
background: inherit; 
margin: 2px; 
padding: 0 0 0 0px;
 
}

#menu a:hover { 
float: left; 
display: block; 
background: #151515;
border-top: 4px solid #0088af;
color: #fff; 
padding: 5px; 
text-decoration: none;

}  

#menu a.active { 
float: left; 
display: block; 
border-top: 4px solid #0088af;
padding: 5px; 
text-decoration: none;

}

#menu .padding { 
padding: 5px 0 0 10px; 
font-weight: bold; 
color: #808080;

}


/**/
.nav { 
text-align: left; 
color: #808080; 
padding: 20px 0 0 0px; 
width: 244px; 
}

.nav li { 
margin: 5px 0 5px 0px; 
padding: 0px 0 0 0px; 
border-bottom: 1px dotted #888; 
list-style: none;
}

.nav li a { 
color: #999999;
font-weight: bold;
text-decoration: none;  
padding: 5px 0 1px 5px; 
background: #101010;
display: block; 
margin-bottom: 2px;
}

.nav li a:hover { 
color: #fff; 
text-decoration: none; 
background: #212121;
display: block; 
margin-bottom: 2px;
}

.nav li a.active { 
color: #fff; 
text-decoration: none; 
}

/* The meat and potatoes*/
#main { 
background: inherit;  
width: 800px; 
margin: 0 ; 
color: #808080; 
}  

#main .right_side { 
float: right;
padding: 0px 4px 0 10px; 
margin:0;
background: inherit;
width: 250px; 
}

#main .right_side .hitems { 
margin: 0;  
padding: 0; 
}

#main .right_side .hitems ul { 
margin: 5px 0 5px 0; 
padding : 0; 
color: #808080;

}

#main .right_side .hitems li { 
    margin: 0 0 2px 20px;
    padding: 0 0 0 0px;
    color: #555;
}

#main .left_side { 
float: left; 
width: 500px; 
background: inherit; 
padding: 15px 15px 0 15px; 
margin: 0; 
}

#main h3 {  
font: 14px Arial, Sans-Serif;
text-transform:uppercase; 
margin: 2px 0 10px 0px; 
padding: 0; 
color: #999; 
background: inherit; 
border-bottom: 1px dotted #E74A0E;
}

#main .box  {   
background: #efefef; 
padding: 5px; 
border: 1px solid #ccc;
}

#main .right_side ul { 
margin: 5px 0 5px 0; 
padding : 0; 
list-style : none; 
border-bottom: 0px solid #eee; 
list-style-type: square;
color: #a90000;
}
    
#main .right_side li { 
margin: 0 0 2px 2px;
padding: 0 0 0 0px;
color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 2px;
padding: 0 0 0 0px;
color: #808080;
}


/* the footer info*/
#footer { 
clear: both;
height: 20px;
color: #808080; 
background: inherit;
border-top: 1px dotted #888; 
font-size: 90%; 
padding: 0; 
text-align: left; 
}

#footer .info { padding: 2px 0px 0px 5px; }
#footer .right { 
    float: right; 
    clear: right; 
    text-align: right; 
}

#footer a { color: #E74A0E; }


/* Odds and ends*/


ul { 
margin-left: 0; 
padding-left: 5px; 
list-style : square; 
}
li {    
margin: 0 0 2px 15px; 
padding: 0 0 0 0px; color: #555; 
}


p { 
margin: 0 0 5px 0; 
padding: 0; 
color: #808080; 
background: inherit; 
}
a { 
color: #E74A0E ;  
background: inherit; 
text-decoration: none; 
}

a:hover { 
color: #0088af;
background: inherit; 
text-decoration: underline; 
}

h1 { 
padding: 0; 
margin: 0; 
color: #0088af; 
background: inherit;
font: bold 23px Arial, Sans-Serif; 
letter-spacing: -1px;
}

h1 a { 
color: #0088af;  
background: inherit; }

h2 { 
color: #0088af;
font-size: 22px; 
font-weight: bold; 
margin: 5px 0 5px 0px; 
padding: 0 0 0 2px; 
border-bottom: 1px dotted #E74A0E;
}

h2 a { 
background: inherit; 
color:#0088af; 
}

h2 a:hover { 
background: inherit; 
color: #68ADD5; 
text-decoration: none; 
 }



.date { 
    color:#E74A0E ;
    background: inherit;
    text-align: right; 
    margin: 4px 0 5px 0; 
    padding: 0.4em 0 0 0; 
    border-top: 1px dotted #eee;
}