/*   MAIN BODY   */

body {
font-size: 62.5%;
margin-top: 10px;
padding: 0;
background-color: #757e88;
color: white;
font-family: Verdana,Tahoma, Arial,sans-serif;
text-align: center;
}

#wrapper {
background-color: #ffffff;
color: black;
margin: 0px auto;
border: 1px solid black;
padding: 0px 10px 10px 10px;
width: 700px;
}


/*   HEADER   */

#header {
background-image: url(img/g5header.jpg);
background-repeat: no-repeat;
margin: 0;
width: 100%;
height: 135px;
border: solid 0em rgb(200,200,200);
}

#tagline {
font-weight: bold;
font-size: 3em;
color: #050845;
font-style: strong;
margin: 0;
padding: 1em 1em 1em 1em;
float: left;

}

/*   Main Content   */

#main {
position: relative;
top: 0;
left: 0;
width: 100%;
margin-top: 10px;
text-align: left;
}

/***   MIDDLE COLUMN   ***/

/* Sections */

#maincontent {
margin: 0 150px 0 150px;
padding: 0em 0.6em 0em 0.7em;
border: 0px solid #b9d2e3;
background-color: rgb(255,255,255);
color: black;
line-height: 1.3em;
font-size: 1.2em;

}

.google_results iframe { 
        width: 100px; 
		height: 100px

} 

.main-content-left {
	float: left;
	width: 190px;
}

.main-content-right {
	float: right;
	width: 190px;
}

.main-content-box-white {
float: left;
width: 390px;
margin: 0em 0em 1.5em 0em;
padding: 0em 0em 0em 0em;
}

.main-content-box-title-grey {
clear: both;
display: block;
margin: 0em 0em 0.5em 0em;
padding: 0.2em 0em 0.2em 0.3em;
background-color: rgb(220,220,220);
font-weight: bold;
color: rgb(50,50,50);
}

.main-content-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.5em;
	background-color: #333399;
	font-weight: bold;
	color: white;
}

.main-content-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.5em;
	background-color: #006600;			
	font-weight: bold;
	color: white;
}

.main-content-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.5em;
	background-color: red;			
	font-weight: bold;
	color: white;
}



/* Box backgrounds -  Half width boxes */
/**************************************/
.main-content-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
}

.main-content-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
}

/* Text headings and paragraphs */

.main-content-box-white p.heading {
margin: 1.0em 0em 1.0em 0em;
font-weight: bold;
font-size: 1.2em;
}

.main-content-box-white p.subheading {
margin: 1.0em 0em 0.6em 0em;	
font-weight: bold;
}

.main-content-box-white p {
margin: 0em 0em 0.6em 0em;
}

/* Images */
/**********/
.main-content-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 0px rgb(100,100,100);
}

.main-content-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 0px rgb(100,100,100);	
}

/*  Left Col   */
#leftcol {
position: absolute;
top: 0;
left: 0;
width: 144px;
border: 0px solid #b9d2e3;
background-color: white;
color: black;
}

#leftcol ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

#leftcol li {
	margin: 0em 0em 0em 0em;
}

#leftcol li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	

	background-color: rgb(235,235,235);
	text-decoration: none;
	font-weight: normal;
	color: rgb(50,50,50);
	height: 1.3em;
}	
	
#leftcol a:hover {
	
	background-color: rgb(255,236,128);
	text-decoration: none;
	color: rgb(50,50,50);
}

#leftcol .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;

	border-top: solid 0.1em rgb(200,200,200);
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

#leftcol .left-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0em rgb(255,210,113);
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

#leftcol .left-navheader {
	display: block;
	margin: 1.0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	border-left: solid 0.5em rgb(235,235,235);
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}
/*   Right Col   */

#rightcol {
position: absolute;
top: 0;
right: 0;
width: 144px;
background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
}
.rightcol-box-title-black {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.5em;
	background-color: black;
	font-weight: bold;
	color: white;
}
.rightcol-box-title-grey {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
}

.rightcol-box-title-blue {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

.rightcol-box-title-yellow {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,236,128);	
	font-weight: bold;
	color: rgb(50,50,50);
}

.rightcol-box-title-green {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(196,221,108);
	font-weight: bold;
	color: rgb(50,50,50);
}
.rightcol-box-title-red {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
}

.rightcol-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: dashed 0.1em rgb(200,200,200);
}	

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	width: 700px;
	height: 2.5em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0.3em 0em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(220,220,220);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
}