/* 
/* CSS for i12tobush.com website 
Original Alana Randol, August 28, 2008 
   
Use the table of contents below to quickly jump to main sections of the style sheet. For example, to jump to the TABLES section, do a find on TABLES

RESET
BODY
NAVIGATION
	Primary Navigation
HEADER
CONTENT
FOOTER
FORMS
LINKS
LISTS
TABLES
TYPOGRAPHY
	Colors
	Headings
	Floats
	Misc.
	Padding
	Paragraphs
	Special Text
SECTION-SPECIFIC
	Home page
	FAQs page
*/

/* RESET ----------------------------------------------------*/

/* Turn off borders for linked images */

img {
	border: 0;
}

/* BODY ----------------------------------------------------*/
body {
	height: 100%;
	margin:0;
	padding:0;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-y;
	background-color:#999999;
}

#pageWrapper {

	padding: 0 auto 0 auto;
	margin: 0 auto 0 auto;
	
}


/* NAVIGATION ----------------------------------------------------*/

/* Primary Navigation */ 

#nav {
	position: absolute;
	left: 8px;
	top: 63px;
	width: 752px;
	height: 20px;
	background-image:url(../images/nav_bg.gif);
	z-index:1;
}

/* HEADER */
 
#headerBackground {
  	position: absolute;
	left:0px;
	top: 0px;
	width: 760px;
	height: 63px;
	background-image:url(../images/title_background.gif);
	z-index:4;
}

#headerContent {
	position:absolute;
	left:0px;
	top: 0px;
	width: 720px;
	height: 61px;
	z-index:4
}

#headerLogo {
	position:absolute;
	left:0px;
	top:0px;
	width:93px;
	height:110px;
	z-index: 4;
}



#bannerLastUpdated {
	position:absolute;
	left:22px;
	top:181px;
	width:200px;
	height:20px;
	z-index:5;
}

#bannerMapLink {
	position:absolute;
	left:153px;
	top:88px;
	width:216px;
	height:59px;
	z-index:5;
}

#bannerImage {
	position:absolute;
	left:551px;
	top:83px;
	width:209px;
	height:137px;
	z-index:2;
}

#bannerContent {
	position:absolute;
	left:0px;
	top:83px;
	width:551px;
	height:71px;
	z-index:2;
}

#bannerSpace {
	position:absolute;
	left:0px;
	top:154px;
	width:551px;
	height:66px;
	z-index:1;
}

/* CONTENT */

#columnLeft {
	position: absolute;
	top:220px;
	width: 208px;
	float:left;
	clear: right;
	vertical-align:top;
}

#columnRight {
	position: absolute;
	top:223px;
	left: 208px;
	width: 552px;
	float:right;
	clear:left;
}

#columnRightComment {
	position: absolute;
	top:223px;
	left: 205px;
	width: 552px;
	float:right;
	clear:left;
}

.contentHome {
	margin-left:30px;
	margin-right:30px;
}

.contentLeft {
	text-align: left;
	margin-left:25px;
	margin-right:10px;
	color:#006600;
	position: relative;
}

.contentRight {
	margin-left: 30px;
	margin-right:30px;
	margin-top: 15px;
}

#contentFloatRight {
	width: 300px;
	position:absolute;
	left: 200px;
	top: 8px;
}

#contentFloatLeft {
	position: absolute;
	float: left;
	clear: right;
	margin-right: 15px;
}


/* FOOTER */	
	
#footer {
	clear:left;
}

/*#footerDefault {
 position: absolute;
 top: 1050px;
}

#footerPhase1 {
	position: absolute;
	top: 800px;
}

#footerPhase2 {
	position: absolute;
	top: 2450px;
}

#footerPhase3 {
	position: absolute;
	top: 1090px;
} 

#footerProjectTeam {
	position: absolute;
	top: 1250px;
}

#footerLinks {
	position: absolute;
	top: 800px;
}

#footerSiteMap {
	position: absolute;
	top:800px;
}
 

/* FORMS  */
.required {
 	color: #AF304B;
}

 textarea,
input,
select {
	margin-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-color:#000000;
	color:#000000;
	background:#FFFFFF;
	border:1;
	border-style:solid;
	border-color:#000000;
}

/* LINKS */
 
 a:link,
a:visited,
a:active {
	text-decoration:underline;
	color:#336699;
}

a:hover {
	text-decoration:underline;
	color:#006600;
}

/* LISTS */

ul, ol {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-left: 18px;
}

li {
	padding-top: 8px;
	}

li.box {
	padding-top: 0px;
	}


/* TABLES */
td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	color:#000000;
}

/* TYPOGRAPHY */

/* Headings */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#006600;
	}
	
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006600;
	}
	
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#006600;
	margin-top: 0px;
	}

/* Miscellaneous */

 #wrapper {
	position: relative;
	min-height: 100%;
}

#clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Padding */

 .titleImage {
	bottom:0;
	top:0;
}

.photos {
	padding-right: 8px
}


/* Paragraphs */

 p, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.72em;
	color:#000000;
	line-height: 18px;
}