/* ------------------------------------------------------------------ BODY AND BASICS */

body {
	background-color: #afd2c1;
	color: #666;
	margin: 0; 
	padding: 0;
	text-align: center;
}

.clear { clear: both; }

img { border: 0; }

a, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

#footer a, #footer a:visited, #footer a:hover { color: #5fa582; }

ul a, ol a { text-decoration: none }
ul a:hover, ol a:hover { color: #333 }

/* ------------------------------------------------------------------ PAGE LAYOUT */

#container {
	background-color: #fff;
	margin: 30px auto;
	padding: 0;
	text-align: center;
	width: 720px;
}

#header {
	background-color: #afd2c1;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 720px;
}

#lcol {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	float: left;
	height: 240px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 360px;
}

#rcol {
	background-color: #a8c56b;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #738201;
	float: right;
	height: 240px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 360px;
}

#guihead {
	border-bottom: 2px solid #fff;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 720px;
}

#gui {
	background-color: #afd2c1;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 720px;
}

#footer {
	color: #5fa582;
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0;
	text-align: right;
	width: 720px;
}

/* ------------------------------------------------------------------ TEXT */

p, ul, ol, legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 1.5em; }
h1, h2 { color: #5fa582; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }

#rcol p { padding-left: 2%; padding-right: 4%; }
#footer p { font-size: 70%; margin: 0; padding: 0; }
#tabcontentcontainer p, #tabcontentcontainer h2 { padding-left: 1%; padding-right: 1%; }
#tabcontentcontainer h2 { padding-top: 1%; }

/* ------------------------------------------------------------------ H1, H2, H3's */
	
h1 {
	/*Size of the image*/ 
	padding-top: 30px; 
	width: 360px; 
	/*The image*/ 
	background-image: url(../img/h1_welcome.png); 
	background-repeat: no-repeat; 
	margin-top: 50px;
	/*Hide the text*/ 
	overflow: hidden; 
	/* WIN IE5 hack */ 
	height: 30px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}

/* ------------------------------------------------------------------ GUI */

.tabcontent { display: none; }

#tabcontentcontainer {
	/* Insert Optional Height definition here to give all the content a unified height */
	background-color: #fff;
	border-top: 2px solid #afd2c1;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 720px;
}

#sc1 {
	background-color: #afd2c1;
}

#sc2, #sc3, #sc4, #sc5, #sc6, #sc7, #sc8, #sc9 { margin-bottom: 2%; }

fieldset { border: 0; padding: 2%; width: 640px; }
.submit { background-color: #f4f9d2; border: 1px solid #a8c56b; color: #738201; }

/* ------------------------------------------------------------------ RECOMMEND */

#recommend {
	margin: 0;
	padding: 2%;
	text-align: left;
	width: 100%;
}