/*@charset="utf-8";*/

*{

margin:0px;
padding:0px;
margin-top:0px;
}



h1{color:white;
	height:50px;
	padding:0.0em .5em;/* .3 top and bottom, .65 left and right*/ }



p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.35em;
line-height:1.5em;
font-weight:bold;
padding-top:0px;
margin-top:0px;
color:black;
}	

/* style links */





	
/* style wrapper division */


#wrapper{
width: 90%; height: 900px; 
max-width: 1118px; min-width: 1118px;
border:0px #009933 solid;
margin:auto;
background-color:#EB714D;

}

/* style wrapper division for static FAQ page */

#staticwrapper{
width: 90%; height: 3000px; 
max-width: 1118px; min-width: 1118px;
border:0px #009933 solid;
margin:auto;
background-color:#EB714D;

}




body{background-color:#FFF;
}


/* style container division */

#container{
width: 80%; height: 900px; 
border:0px #009933 solid;
margin:auto;
background-color:#000080;

} 

/* style container division for static FAQ page */

#staticcontainer{
width: 80%; height: 3000px; 
border:0px #009933 solid;
margin:auto;
background-color:#000080;

} 




/* style containerleft division */

#containerleft{
width: 30%; height: 850px; 
margin-left:0%;
float:left;
border:0px #009933 solid;
background-color:#000080;

} 

/* style containerleftfoot division */

#containerleftfoot{
width: 100%; height: 50px; 
margin-left:0%;
margin-top: 122%;
border:0px #009933 solid;
background-color:#000080;
float:left;

} 


/* style containerleft division for static FAQ page */

#staticcontainerleft{
width: 30%; height: 3000px; 
margin-left:0%;
float:left;
border:0px #009933 solid;
background-color:#000080;

} 






/* style containerleft paragraphs */

div#containerleft p, div#staticcontainerleft p{
color:#FFFFFF;
font-size:0.8em;
text-align: center;
margin-top: 7%;

} 

/* style containerleft images */

div#containerleft img, div#staticcontainerleft img {
border:2px solid #FFFFFF;


}

/* style containerleft headings */

div#containerleft h1{
color:#EB714D;
font-size:1.5em;
text-align: center;
margin-top: 15%;

} 


/* style containerleft links */

#containerleft a:link, #staticcontainerleft a:link{
color:#FFFFFF;

}


#containerleft a:hover, #staticcontainerleft a:hover{
color:#000080;
background-color:#FFFFFF;
}






/* style containerright division */

#containerright{
width: 68%; height: 900px; 
margin-left:32%;
border:0px #009933 solid;
background-color:#648DC7;


}

/* style containerright division for static FAQ page */
 

#staticcontainerright{
width: 68%; height: 3000px; 
margin-left:32%;
border:0px #009933 solid;
background-color:#648DC7;


}






/* style banner division */


#banner{
width:100%; height: 170px; 
border: 0px #009933 solid;
background-color:#648DC7;
margin-left: 0%;
}

/* style banner paragraph */

div#banner p{
color:#FFFFFF;
font-size:0.8em;
margin-left: 5%;
margin-top: 1.5%;
}

/* style banner Cite */

div#banner #cite{
color:#000000;
font-size: 1.2em;
font-style: italic;
margin-top: 2%;
margin-bottom: 0%;

}


/* style banner locate */

div#banner #locate{
color:#EB714D;
font-size: 1.6em;
}




/* style banner spaced */

div#banner #spaced{
letter-spacing: .09em;
font-size: 1.05em;
margin-top: 5%;
margin-bottom: 0%;
}



/* style nav division */

#nav{
width: 100%; height: 30px; 
border:0px #009933 solid;
margin-left: 0%;
margin-right: auto;
background-color:#000080;
}

/* style nav menu items */

#nav ul{
	width:100%;
	list-style:none;
	float:left;
	background-color:#000080;
}

#nav li{
float:left;
display:inline;

}

#nav a{
float:left;
color:Gray;
font-weight:bold;
padding:0.5em .75em;/* .5 top and bottom, .75 left and right*/ 
display:inline;
text-decoration:none;

}


#nav a:hover{
color:black;
background-color:#FFF99D; 
}





/* style main division */


#main{

border:0px #009933 solid;
width:100%; height: 600px; 
margin-left: 0%;
background-color:#FFF99D;

}


/* style main division for static FAQ page */

#staticmain{

border:0px #009933 solid;
width:100%; height: 2700px; 
margin-left: 0%;
background-color:#FFF99D;

}


/* style mainleft division */

#mainleft{
width: 60%; height: 650px; 
margin-left: 0%;
float:left;
border:0px #009933 solid;
background-color:#FFF99D;


}

/* style mainleft division for static FAQ page */

#staticmainleft{
width: 60%; height: 2750px; 
margin-left: 0%;
float:left;
border:0px #009933 solid;
background-color:#FFF99D;


}



/* style mainleft paragraph */

div#mainleft p{
color:#000000;
font-size:0.8em;
margin-left: 5%;
margin-top: 7%;
}


div#mainleft #confirm{ 
color:#000000;
font-size: .80em;
margin-left: 20%;
margin-top: 10%;
margin-bottom: 7%
}


div#mainleft #bullets {
color:#000080;
font-size:0.8em;
margin-left: 5%;
margin-top: 7%;
}

/* style mainleft form (contact me page) */

div#mainleft form{
color:#000000;
font-size:0.8em;
margin-left: 5%;
margin-top: 7%;
}



/* style mainleft headings */

div#mainleft h2, div#staticmainleft h2{
color:#000000;
font-size:1.5em;
margin-left: 5%;
margin-top: 7%;
margin-bottom: 7%
}

div#mainleft h3{
color:#000000;
font-size:1.4em;
margin-left: 5%;
margin-top: 5%;
margin-bottom: 5%
}

div#mainleft iframe {
color:#000000;
font-size:1.4em;
margin-left: 5%;
margin-top: 2%;
margin-bottom: 1%
}

div#mainleft img{
color:#000000;
font-size:0.8em;
margin-left: 5%;
padding: 28px 0px 0px 10px; /* top, right,  bottom, left */
}




/* style mainleft headings (contact page) */

div#mainleft h1{ 
color:#000000;
font-size:1.90em;
margin-left: 15%;
margin-top: 7%;
margin-bottom: 7%
}




/* style mainright division */


#mainright{
width: 40%; height: 600px; 
margin-left: 60%;
border:0px #009933 solid;
background-color:#FFF99D;


}


/* style mainright division for static FAQ page */

#staticmainright{
width: 40%; height: 2700px; 
margin-left: 60%;
border:0px #009933 solid;
background-color:#FFF99D;


}

div#mainright p{
color:#000000;
font-size:0.65em;
margin-left: 5%;
margin-top: 7%;
padding: 10px 0px 0px 10px; /* top, right,  bottom, left */
}





/* N.B. to place divs next to each other within another div, float the left one to the left with zero margin, give the right one a margin equal to the width of the left one with no float e.g. main div above has two sub divs, main left and right. Main left is floated left with no margin and main right has a margin of 50% (the width 0f main left)*/

/* style mainright images - thumbnails */

div#mainright img{
color:#000000;
font-size:0.8em;
margin-left: 5%;
padding: 28px 0px 0px 10px; /* top, right,  bottom, left */
}



/* style footer division */



#footer{
	width: 100%; height: 100px;
	background-color:#FFF99D;
	color:#FFFFFF;
	font-size:0.8em;
	margin-left: 0%;	
}

/* style footer paragraph */

div#footer p{
color:#000000;
font-size:0.8em;
padding: 80px 0px 0px 5px;
text-align: left;
}