@charset "utf-8";
/* CSS Document */

#wrapper {
	text-align:center;
	width:900px;
	height:800px;
	margin: 0 auto /* Centers content */;
	background-color:#FFF;
}
#bannerwrapper {
	float:left;
	width:900px;
	height:160px;
	background-image:url(banner.png);
}
#banner1 {
	float:left;
	width:230px;
	height:150px;
	color: #FFF;
}
#banner2 {
	float:left;
	width:620px;
	height:150px;
	vertical-align:top;
}
#navwrapper {
	width:200px;
	height:400px;
	float:left;
}
#home {
	width:175px;
	height:20px;
	text-align:left;
	padding: 10px;
}
#home:hover {
	background-color:#FFC
}
#faq {
	width:175px;
	height:20px;
	text-align:left;
	padding: 10px
}
#faq:hover {
	background-color:#FFC
}
#about {
	width:175px;
	height:20px;
	text-align:left;
	padding: 10px
}
#about:hover {
	background-color:#FFC
}
#archive {
	width:175px;
	height:20px;
	text-align:left;
	padding: 10px
}
#archive:hover {
	background-color:#FFC
}
#contact {
	width:175px;
	height:20px;
	text-align:left;
	padding: 10px
}
#contact:hover {
	background-color:#FFC
}
#spare {
	width:175px;
	height:320px;
	text-align:left;
	padding: 10px
}
#spare:hover {
	background-color:#FFC
}
#contentwrapper {
	text-align:center;
	width:900px;
	height:600px;
	margin: 0 auto /* Centers content */
}
#maincontent {
	margin:0 auto;
	float:left;
	width:600px;
	height:auto;
	text-align:left;
	padding-left:10px;
	padding-right: 10px;
	background-color:#FFF;
	color:#333;
}
#sidecontent {
	margin:0 auto;
	float:left;
	width:260px;
	height:auto;
	text-align:center;
	padding-left:10px;
	padding-right: 10px;
	background-color:#FFF;
	color:#333;
}
#sidecontentr {
	margin:0 auto;
	float:right;
	width:260px;
	height:auto;
	text-align:center;
	padding-left:10px;
	padding-right: 10px;
	background-color:#FFF;
	color:#333;
}
#fillerleft {
	width:20px;
	height:220px;
	float:left;
}
#fillerright {
	widows:20px;
	height:220px;
}
#longcontent {
	margin:0 auto;
	float:left;
	width:835px;
	height:220px;
	text-align:left;
	padding-left:10px;
	padding-right: 10px;
	color:#63F;
	border:5px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
}
#content1 {
	margin:0 auto;
	float:left;
	width:250px;
	height:260px;
	text-align:left;
	padding-left:10px;
	padding-right: 10px;
	color:#66F;
	font-family: Verdana, Geneva, sans-serif;
}
#content1light {
	margin:0 auto;
	float:left;
	width:250px;
	height:260px;
	text-align:left;
	padding-left:20px;
	padding-right: 10px;
	color:#66F;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 90%;
}
#content2 {
	float:left;
	width:250px;
	height:285px;
	text-align:left;
	padding-right: 5px;
	padding-left:10px;
	padding-right: 10px;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#content3 {
	float:left;
	width:601px;
	height:285px;
	text-align:center;
	border:2px solid #69C;
}
#content4 {
	margin:0 auto;
	float:left;
	width:980px;
	height:120px;
	text-align:left;
	padding: 10px;
}
#content4:hover {
	background-color:#FFC
}
#breaker {
	text-align:center;
	width:900px;
	height:20px;
	float:left;
}
#expander {
	text-align:center;
	width:900px;
	float:left;
	background-color:#FFF;
	color: #66F;
	font-size: 16px;
}
#side {
	margin:0 auto;
	float:left;
	width:360px;
	height:420px;
	text-align:left;
	padding: 10px;
}
#side:hover {
	background-color:#FFC
}
#bottom1 {
	width:480px;
	height:60px;
	float:left;
	text-align:left;
	padding-left: 10px;
	padding-top: 10px;
}
#bottom2 {
	width:405px;
	height:60px;
	float:left;
	text-align:right;
	padding-right: 5px;
	padding-top: 10px;
}