@import url("../css/global.css");
@import url("../css/home_nav.css");

/*  Layout
--------------------------------------------------------------------------------------------------- */
body {
	background: #fff url(../gfx/stripes.gif) repeat;
}

/*  Header
--------------------------------------------------------------------------------------------------- */
#header {
	height: 123px;
	position: relative;
	background: url(../gfx/headergrad.jpg) no-repeat;
}
#logo {
	background: url(../gfx/logo.jpg) no-repeat 0 0;
	width: 266px;
	height: 69px;
	position: absolute;
	top: 41px;
	left: 19px;
}
#logo a {
	display: block;
	width: 266px;
	height: 69px;
	text-indent: -9999px;
}
#tagline {
	position: absolute;
	top: 54px;
	left: 317px;
	width: 228px;
	height: 25px;
	background: url(../gfx/in/tag.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#navigation {
	position: absolute;
	top: 92px;
	left: 317px;
}

/*  Typography
--------------------------------------------------------------------------------------------------- */
h1 {
	color: #fff;
	font-size: 21px;
	line-height: 1.2em;
	margin: 0 0 15px;
	letter-spacing: .05em;
}
h2 {
	margin: 0 0 15px;
	color: #073572;
	font-weight: bold;
	font-size: 18px;
}
.main a {
	color: #fff;
}
.main a:hover {
	color: #DBB28B;
}
.main ul li {
	margin: 0 0 5px;
	line-height: 1.4em;
	color: #fff;
}
.main ul li strong {
	font-size: 14px;
}

.ourCommunity ul li {
	float: left;
	margin: 0 12px 0 0;
	width: 176px;
}
.ourCommunity ul li img {
	margin: 0 0 10px;
}
.ourCommunity h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
h3 a {
	color: #B4770A;
}
h3 a:hover {
	color: #003399;
}
.ourCommunity p {
	font-size: 11px;
	line-height: 1.4em;
	padding: 0 12px 6px 0;
	color: #666;
}
.more a {
	color: #003399;
	text-decoration: none;
	background: url(../gfx/plus_blue.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
}
.more a:hover {
	color: #666;
}

.morenoplus a {color: #003399; text-decoration: none;}

.morenoplus a:hover {color: #666;}

/*  Containers
--------------------------------------------------------------------------------------------------- */
#container {
	background: url(../gfx/mid.jpg) repeat-y 0 0;
}
#footer {
	padding: 15px 22px 30px 22px;
	background: url(../gfx/foot.jpg) no-repeat 0 100%;
}
#contentarea {
	padding: 0 8px 0 6px;
	background: url(../gfx/top.jpg) no-repeat 0 0;
}
#contentwrap {
	padding: 0;
	background: none;
}
#primary {
	float: none;
	width: 886px;
	background: url(../gfx/bgquicklinks.jpg) no-repeat 100% 0;	
}
#primary .main {
	float: right;
	width: 258px;
	padding: 58px 0 0 0;
}
#primary  .sub {
	float: left;
	width: 605px;
	padding: 1px 0 0 0;
}
#secondary {
	clear: both;
	float: none;
	padding: 25px 13px;
}
.ourCommunity {
	float: left;
	width: 570px;
}
.feature {
	width: 266px;
	float: right;
}
/*.feature h2 {
	padding-left: 22px;
}*/
.featureinfo {
	padding: 22px;
	border: 1px solid #D8C8AC;
	background: #F8F3EA;
}
.feature img {
	float: left;
	margin: 0 15px 0 0;
}