@charset "utf-8";

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/homepage01.jpg) repeat-x left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	color: #808080;
}

h1, h2, h3 {
	margin-top: 0px;
	color: #6d6d55;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.15em;
}

p {
	text-align: justify;
}

#bodycontent ul {
	overflow:hidden;
}

strong {
	color: #505050;
}

a {
	color: #1b5c80;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

.hr1 {
	height: 20px;
	background: url(images/homepage10.gif) repeat-x left top;
}

#wrapper {
	font-size: 0.7em;
}

/** HEADER */

#header h1 {
	font-size: 2.5em;
}

.sitelogo {
	float:left;
	clear:both;
	padding: 0 0 0 20px;
}

/** MENU */

#menu {
	background: url(images/homepage03.jpg) repeat-x left top;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	width: 126px;
	height: 59px;
	padding: 0 1px 0 0;
	border-left: 1px solid #9fa8ac;
	background: none;
}

#menu a {
	display: block;
	width: 126px;
	height: 36px;
	padding: 23px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	color: #FBFBFB;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first {
	background: none;
}

#menu .active a {
	background: url(images/homepage05.jpg) repeat-x left top;
}

/** PAGE */

#page {
	background: #FFFFFF;
}


/** CONTENT */

#content {
	width: auto;
	font-size: 1.15em;
}

#wrapcenter {
	position: relative;
}

.center-rightandleftmargins{
	width: 644px;
	padding: 0 15px 0 0;
}

.center-nomargins {
	width: 870px;
	padding: 0;
}

.center-leftmargin {
	width: 900px;
}

.center-rightmargin {
	width: 649px;
	padding: 0 10px 0 0;
}

#bodycontent {
	padding: 15px 15px 0;
}


/** SIDEBAR */

.leftside, .rightside {
	width: 210px;
	background-color: #eee;
}

.leftside {
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	margin: 0 15px 1em 0;
	padding: 15px;
	float:left;
	

}

.rightside {
	padding: 40px 15px 15px;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
}

.leftside, 
.center-nomargins, 
.center-rightandleftmargins, 
.center-rightmargin , 
.center-leftmargin , 
.rightside {float:left;}

/** FOOTER */

#footer {
	padding: 60px 0px;
	background: url(images/homepage11.jpg) repeat-x left top;
}



#footer p {
	margin: 0px;
	padding: 0px 20px;
	line-height: normal;
	text-align: left;
}

#footer .links {
	padding-left: 10px;
}

#footer .links a {
	padding: 0px 10px;
	color:#4d565a;
}

#footer .links a:hover {
	color:#727b7f;
}

/** BOX1 */

#box1 {
	width: 728px;
	margin: 0px auto;
}

/** Homepage Boxes */

div.home-boxes{
	clear:both;
	width: 675px;
	margin: 20px auto;
}

div.home-boxes .box {
	width: 130px;
	height: 200px;
	padding: 0;
	margin: 2px;
	text-align: center;
	vertical-align: text-top;
	color: #eee;
	float:left;
}

div.home-boxes .box h3 {
	display:block;
	margin-top: 20px;
	height: 70px;
	vertical-align:text-bottom;
	font-size: 1.20em;
	border-bottom: 1px solid #aaa;
	color: #fff;
}

div.home-boxes .box p, 
div.home-boxes .box h3 {
	margin-left: 5px;
	margin-right: 5px;
}

div.home-boxes .box h3 a, 
div.home-boxes .box h3 a:link, 
div.home-boxes .box h3 a:visited {
	display:block;
	text-decoration:none;
	width: 100%;
	height: 70px;
	color: #fff;
}
div.home-boxes .box h3 a:hover {
	text-decoration:underline;
}

div.home-boxes p {
	text-align:center;
	vertical-align:middle;
	height: 75px;
	font-size: 0.9em;
}

div.home-boxes .style1 { background: url('images/homepage-box-brown-rounded.jpg') 0 0 no-repeat; }
div.home-boxes .style2 { background: url('images/homepage-box-blue-rounded.jpg') 0 0 no-repeat;  }

/* Editor Styles */

h3.question
{
	font-size: 1.1em;
	margin: 1.8em 0 0.5em 0;
	color: #4d565a;
}


table.columnborders{
border: 1px solid #4d565a;
border-width: 1px 1px 0 0;
}

table.columnborders td {
border: 1px solid #4d565a;
border-width: 0 0 1px 1px;
}

tr.colheader td {
background-color: #4d565a; 
}

tr.colheader td h3 {
color: #fff;
margin: 0;
}