/* CSS Document */

*{margin: 0; padding: 0;}

body{font-family: Verdana, Arial, Helvetica, sans-serif; color: #003; font-size: 12px; background-color:#180037;}

div#container {width: 760px;
			 margin-left:auto;
			 margin-right: auto;
			 background-color: #fff;
			 margin-top: 10px;
			 }
			 
#header img{ height: 200px; width: 760px;}

#date {background-color: #fae832;
	   border-top: #180037 3px solid;
	   border-bottom: #180037 3px solid;
	   padding: 6px 20px;
	   color: #000066;
	   margin-top: -2px;
	   text-align: right;}
			 

					 
#content {float: right; width: 760px; background-image:url(images/design.jpg); background-repeat:no-repeat; background-color:#f96611;}

#smlcontent{width: 700px; background-color:#fff; margin-left:auto; margin-right:auto; margin-top: 30px; border: 3px solid #180037; margin-bottom: 20px}

#content p { 
	text-align: justify;
	margin: 10px 15px;
	font-size:14px;
	line-height: 20px	
		}
		
#content p.intro  {text-align: center; color: #fb0f0c; font-size: 14px;}		
#content p.menu  {display: inline; font-weight:bold; margin: 0 0 0 50px;}
#content p.nodesc  {font-weight:bold; margin: 0px 0 10px 50px;}
#content p.desc  {margin: 0 0 10px 50px; text-align: left;}

		
#content p.early {margin: 5px 15px 10px 15px;}	

#content p.quote {text-align:center;}

#content p.copy {text-align:center; margin-top:20px; font-size:11px; font-weight:bold; font-variant:small-caps;}
	
#content ul li { 
	text-align: justify;
	list-style:none;
	margin: 5px 15px 5px 30px;
	font-weight: bold;
	font-size:12px;
	line-height: 18px	
		}		
	
	
	
#content h1 { 
	margin: 10px;
	font-style: italic;	
	font-size:14px;
	font-variant:small-caps;	
	text-align: right;
	}
	

#content h2 { 
	margin: 20px 15px 0px 15px;
	font-size:13px;
	text-align: left;
	color: #fb0f0c;
	}	
	
	
#content h3 { 
	margin: 20px 10px 10px 10px;
	font-style: italic;	
	font-size:16px;
	font-variant:small-caps;
	color: #fb0f0c;
	text-align: center;	
		}	
	
	
#footer p { 
	text-align:center;
	padding-top: 15px;
	font-weight: bold;
	font-variant:small-caps;	
	font-size: 11px;}
	

#content p  a:link {
		color:#fae832; 
		text-decoration: underline;
		  } 				
		
  a:link {
		color:#34a339; 
		text-decoration: none;
		  } 
		  
		  
		
  	a:visited {
		color:#34a339; 
		text-decoration: none;
		} 
		
	a:hover {
		color:#fb0f0c; 
		text-decoration: underline;
		font-style:italic;
				}		

#nav { width: 760px;		
	 background-color:#fff;
	 height: 30px;
	 border-bottom: 3px solid #fb0f0c;
	 text-align:center;}

#nav ul li {display: inline;}
			
	
#nav ul {padding-top: 5px;}
		
#nav a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #180037;
	line-height:16px;
	letter-spacing:.2em;
	text-decoration: none;
	padding:8px 6px 10px 26px;
	background: url("images/ogarrow.gif") 5px 48% no-repeat;
	}
	
#nav a:hover {
	background: url("images/grnarrow.gif") 10px 48% no-repeat;
	color:#fb0f0c;
	text-decoration:underline;
	}
	
	
			
	
#footer {clear: both; background-color: #fae832; height: 45px;}	


</style>