@charset "utf-8";
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        text-align: center;
        background: #003a7f url(images/blue_back.jpg) repeat-x;
        background-attachment: fixed;
        margin: 0;
        padding: 0;
    }
img, a img {
        border: none;
    }
.pre-load-image {
	display: none;
	visibility: hidden;
}
.clear { /* global clearing class */
	width: 100%;
	clear: both;
}


#cont-edges {
	width:748px;
	z-index:2;
	text-align: left;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
}
#cont-top {
	width:748px;
	z-index:3;
	height:21px;
	background: transparent url(images/cont-top.png) no-repeat;
	text-align: left;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
}
#cont-sides {
	width:748px;
	z-index:4;
	background: transparent url(images/cont-sides.png) repeat-y;
	text-align: left;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
}
#cont-bot {
	width:748px;
	z-index:5;
	height:34px;
	background: transparent url(images/cont-bot.png) no-repeat;
	text-align: right;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	line-height: 33px;
	font-size: 9px;
	color: #C0C0C0;
}
#cont-bot a { /* style the links */
	color: #c0c0c0;
	text-decoration: none;
}


#container {
	width:656px;
	z-index:9;
	text-align: left;
	margin: 0 auto;
	padding-left: 46px;
	padding-right: 46px;
}
#head-box {
	width:656px;
	height:243px;
	background: #ffffff;
	z-index:10;
	position: relative;
}
#head-logo {
	width:205px;
	height:187px;
	background: #ffffff;
	z-index:11;
	position: absolute;
	left: 0px;
	top: 0px;
}
#head-photo {
	width:436px;
	height:187px;
	background: #ffffff;
	z-index:12;
	position: absolute;
	left: 220px;
	top: 0px;
}
#head-nav-h {
	width:656px;
	height:26px;
 /*	background: #ffffff; */
	z-index:18;
	position: absolute;
 /* border-top:    solid #000000 0px; */
 /* border-bottom: solid #000000 0px; */
	text-align:left;
	top: 202px;
	left: 0px;
}

#head-nav-h ul, #head-nav-h ul li { /* reset values for list elements */
	margin: 0;
	padding: 0;
	list-style: none;
	height: 26px;
}
#head-nav-h ul li {
	float: left;
}
#head-nav-h ul li a { /* set default styles for nav items */
	display: block; /* make a tags act like divs */
	float: left;
	height: 26px;
    /* width: 89px; /* all of your images are the same size */
	text-indent: -9999px; /* hide the default text */
}
/* Set background images for each nav link */
#nav_home, #nav_home a {
	background: transparent url(images/nav_home.jpg) left top no-repeat;
	width: 89px; 
}
#nav_home a:hover {
	background: transparent url(images/nav_home_over.jpg) left top no-repeat;
	width: 89px; 
}
#nav_about, #nav_about a {
	background: transparent url(images/nav_about.jpg) left top no-repeat;
	width: 132px; 
}
#nav_about a:hover {
	background: transparent url(images/nav_about_over.jpg) left top no-repeat;
	width: 132px; 
}
#nav_vision, #nav_vision a {
	background: transparent url(images/nav_vision.jpg) left top no-repeat;
	width: 126px; 
}
#nav_vision a:hover {
	background: transparent url(images/nav_vision_over.jpg) left top no-repeat;
	width: 126px; 
}
#nav_join, #nav_join a {
	background: transparent url(images/nav_join.jpg) left top no-repeat;
	width: 102px; 
}
#nav_join a:hover {
	background: transparent url(images/nav_join_over.jpg) left top no-repeat;
	width: 102px; 
}
#nav_contact, #nav_contact a {
	background: transparent url(images/nav_contact.jpg) left top no-repeat;
	width: 111px; 
}
#nav_contact a:hover {
	background: transparent url(images/nav_contact_over.jpg) left top no-repeat;
	width: 111px;
}
#nav_blank {
	background: transparent url(images/nav_blank.jpg) left top no-repeat;
	width: 96px; 
	height: 26px;
}



#mid-box, #mid-box-even {
	z-index: 20;
	width: 656px;
	top: 0px;
	left: 0px;
	height: auto;
	position: relative;
	clear: both;
    }
#mid-home-l {
	z-index: 21;
	width: 259px;
	top: 0px;
	left: 0px;
	height: 358px;
	float: none;
	clear: left;
}
#mid-home-r {
        z-index: 25;
        width: 382px;
        top: 0px;
        left: 274px;
        height: 358px;
        position: absolute;
		background: #ffffff url(images/letterbox_.jpg) left bottom no-repeat;
}
#mid-home-r-inside {
	z-index: 26;
	width: 348px;
	top: 0px;
	left: 17px;
	height: 341px;
	position: absolute;
}
/* Inside Middle Sections */
#mid-l {
	z-index: 31;
	width: 348px;
	top: 0px;
	left: 0px;
	height: auto;
	background: #ffffff url(images/letterbox_.jpg) left bottom no-repeat;
	padding-left: 17px;
	padding-right: 17px;
	float: none;
	clear: left;
	padding-bottom: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;

    }
#mid-l ul li {
	line-height: 130%;
		
    }
#mid-l-inside {
        z-index: 32;
        width: 348px;
        top: 0px;
        left: 17px;
        height: auto;
        position: absolute;
    }
#mid-r {
	z-index: 35;
	width: 259px;
	top: 0px;
	left: 397px;
	height: auto;
	position: absolute;
    }

/* Inside Middle 2 column Sections */
#mid-box-even {
	background: #ffffff url(images/letterdouble_.jpg) left bottom no-repeat;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;

    }
#mid-even-l {
	z-index: 41;
	width: 303px;
	top: 0px;
	left: 0px;
	height: auto;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: none;
	clear: left;
    }
#mid-even-r {
	z-index: 45;
	left: 328px;
	width: 303px;
	top: 0px;
	height: auto;
	padding-left: 11px;
	padding-right: 14px;
	padding-bottom: 10px;
	position: absolute;
    }


/* Jump Sections */
#jump-box {
	width: 656px;
	height: 138px;
	left: 0px;
	z-index: 80;
	margin-top: 0px;
	position: relative;
    }
#jump1 {
	position:absolute;
	width:209px;
	height:116px;
	z-index:81;
	top: 22px;
	left: 0px;
}
#jump2 {
	position:absolute;
	width:208px;
	height:116px;
	z-index:82;
	left: 224px;
	top: 22px;
}
#jump3 {
	position:absolute;
	width:209px;
	height:116px;
	z-index:83;
	left: 447px;
	top: 22px;
}

/* Footer Section */
#foot-box {
	position: relative;
	width: 656px;
	height: 70px;
	left: 0px;
	z-index: 95;
    }
#foot {
	width:656px;
	height:70px;
	z-index:96;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 10px;
	background: #ffffff;
	border-top:    solid #000000 0px;
	position: absolute;
	clear: both;
	line-height: 25px;
}
.clerk-small
{
    FONT-SIZE: 11px
}

.my-h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
.my-h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}