/* CSS Document */

body {
	background: #B4D7EF url(images/background.jpg) repeat-x;
	font: 12px "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
h1 {
	font-size:24px;
	margin-top:2px;
	margin-bottom:2px;
	font-weight: 200;
	
}
h3 {
	font-size:16px;
	margin-top:2px;
	margin-bottom:2px;
	font-weight: 200;
}

a:link, a:visited, a:active {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
#container {
	width: 717px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/boxbackgound.jpg) repeat-y;
	margin-top: 40px;
}
#top {
	background: url(images/top.jpg) no-repeat;
	
}
#header {
	font-size: 11px;
}

/* @group Navigation */

#nav {
	
	width: 470px;
	float: right;
	margin-top: 80px;
	margin-right: 6px;
}

.bleft {
	background: url(images/bleft.jpg) no-repeat;
	width: 8px;
	height: 22px;
	float:left;
}

.bback {
	background: url(images/bback.jpg) repeat-x;
	float: left;
	height: 22px;
	padding-top: 2px;
}
.bback a:link, .bback a:visited, .bback a:active {
	color: #fff;
	text-decoration: none;
}
.bback a:hover {
	color: #ff0000;
}

.bright {
	background: url(images/bright.jpg) no-repeat right;
	width: 8px;
	float:left;
	height: 22px;
	margin-right: 2px;
}

/* @end */

#content {
	padding: 12px;
	background: url(images/stripe.jpg) repeat-x;
	margin-left: 16px;
	margin-right: 18px;
}
#homepic {
	float:right;
	width: 300px;
margin-top: 2px;
margin-right: -4px;
}

/* @group BlueBoxes */

.bluecontent {
	padding-left:12px;
	padding-right:9px;
}
.bluecontent p {
	margin-top:6px;
	margin-bottom:6px;
	font-size:11px;
}
.bluecontent ul {
	margin-left:6px;
	margin-top:6px;
	margin-bottom:4px;
}
.bluecontent li {
	margin-top:4px;
	margin-bottom:4px;
	font-size:11px;
}

.blueboxleft {
	width: 680px;
	background-color: #DEE7EF;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 9px;
	margin-left: 16px;
}

.bluetop {
	background: url(images/bbtop.gif) no-repeat;
}

.bluebottom {
	background: url(images/bbbottom.gif) no-repeat 0 bottom;
}

.blueboxright {
	width: 265px;
	float:right;
	background-color: #DEE7EF;
	margin-top: 6px;
	margin-bottom: 16px;
	}
.bluerighttop {
	background: url(images/bluebrighttop.gif) no-repeat;
}

.bluerightbottom {
	background: url(images/bluebrightbottom.gif) no-repeat 0 bottom; height:10px;
}

/* @end */

#bottom {
	background: url(images/bottom.jpg) no-repeat 0 bottom;
	clear: both;
	height: 11px;
}
#footer {
	width: 717px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}