/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body {
	background:#F0EFEA;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:13px
}
a:link, a:visited {
	color:#758339;
	text-decoration: underline
}
a:hover, a:active {
	color:#6F9ABB;
	text-decoration:underline
}
p {
	font-size:13px;
	color:#423A32;
	line-height:1.3em
}
h1 {
	font-size:21px;
	color:#234158;
}
h2 {
	font-size:16px;
	color:#FFFFFF;
}
h3 {
	font-size:15px;
	color:#264861;
	line-height:1.2em;
	font-family: "Georgia", Times New Roman, Times, serif
}
h4 {
	font-size:17px;
	color:#6F9ABB;
	
}
/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/


#container {
	width:1022px;
	margin:0 auto;
	padding-top:35px;
}
#wrapper {
	width:1022px;
	float:left;
	background:#423A32 url(../images/leaves.jpg) no-repeat top center;
	border:1px solid #423A32;
}
/*
---------------------------------------------
03. content
---------------------------------------------
*/


#content {
	width:920px;
	margin:0 auto;
	padding-top:175px
}
/*
---------------------------------------------
04. left panel
---------------------------------------------
*/


#leftpanel {
	width:252px;
	float:left;
	padding-top:114px;
	padding-bottom:40px
}
#leftpanel ul {
	width:252px;
	float:left;
}
#leftpanel ul li {
	width:252px;
	float:left;
	text-transform:uppercase;
	text-align:right;
	color:#FFFFFF;
	background:url(../images/divider_nav.gif) no-repeat bottom left;
}
#leftpanel ul li a {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:19px;
	text-align:right;
	color:#FFFFFF;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:20px
}
#leftpanel ul li span {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
	text-transform:none;
}
#leftpanel ul li a:hover {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	color:#AFC448;
	padding-top:12px;
	padding-bottom:12px;
}
#leftpanel ul li a.selected {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	color:#AFC448;
	padding-top:12px;
	padding-bottom:12px;
	background:url(../images/nav_arrow_selected.gif) no-repeat top right
}
/*
---------------------------------------------
05. right panel
---------------------------------------------
*/


#rightpanel {
	width:663px;
	float:left
}
#rightpanel h1 {
	padding-bottom:20px;
}
#rightpanel p {
	padding-bottom:20px;
	padding-right:10px
}
/*
---------------------------------------------
05.1 right panel - blue bar
---------------------------------------------
*/


.bluebar {
	width:663px;
	height:53px;
	float:left;
	background:url(../images/bg_bluebar.png) no-repeat bottom;
}
.bluebar .logo {
	float:left;
	padding-left:28px;
	padding-top:14px;
}
.bluebar h2 {
	float: right;
	padding-right:28px;
	padding-top:17px;
}
.content {
	width:610px;
	float:left;
	background:#FFFFFF;
	padding:20px 30px;
	padding-right:23px;
	padding-bottom:5px
}
.content-bottom {
	width:663px;
	height:16px;
	float:left;
	background:url(../images/border_bottom.gif) no-repeat top
}
/*
---------------------------------------------
05.2 right panel - content styles
---------------------------------------------
*/


ul.list {
	padding-left:10px;
	padding-right:25px;
	padding-bottom:8px;
	padding-top:3px
}
ul.list li {
	font-size:15px;
	color:#6F9ABB;
	padding-bottom:8px;
	background:url(../images/bullet.gif) no-repeat 0px 5px;
	padding-left:15px;
}
ul.sublist {
	padding-left:50px;
	padding-right:25px;
	padding-bottom:10px;
	padding-top:0px;
	
}
ul.sublist li {
	font-size:13px;
	color:#423A32;
	line-height:1.2em;
	padding-bottom:6px;
	background:url(../images/greybullet.gif) no-repeat 0px 6px;
	padding-left:13px;	
}
ul.explist {
	padding-left:25px;
	padding-right:25px;
	padding-bottom:0px;
	padding-top:0px
}
ul.explist li {
	font-size:13px;
	color:#423A32;
	line-height:1.2em;
	padding-bottom:5px;
	background:url(../images/greybullet.gif) no-repeat 0px 6px;
	padding-left:13px;
}
ul.expsublist {
	padding-left:70px;
	padding-right:25px;
	padding-bottom:10px;
	padding-top:0px
}
ul.expsublist li {
	font-size:13px;
	color:#423A32;
	line-height:1.2em;
	padding-bottom:3px;
	background:url(../images/greybullet.gif) no-repeat 0px 6px;
	padding-left:13px;
}
/*
---------------------------------------------
05.3 right panel - content styles - buttons
---------------------------------------------
*/


ul.button {
	float:left
}
ul.button li {
	width:285px;
	height:120px;
	float:left;
	padding-right:20px
}
ul.button li.benefits {
	background:url(../images/bg_button_benefits.jpg) no-repeat;
}
ul.button li.newbusiness {
	background:url(../images/bg_button_newbusiness.jpg) no-repeat;
}
ul.button li a {
	display:block;
	width:168px;
	height:100px;
	padding-top:15px;
	padding-left:120px;
	text-decoration:none
}
ul.button p {
	font-size:11px;
	padding-top:8px
}
ul.button p span {
	color:#758339;
	line-height:1.4em
}
ul.button p span:hover {
	color:#6F9ABB;
	text-decoration:underline
}
/*
---------------------------------------------
06. misc styles
---------------------------------------------
*/


.blueheading {
	background: transparent url(../images/head-right.gif) no-repeat scroll right top;
	color: #fff;
	display: block;
	float: left;
	font: bold 14px "Verdana", Arial, Helvetica, sans-serif;
	height: 28px;
	margin-right: 5px;
	padding-right: 16px; /* sliding doors padding */
}
.blueheading span {
	background: transparent url('../images/head-left.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 8px 0 8px 18px;
}
.rjwphoto {
	background: url(../images/rjwbio.jpg) no-repeat;
	height: 220px;
	width: 157px;
	padding-right: 20px;
	padding-bottom: 45px;
	float: left;
}
.contact {
	margin-left: 60px;
}
input, textarea {
	font: normal 12px "Verdana", Arial, Helvetica, sans-serif;
	width: 300px;
}

/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#footer {
	width:960px;
	float:left
}
#footer p {
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	padding:10px 31px 30px 0px;
}
.spacer {
	width:100%;
	height:35px;
	float:left
}

