/* @override 
	http://chaplocal/css/chapstyle.css
	http://chaplocal:8888/css/chapstyle.css
*/

html{
	overflow: scroll;}
body {
	/*color: #606060;*/
	
	background: #e9f6fb url(../images/bkgnd_white.png) repeat-y center 0;}
p{
	padding-bottom: 10px;
	line-height: 145%;}
a{
	color: #29abe2;}
hr{
	border: 0;
	margin-bottom: 10px;
	height: 1px;
	border-top: 1px dotted #cbcbcb;}
a:hover {
	text-decoration: underline;}
blockquote{
	color: #484848;
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 125%;}
cite{
	color: #29abe2;}
#outerwrapper{
	background:  url(../images/bkgnd_shadow.png) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;}
#wrapper {
	/*width: 980px;*/
	float: left;
	/*margin-left: 10px*/ ;}
#bodywrap {
	/*float: left;*/
	margin: 0 auto;
	width: 980px;
	background: white url(../images/bkgnd_body-master.png) no-repeat;
	margin: 0 0 0 10px;
	}
	
#head {
	float: left;
	width: 100%;
	height: 184px;}
#head a img{
	border: 0;}
/* @group Navigation panel */
ul#nav {
	float: right;
	padding: 0 0 20px;
	width: 100%;}
 ul#nav  li{
	float: right;
	clear: right;
	width: 100%;
}
ul#nav li a, li.ui-state-default a, li.ui-state-active  a{
	background: url(../images/arrows.png) no-repeat;}
ul#nav li a {
	text-align: right;
	display: block;
	text-transform: uppercase;
	margin: 0 ;
	padding: 0 20px 5px 0;
	color: #747474;
	font-size: 11px;
	background-position: 175px top;}
#nav li.active a,
#nav li a:hover,
body#loc_extras li#extras a,
body#loc_about li#about a,
body#loc_contact li#contact a,
body#loc_why li#why a,
body#loc_expert li#expert a,
body#loc_home li#home a{
	color: #29ABE2;
	text-decoration: underline;
	background-position: 175px -33px;}

ul.address {
	width: 200px;
	float: right;
	clear: both;
	margin: 0;
	padding: 10px 20px 10px 0;
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;}
ul.address li {
	float: right;
	clear: both;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	font-size: 13px;
	width: 100%;}
ul.address li span{
	font-weight: bold;}
li.pobox {
	padding: 10px 0 0 0;}
ul#qual-logos {
	float: right;
	padding: 20px 20px 0 0;}
/* @end */
#bodyarea {
	float: left;
	width: 740px;
}
.singlecolumn {
	float: left;
	width: 220px;
	padding: 0 0 0 20px;}
.singlecolumn h1 {
	color: #29abe2;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 24px;
	width: 200px;
	font-weight: bold;
	overflow: hidden;}
.doublecolumn {
	float: left;
	width: 460px; /*480 but 20px left side */
	margin: 0 0 0 20px;
	}
.doublecolumn h3{
	text-transform: uppercase;
	color: #3f3f3f;
	display: inline;}
.doublecolumn h6{
	display: inline;}
.columnlist{
	width: 100%;
	display: table;
	margin-bottom: 10px;
	border-top: 1px solid #e2e2e2;}
.doublecolumn ol li{
	list-style-type: decimal;
	list-style-position: inside;}
.columnlist li{
	display: inline-block;
	width: 220px;
	margin-top: 10px;
	vertical-align: top;}
.columnlist li{
	display: inline-block;
	/*vertical-align: top;*/}
.columnlist li ul li{
	float: left;
	padding: 0 0 10px 0;
	margin: 0;}
.columnlist li ul li p {
	/*float: left;*/
	}
.columnlist li a img{
	float: left;
	vertical-align: top;
	border: 0;
	padding-right: 10px;
	width: 30px;}
span.subtext{
	text-transform: uppercase;
	font-size: 10px;}
.columnlist li.odd {
	margin: 10px 0 0 10px;
	padding-bottom: 10px;}
.columnlist.index li a {
	display: block;
	color: #484848;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 4px solid #484848;
	text-decoration: none;
	background: url(../images/arrows.png) no-repeat 180px -35px;}
.columnlist.index li a:hover {
	color: #29abe2;
	border-bottom: 4px solid #29abe2;}
.columnlist h2 {
	display: block;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e2e2e2;
	text-transform: uppercase;
	font-size: 15px;
	color: #484848;}
.clrfix {
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;}

/* @group Tabbed Nav */
.ui-tabs-hide, .tabs-hide {
	display: none;}
ul.ui-tabs-nav {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;}
.ui-tabs-nav li{
	float: left;
	border-left: 1px solid #a6a6a6;
	width: 150px;}
li.ui-state-default a{
	border-bottom: 1px solid #a6a6a6;
	font-weight: bold;
	text-transform: uppercase;
	color: #a6a6a6;
	text-decoration: none;
	background-position: right 2px;}
li.ui-state-hover a, li.ui-state-active  a{
	border-bottom: 1px solid white;
	color: #272727;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background-position: right -34px;}
.ui-tabs-nav li a{
	display: block;
	padding: 0 20px 3px 10px;}
/* @end */