/* body and typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
    margin:0;
	padding:0;
    background:url(im/bg.gif) repeat-x;
	font-family:verdana, arial;
	color:#666;
	text-align: center;
	font-size:12px;
	}
    
h1 {
    font-size:15px;
}

img {
	border:0px;
}
    
.clear {
    clear:both;
}

/* header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {
	width:750px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	margin-top:18px;
	padding:0px;
	text-align:left;
}

#bodyframe {
		width:750px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		background-image:url(im/body_tile.gif);
		background-repeat:repeat-y;
		float:left;
		padding:8px;
}

#west {
		width:216px;
		float:left;
		padding-left:10px;
}

#east {
		width:494px;
		float:left;
		padding-left:10px;
		padding-right:10px;
}

#header {
		color:#585858;
		font-size:11px;
}

div.header {
    /*background-image:url(im/deco.gif);
    background-repeat:no-repeat;
    padding-left:35px; */ 
    padding-top:6px;  
    color:#718DB0;
    font-weight:bold;
    height:18px;
    vertical-align:bottom;
    font-size:13px;
}

#headercon {
		height: 164px;
}
* html #headercon {margin-bottom:-3px}

#header_lgutter {
		width:13px;
		padding:0px;
		float:left;
		height:164px;
		background-image:url(im/header_lgutter.gif);
}

#header_l {
		width:226px;
		padding:0px;
		float:left;
		height:164px;
}

#header_r {
		width:497px;
		padding:0px;
		float:left;
		height:164px;
		background-image:url(im/splash.gif);
		border-left:1px solid #fff;
}

#header_rgutter {
		width:13px;
		padding:0px;
		float:left;
		height:164px;
		background-image:url(im/header_rgutter.gif);
}

#navi_lgutter {
		width:13px;
		padding:0px;
		float:left;
		height:29px;
		background-image:url(im/navi_lgutter.gif);
}

#navi_l {
		width:226px;
		float:left;
		height:21px;
		background-image:url(im/navi_l.gif);
		background-repeat:repeat-x;
		vertical-align:middle;
		padding-top:8px;
}

#navi_r {
		width:497px;
		padding:0px;
		float:left;
		height:21px;
		background-image:url(im/navi_r.gif);
		background-repeat:repeat-x;
		border-left:1px solid #fff;
		padding-top:8px;
}

#navi_rgutter {
		width:13px;
		padding:0px;
		float:left;
		height:29px;
		background-image:url(im/navi_rgutter.gif);
}

#body_lgutter {
		width:13px;
		padding:0px;
		float:left;
		background-image:url(im/body_lgutter.gif);
		background-repeat:repeat-y;
		height:100%;
}

#body {
		width:724px;
		padding:0px;
		float:left;
		background-color:#fff;
		height:100%;
}

#body_rgutter {
		width:13px;
		padding:0px;
		float:left;
		background-image:url(im/body_rgutter.gif);
		background-repeat:repeat-y;
		height:100%;
}

#footer_lgutter {
		width:13px;
		padding:0px;
		float:left;
		height:43px;
		background-image:url(im/footer_lgutter.gif);
}


#footer {
		width:724px;
		padding:0px;
		float:left;
		height:33px;
		background-image:url(im/footer.gif);
		background-repeat:repeat-x;
		padding-top:10px;
}

#footer_rgutter {
		width:13px;
		padding:0px;
		float:left;
		height:43px;
		background-image:url(im/footer_rgutter.gif);
}

#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
}

#contentright p { font-size:10px}

/* navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.navi {
padding-left:10px;
color:white;
text-decoration:none;
font-weight:bold;
}

a:hover.navi {
padding-left:12px;
color:white;
font-weight:bold;
text-decoration:none;
}

a {
color:#81AD36;
font-weight:bold;
}

a:hover {
color:#718DB0;
font-weight:bold;
text-decoration:none;
}

a.navism {
padding-left:10px;
color:white;
text-decoration:none;
font-weight:bold;
font-size:10px;
}

a:hover.navism {
padding-left:12px;
color:white;
font-weight:bold;
text-decoration:none;
font-size:10px;
}

/* content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#col_l
{
float:left;
width:247px;
}
div#col_r
{
float:left;
width:242px;
padding-left:5px;
}
div#col_l
{
float:left;
width:240px;
padding-right:7px;
}
div#col_none
{
float:right;
width:454px;
padding:20px;
}
div.tab1
{
background-color:#CFE5FF;
width:150px;
padding:4px;
margin:1px;
float:left;
text-align:right;
font-weight:bold;
}

div.tab2
{
background-color:#DFEEFF;
width:320px;
padding:4px;
margin:1px;
float:left;
}

html>body div.tab1
{
background-color:#CFE5FF;
width:150px;
padding:4px;
margin:1px;
float:left;
text-align:right;
font-weight:bold;
}

html>body div.tab2
{
background-color:#DFEEFF;
width:324px;
padding:4px;
margin:1px;
float:left;
}

.photo {
    border:3px double #81AD36;
}

.biopic {
    float:right;
    width:200px;
    text-align:center;
}

.bios h4{
    text-align:right;
    padding-right:30px;
}

.biopic img{
margin-bottom:2px;
}

.small {
    font-size:10px;
}

#articles th{
    background-color: #FFFAC2;
    border-bottom: 1px solid #f8e88f;
}

#articles .alt {
    background-color: #f0f0f0;
}

ul.services {
    font-size:130%;
}

ul.services .active{
    color:#ccc;
}
#facebook{
	margin-left: 25px;
	margin-top: 20px;
	float: left;
}