/*		style_main.css- css stylesheet design for atlantagps.org 
		main design for all browsers. variable width layout, scalable down to 800x600.
				
		copyright 2007 Forrest Davis/Techanswered.com.
		forrest@techanswered.com
		www.techanswered.com
*/		


/* HTML tag variables */

body {
	margin: 0; 
 	padding: 0; 
 	width: 100%; 
	background-image:
	url('../images/bgtest2.png'); 
	}


div { 
	border: none;			/*make all divs seamless */ 
	margin: 0;
	padding: 0;	
	}
	
	
/*Define Divs */
#container {					/*encompasses entire layout */ 
		position:absolute;		
		width: 92%;
		left:4%;
		min-height:100%;	
		background:
		white;
		border: 4px;
		border-style: outset;
		border-top-width:0px;
		border-bottom-width:0px; 
}	



#topbar { 
	position:relative;
	top:0%;
	left:0%;
	width:100%;
	height:198px; 
	border: 0px;
	background-image: 
	 	url('../images/bg_topbar.png');	
		}



		

/* set up the menubar */

#menu_holder {
	position:absolute;
	height:38px;	
	top:160px;
	width:100%;
	z-index:11;	
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-size: 100%;		
	}

#menu_holder_center {
	margin-left:auto;
	margin-right:auto;	
	width:95%;	
	}

#menu_holder_center p {
	text-align:center;}



/* set up main content boxes */

#content_holder {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	}
	
#content_main {
	position:relative;
	top:0px;
	left:0px; 
	width:71%;
	margin-left:10px;
	padding-top:2em;
	padding-left:2em;		
	float:left;	
	font-family: Calibri, "Trebuchet MS", sans-serif;  /* Calibri is the default font in Vista */
	height:auto;	
	}
	
#content_sidebar {
	width:20%;
	float:right;	
	font-family: Calibri, "Trebuchet MS", sans-serif;		
	padding-top:1.5em;	
	height:100%;	
	}		

div.sidebar_box {
	width:95%;
	float:right;
	border-top: 3px double black;
	border-bottom:	3px double black;
	border-left: 3px double black;	
	border-right: 0px;	
	background-color:#5C81AD;	
	color:white;	
	padding-right:0.1em;	
	margin-top:1em;
	text-align:center;	
	}
	
#footer_holder {
	width:100%;
	margin-top:21px;	
	}
	
#footer {
	position:relative;
	left:33%;
	width:40%;
	text-align:center;	
	}		

#footer p {
		font-size:0.7em;
		}
		

#content_sidebar p {
	font-size:0.8em;
	}


    
#linkbox {
	width:40%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:120px;
	margin-bottom:120px;
	}  



/* define styles for hr page divider */

hr.down {
   border-bottom: 1px dashed #2b3d5b;
   border-top: 1px solid #2b3d5b;
   color: #fff;
   background-color: #fff;
   height: 4px;
   }

hr.up {
   border-top: 1px dashed #2b3d5b;
   border-bottom: 1px solid #2b3d5b;
   color: #fff;
   background-color: #fff;
   height: 4px;
   }
    

/* define link hover classes */

.class1 A:link {text-decoration: none; color:#5C81AD;}
.class1 A:visited {text-decoration: none; color:#5C81AD;}
.class1 A:active {text-decoration: none; color:#fc3;}
.class1 A:hover {text-decoration: underline; color: #fc3;}

.class2 A:link {text-decoration: none; color:#fff;}
.class2 A:visited {text-decoration: none; color:#fff;}
.class2 A:active {text-decoration: none; color:#fc3;}
.class2 A:hover {text-decoration: underline; color: #fc3;}



/* for the constant contact opt-in form */

form {
	margin-left:auto;
	margin-right:auto;
	padding-top:1em;
	}

input.submit {
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	margin:0.3em; 
	margin-left:auto; 
	margin-right: auto;
	}

input.box_in {
	font-family: Arial; 
	font-size:12px; 
	border:1px solid #999999; 
	margin-left:auto; 
	margin-right:auto;
	}

/* various options for formatting */

img.center /* center images */
	{display: block;
    margin-left: auto;
    margin-right: auto }	
    

/* ul list definition */

ul.small {
	font-size:0.9em;
	}
		
		
ul.right
	{padding-left:5em;
	}

ul.right p {
	padding-left:2em;
	margin-bottom:.5em;	
	}



/* text defines */

p, h1, h2, h3 {			/* i do my own formatting, thank you */
	padding:0.1em;
	margin:0;	
	}

p {
	font-size:0.9em;
	}
	
p.sidebar
	{
	padding:0;
	margin:0;
	}	


.right {
	text-align:right;
	}

.blue
	{
	color:#2b3d5b
	}

.italic {
	font-style: italic;
	}

.center {
	text-align:center;
	}

.bold {
	font-weight:bold;
	}	    

.small {
	font-size:0.8em;
	}
	    
html, body {						/*hack for IE min-height to work- leave at bottom of doc */
height: 100%;
min-height: 100%;
}