/* CSS Document */
body {background-color:#cccccc;)
}
/* top banner */
/*=================== styles for top banner ========================*/
/* header */
#banner {width: 100%; border: none;  
}
#banner img {margin-left: auto; margin-right: auto; width: 100%; height: 140px;
}
#banner h1 {position: absolute; top:5%; left:10%; color: rgb(255,255,0)  
}


#main h2, h3 {text-align: center;
}
/*Body text*/
P { 
      text-indent: 5px;
}

P:first-letter
{
    font-size:120%;
    color:red;
    font-weight:normal;	
}
 /* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */
#navigation {
width: 170px;
float: left; margin-right: 10px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 1px solid #000;
}
#navigation li a:link, #navigation li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #251810;
border-right: 1px solid #251810;
background-color: #99cccc;
color: #000000;
text-decoration: none;
}
#navigation li a:hover {
background-color: #6699cc;
color: #FFFFFF;
}
#navigation ul ul {
margin-left: 12px;
}
#navigation ul ul li {
border-bottom: 1px solid #000;
margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: #ED9F9F;
color: #711515;
}
#navigation ul ul a:hover {
background-color: #711515;
color: #FFFFFF; }
	
/*============== Styles for footer ===================*/
#footer {
	border-top: 2px solid #AD6D6D;
	clear: both;
	padding: 5px;
	background-color: #000000);
	text-align: center;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px; 
	font-size: 90%;
}