

/***Misc Tags***/

* {
 margin: 0px;
 padding: 0px;
}

body {
 background:  #FFFFCC;
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
 color: #00000;}
 
a img{ border: 0px; }

a { text-decoration: none;}

input {
 background: #fff;
 font-family: Verdana;
 font-size: 0.7em;
 padding: 3px;
 color: #00000;
 border: 2px solid #87CEFA;}
	
button {
 background: #000080;
 font-family: Verdana;
 font-size: 0.7em;
 padding: 2px;
 color: #f4f4f4;
 border: 2px solid #87CEFA;
 height: 2em;} 


/**** Span class's *****/

.hidden    { text-indent: -9000px;}
.br        { clear: both;}
.blue      { color: #000080;}
.small     { font-size: x-small;}
.bold      { 
             font-wieght: bold;
             font-size: 0.8em
             color: #fff;
           }
.right     { float: right;}
.left      { float: left;}
.center    { margin: 0 auto; text-align: center;}
.imgCenter { margin: 0; float: center; }
.logo      { color: #00CC00 }


/**** Site Container ****/

#container { width: 95%;
             margin: 0 auto;
             body-align: center;
           }

/**** Header ****/

#header { width: 95%;
             color: #000000;
             margin-top: 25px;
        }

#header h1 {text-align: right;
            font-size: 2.5em;
           } 



/***left Side Bar***/

#navlist { float: left; width: 15%; margin-top: 30px; margin-right: 0px;}

 
#navlist ul {
 list-style: none;
}

#navlist li a{
 display: block;
 height: 30px;
  width: 120px; 
 padding: 8px;
 margin: 8px;
 background: #000099;
 border-right: 0px;
 color: #FFFFFF;
 font-size: 0.9em;
 text-align: center;}
 
#navlist li a:hover {
 color: #000099;
 background: #00FFFF;
}
 
#navlist h3 {
text-indent: 0px;
color: #fff;
letter-spacing: -0.1em;
margin-bottom: 4px;
}


/***Content***/

#content { float: left; width: 75%; margin-top: 30px; margin-left: 30px; margin-right: 0px; colour: #000000; }

#content body { color: #FFFFFF: }

#content a { color: #00FFFF; font-weight: bold;}

#content a:hover { 
 color: #000080; 
 background: #00FFFF; 
 font-weight: bold;}
 
#content p {line-height: 1.0em; font-size: 0.8em; margin-bottom: 20px; color: #000;}

#content li {line-height: 1.4em; font-size: 0.8em; margin-left: 15px; margin-bottom: 20px; color: #fff;}
 
#content h3 {
text-indent: 0px;
color: #00000;
letter-spacing: -0.1em;
margin-bottom: 4px;
}

#content h3:hover { color: #000000;}

	
/***Footer***/

#footer {
 float: left;
 margin-top: 10px;
 font-size: 0.7em;
 width: 100%
 }

#footer {
text-align: right;
 color: #00000;
  }

#footer p { color: #00000;}
 
#footer a { color: #00FFFF;
            font-weight: bold;
          }
 
#footer a:hover { 
 color: #000080; 
 background: #00FFFF; 
 font-weight: bold;}





 