body {
background-color:#454545 ;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color:white;
padding:0px;
margin:0px;

}

a {color: yellow; text-decoration: dotted;}
a:visited {color:red;}
a:hover {color: yellow;background-color:lightslategray;}
a:active { color:yellow;}


ul {
   list-style-type: square;
} 

h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
background-color: red;
color: black;
border-top:1px solid #454545;
border-bottom:2px solid #454545;
padding:5px 15px;
margin:0px }


h2 {
font-size:24px;
font-weight: normal;
padding: 10px 10px;
margin: 0px;}


h3 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
background-color: #454545;
color: red;
border-top:1px solid #454545;
border-bottom:2px solid #454545;
 padding:5px 15px;
margin-bottom:10px } 

h4 {
color: white;
font-size:24px;
font-family: impact,arial,helvetica,sans-serif;
font-weight: normal;
padding: 10px 10px;
margin: 0px;}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 949px;
padding:0px;
margin: 0px;
color: white;
margin-top: 35px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: black;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
margin: 0px; 
color: white;
font-family: impact,arial,helvetica,sans-serif;
font-size: 36px;

}

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #000000; /* color of the left column  */ 
border-right: solid 200px #000000; /* color of the right column  */ 
background-color: black;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 color: black;
 text-align: right; 
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 color: black;
 text-align: left; 
 
 }

a.right:link {color: red; text-decoration: none; margin-left: 10px}
a.right:hover {color: yellow;background-color:lightslategray; text-decoration: none; margin-left: 10px}
a.right:visited {color: red;text-decoration: none; margin-left: 10px}
a.right:active {color: white;text-decoration: none; margin-left: 10px}


a.left:link {color: red; text-decoration: none; margin-right: 10px}
a.left:hover {color: yellow; text-decoration: none; margin-right: 10px}
a.left:visited {color: red;text-decoration: none; margin-right: 10px}
a.left:active {color: white;text-decoration: none; margin-right: 10px}

a.Content:link {color: black; background: black}
a.Content:hover {color: black; background: black}
a.Content:visited {color: black; background: black}
a.Content:active {color: black; background: black}

.slideshow a:link    {color: black;text-decoration: none; background: black}
.slideshow a:visited {color: black; text-decoration: none; background: black}
.slideshow a:active  {color: black;    background: black}

img
{  border-style: none;
}


.content a:link    {
  /* Applies to unvisited links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #ddd;
  color:            green;
  } 


/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 1px;
padding-top: 5px;
color: white;
border-right: 1px dotted #FFFFFF;
border-left: 1px dotted #FFFFFF;
line-height: 1.3em;
 text-decoration:  none;


}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

a.speciallink {text-decoration: none; color: black}