/* Main CSS Document */

@import url("core.css");

#container {
	width: 920px;
	margin: 0px auto;
}

#header {
	width: 920px;
	margin: 0px auto;
}

/* nav */
#nav {
	width: 920px;
	height: 36px;
	background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
}
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	text-align: center;
}
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 3px 30px 0px 30px;
	height: 17px;
	border-right: 1px solid #ffffff;
	width: 80px;
	margin: 7px 0px 0px 0px;
}
#nav a.last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 3px 30px 0px 30px;
	border: none;
	height: 17px;
	width: 80px;
	margin: 7px 0px 0px 0px;
}
#nav a:hover {
	color: #cdf1fe;
}

#content {
	width: 920px;
	background-image: url(../images/bg-right.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: right top;
}

#content .left {
	width: 649px;
	float: left;
	background-image: url(../images/bg-left.gif);
	background-repeat: no-repeat;
	padding: 15px;
}
#content .left .boxLeft {
	width: 298px;
	float: left;
}
#content .left .boxRight {
	width: 307px;
	float: right;
}
#content .left .dottedVert {
	width: 42px;
	height: 268px;
	background-image: url(../images/bg-dotted-vertical.gif);
	background-repeat: repeat-y;
	float: left;
}

#content .right {
	width: 241px;
	float: right;
}
#content .right .mail {
	width: 200px;
	height: 64px;
	background-image: url(../images/bg-mailing-list.gif);
	background-repeat: no-repeat;
	margin: 12px auto 0px auto;
	padding: 80px 0px 0px 27px;
}
#content .right .blueBox {
	width: 227px;
	background-image: url(../images/bg-blue-box-small.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
}
#content .right .blueBoxContent {
	width: 200px;
	background-image: url(../images/bg-blue-box.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 14px 14px 0px 13px;
}
#content .right .blueBoxBottom {
	width: 227px;
	height: 10px;
	background-image: url(../images/bg-blue-box-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
}
#content .right .redBoxTop {
	width: 227px;
	height: 8px;
	background-image: url(../images/bg-red-top.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
}
#content .right .redBoxBottom {
	width: 227px;
	height: 8px;
	background-image: url(../images/bg-red-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
}
#content .right .redBoxContent {
	width: 211px;
	padding: 8px;
	background-image: url(../images/bg-red-content.gif);
	background-repeat: repeat-y;
	color: #ffffff;
	margin: 0px auto;
}
#content .right .redBoxContent a {
	color: #ffffff;
}

#footer {
	width: 920px;
	height: 140px;
	background-image: url(../images/bg-footer.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#footer .facebook {
	width: 170px;
	margin: 30px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/border-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
}
#footer .google {
	width: 125px;
	margin: 30px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/border-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
}
#footer .links {
	width: 450px;
	float: right;
	padding: 76px 0px 0px 0px;
}
#footer ul {
	padding: 0px;
	margin: 0px;
}
#footer li {
	padding: 0px;
	margin: 0px 10px 0px 10px;
	list-style-type: none;
	display: inline;
}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;	
}
#footer a:hover {
	color: #cdf1fe;
}
#footer .copy {
	clear: right;
	float: right;
	padding: 12px 10px 0px 0px;
}