body {
	margin: 0px 0px;
	padding: 0px;
	background: #000000;
	background-image: url(images/aoc_background.jpg);
	background-repeat: no-repeat;	
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	color: #B4B4B4;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #C69C6D;
}

h2 {
	font-size: 2.6em;
}

a {
	color: #00BFF3;
	text-decoration: none;
}
blockquote {
	font-size: small;
	background-color: #212121;
	padding: 10px;
}

/* *********************************
    HR tag
   ********************************* */

div.hr {
  height: 2px;
  background: #000000 no-repeat scroll center;
}
div.hr hr {
  display: none;
}
div.hr2 {
  height: 2px;
  background: #000000 no-repeat scroll center;
  width: 40%;
}
div.hr2 hr {
  display: none;
}

/* *********************************
    Container
   ********************************* */
#container {
	width: 1020px;
	margin: 0 auto;
	background-color: #000000;
/*	border: thin solid blue; */    
}


/* *********************************
    Header
   ********************************* */
#header
 	width: 100%;
	height: 90px    
}   
/* *********************************
    Horzontal Nav Bar menu_back.jpg
   ********************************* */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	font-size: .8em;	
	padding: 0.2em .6em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
/* *********************************
    logo container
   ********************************* */
#logocontainer { 
	float: left;
	width: 242px;

	margin: 0 0 0 8px;		
/*	border: thin solid green; */    
}
/* *********************************
    topad container
   ********************************* */
#topadcontainer { 
	float: right;
	width: 728px;
	height: 90px;
	margin: 8px 8px 0 0;	
/*	border: thin solid black; */   
}
/* *********************************
    Left ad container
   ********************************* */
#leftadcontainer { 
	float: left;
	width: 170px;
	height: 600px;
	margin: 0 0 0 8px;	
	text-decoration: none;	
/*	border: thin solid purple; */    
}

/* *********************************
    Area - areas covered below header
   ********************************* */
#area {
	text-align: center;
	font-style: italic;
	font-size: .8em;	
	font-weight: bold;
	color: #CCCCCC;
}
/* *********************************
    top_content
   ********************************* */
#top_content {
	float: right;
	width: 790px;
	margin: 0 4px 0 0;
	font-size: .8em;		
/*	border: thin solid red; */   		
}
#top_content .smallredtext{
	color: #E45047;
	font-size: .8em;	
}
#top_content .underline {
	border-top: 1px solid #103575;
	font-size: x-small;
	color: #C2BFAD;
}
#top_content .centered {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 0 50px 0 50px;
	color: #103575;
}
#top_content .centered_red {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #E45047;
	background-color: #F3F1E9;
}
#top_content h2 {
	text-align: center;
	font-size: 2.0em;
}
#top_content p {


}
/* *********************************
    midad container
   ********************************* */
#midadcontainer { 
	float: right;
	margin: 0 8px 0 0;	
/*	border: thin solid orange; */    
}
/* *********************************
    bot_content
   ********************************* */
#bot_content {
	float: right;
	width: 790px;
	margin: 0 8px 0 0;
	font-size: .8em;			
/*	border: thin solid red; */   		
}
#bot_content .smallredtext{
	color: #E45047;
	font-size: .8em;	
}
#bot_content .underline {
	border-top: 1px solid #103575;
	font-size: x-small;
	color: #C2BFAD;
}
#bot_content .centered {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 0 50px 0 50px;
	color: #103575;
}
#bot_content .centered_red {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #E45047;
	background-color: #F3F1E9;
}
#bot_content h2 {
	text-align: center;
	font-size: 2.0em;
}
#bot_content p {
	font-size: small;

}

/* *********************************
    Footer 
   ********************************* */

#footer {
	height: 68px;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	background: #000000 url(images/pagemakeronline2x_foot.jpg);
	letter-spacing: normal;
	text-align: center;
	font-size: 0.8em;

}

#footer p {
	margin: 0;
	color: #005B7F;
}

#footer a {
	color: #00BFF3;
}
/* *********************************
    My Footer 
   ********************************* */

#my_footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	background: #000000;
	letter-spacing: normal;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

#my_footer p {
	margin: 0;
}
/* *********************************
    Google looking 
   ********************************* */
#glink {
	   font-family:arial,sans-serif; 
	   color:#000000; 
	   font-size:13px; 
	   letter-spacing: normal; 

}
#glink a {
	   color:#0000CC;  
	   font-size:16px; 
	   letter-spacing: normal;  
	   text-decoration: underline;
}

/* *********************************
    Lists  
   ********************************* */
#listcontainer {
    margin-left: auto;
    margin-right: auto;
	list-style: none;
}
#listcontainer li { 
	padding: 0 0 5px 30px;
	background-image: url(images/bullet_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* *********************************
    pick style thumbnail display 
   ********************************* */

#thumb ul {
    width: 520px;
	list-style: none;  
   }
#thumb   li {
    display: inline; 
    float: left; 
    width: 120px; 
    height: 110px; 
    text-align: center;
	font-size: .7em;
	color: #E45047;
	font-weight: bold;		
	padding-left: 20px;
	text-decoration: none;	   
   }
#thumb   a {  
	text-decoration: none;
	}
	
.smalltable {
font-size: x-small;
}	
/* *********************************
    Floats 
   ********************************* */

.float_pic_right
{
float: right;
margin: 0 0 10px 10px;
/* border: 3px solid #000000; */
}
.floatright
{
float: right;
margin: 0 0 10px 10px;
/* border: 0px solid #666; */ 	
padding: 2px;
}

.floatleft
{
float: left;
margin: 10px 10px 0 0;
/* border: 0px solid #666; */
padding: 2px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* *********************************
    Submit Button 
   ********************************* */
.formbutton{
cursor:pointer;
font-weight:bold;
padding: 1px 2px;
letter-spacing: +.1em;
}
.formbuttonred{
cursor:pointer;
border:outset 1px #ccc;
background:#FF942F;
color:#FF0000;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbutton.gif) repeat-x left top;
}