/* Designed by Visionary Marketing - www.thinkvisionary.com */

/* ----------Body---------- */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #c3c0b9;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



img {
	border: 0px;
}

.container {
	position: relative;
	width: 980px;
	border-left: solid 14px #c3c0b9;
	border-right: solid 14px #c3c0b9;
	height: auto;
	background-color: #ffffff;
	margin: 10px auto;
}

.content {
	display: block;
	height: auto;
	width: 658px;
	position: relative;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e7e6e4;
	padding-left: 20px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e7e6e4;
	margin:  20px 14px;
}

.content2 {
	display: block;
	height: auto;
	width: 473px;
	position: relative;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e7e6e4;
	padding-right: 20px;
	margin:  20px 14px;
}

.content3 {
	display: block;
	height: auto;
	width: 940px;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.locations {
	display: block;
	height: auto;
	width: 160px;
	position: relative;
	float: left;
	padding-right: 20px;
	margin-right: 4px;
	padding-left: 20px;
	margin-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e7e6e4;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.locations h2 {
	display: block;
	background-image: url(images/nav-bg.jpg);
	text-align: left;
	padding-left: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.locations p {
	padding-left: 15px;
}

blockquote {
	margin: 15px; 	
	padding: 10px 10px 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #183D1E;  
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #666666;	
}

.right {
	display: block;
	height: auto;
	width: 210px;
	position: relative;
	float: right;
	margin-right: 14px;
	padding-right: 20px;
	margin-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e7e6e4;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.right h2 {
	display: block;
	background-image: url(images/nav-bg.jpg);
	text-align: left;
	padding-left: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.right p {
	padding-left: 20px;
}

.jump {
	display: block;
	height: auto;
	width: 100px;
	position: relative;
	float: right;
	border: 1px;
	border-style: solid;
	border-color: #e7e6e4;
	padding-bottom: 20px;
	margin: 0 0 10px 10px;
}

.jump h2 {
	display: block;
	background-image: url(images/nav-bg.jpg);
	text-align: left;
	padding-left: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.jump p {
	padding-left: 20px;
}

a:link {
	text-decoration: underline;
	color: #333333;
}

#map{
	float:right;
}

#photo{
	float:left;
	padding: 0 10px 5px 0;
	
}

.mainimage{
	position: relative;
	width: 952px;
	margin-left: 14px;
	margin-right: 14px;
	background-image: url(images/img-bg.jpg);	
}

/* ----------Fonts---------- */

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #3A6F8F;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #3A6F8F;
	line-height: 20px;
	text-transform: capitalize;
}

B,strong {
 color: #000000;
}

ul li B,ul li strong {
	color: #396185;
}

ul li ul li B,ul li ul li strong {
	color: #000000;
}

.content {
	color: #333333;
	line-height: 18px;
}

p {
	margin-top: 3px;
	padding-top: 3px;
}

.right p {
	color: #333333;
	font-size: 11px;
	line-height: 15px;
	line-height: 18px;
	margin-top: 3px;
	padding-top: 3px;
}

.locations p {
	color: #333333;
	font-size: 11px;
	line-height: 15px;
	line-height: 18px;
	margin-top: 3px;
	padding-top: 3px;
}

li em {
	color: #396185;
}


/* ----------Header---------- */

.header {
	position: relative;
	height: 186px;
	background-color: #FFFFFF;
	width: 980px;
}

.header2 {
	position: relative;
	height: 135px;
	background-color: #FFFFFF;
	width: 980px;
}

.shadow {
	position: absolute;
	top: 172px;
	left: -14px;
}

#logo {
	position: absolute;
	width: 430px;
	height: 100px;
	top: 11px;
	left: 20px;
}

#phoneicon {
	position: absolute;
	top: 47px;
	left: 566px;
	height: 37px;
	width: 176px;
	font-size: 18px;
	color: #a19a92;

}

#headerimage {
	position: absolute;
	height: 177px;
	width: 832px;
	left: 4px;
	top: 148px;
	z-index: 1;
}

/* ----------Links---------- */
zindexfix {
	z-index: 200;
}

#right {
	float: right;
	margin-right: 28px;
}

.links {
	position: absolute;
	top: 126px;
	left: -14px;
	width: 1008px;
	height: 46px;
	background-image: url(images/nav-bg.jpg);
	background-color: #173C1C;
	z-index: 2;
}

#menu {
	position: relative;
	top: 0px;
	left: 14px;
}

.links ul {
	font-family: Arial, Verdana;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.links ul li {
	display: block;
	position: relative;
	float: left;

}

.links ul li ul li {
	border-right: 0 none;
	display: block;
	_margin-top: -1px;
	left: 1px;
	float: left;
}

.links li ul { 
	display: none;
	position: absolute;
	top: 46px;
	margin-left: -1px;
	#margin-left: 0px;
	_margin-left: 0px;
}

.links ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 15px 15px 5px 15px;
	height: 26px;
	background-image: url(images/nav-bg.jpg);
	margin-left: 0px;
	white-space: nowrap;
}

.links ul li ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 15px 5px 15px;
	height: 15px;
	background-image: url(images/nav-bg.jpg);
	margin-left: 0px;
	white-space: nowrap;
	border-top: solid 1px #28445c;
}

.links ul li a:hover { 
	background-image: url(images/transparent.png);
	
}

.links li:hover ul, li.sfhover ul { 
	display: block; 
	position: absolute;
}

.links li:hover li { 
	float: none;
	font-size: 11px;
}
.links li:hover a { 
	background-image: url(images/transparent.png);
}

.links li:hover li a:hover { 
	background-image: url(images/transparent2.png);
}

.links li {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}
		
/* ----------Footer---------- */

.footer {
	position: relative;
	padding-top: 7px;
	clear: both;
	left: 14px;
	width: 941px;
	height: 54px;
	color: #7e7e7e;
	font-size: 9px;
	text-align: right;
	padding-right: 11px;
	background-position: center bottom;
	background-image: url(images/bg-bottom.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e6e4;
}

.footer2 {
	clear: both;
}

#ranone {
	float: left;
}

a {
	color: #7e7e7e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#photo {
	padding-top: 2px;
}

#slideshow {
	width: 972px;
	height: 292px;	
	}


.content2 table
        {
        width: auto;
        padding: 0;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }

.content2 th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 12px 4px 12px;
        background: #CAE8EA url(images/table/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
.content2 td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
.content2 th.sortable,
.content2 th.sortable-text,
.content2 th.sortable-date,
.content2 th.sortable-keep,
.content2 th.sortable-date-dmy,
.content2 th.sortable-numeric,
.content2 th.sortable-currency,
.content2 th.sortable-sortByTwelveHourTimestamp,
.content2 th.sortable-sortIPAddress,
.content2 th.sortable-sortEnglishLonghandDateFormat,
.content2 th.sortable-sortScientificNotation,
.content2 th.sortable-sortImage,
.content2 th.sortable-sortFileSize,
.content2 th.sortable-sortAlphaNumeric,
.content2 th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(images/table/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
.content2 th.forwardSort
        {
        background:#CAE8EA url(images/table/bg_header_down.jpg) no-repeat 0 0;
        }
.content2 th.reverseSort
        {
        background:#CAE8EA url(images/table/bg_header_up.jpg) no-repeat 0 0;
        }
.content2 table thead th.forwardSort a,
.content2 table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
.content2 th.sort-active
        {
        background:#CAE8EA url(images/table/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
.content2 th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
.content2 th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
.content2 td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
.content2 td img
        {
        margin:0 auto;
        border:3px solid #ddd;
        }
.content2 td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
.content2 td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        }
.content2 td.lft
        {
        text-align:left;
        }
.content2 tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
.content2 tr[class="alt"] td
        {
        background: #F5FAFA url(images/table/td_alt.jpg) no-repeat;
        }
.content2 td[class~="alt"]
        {
        background: #edf3f3 url(images/table/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
.content2 tbody tr.alt td:first-child
        {
        background: #F5FAFA url(images/table/bullet2.gif) no-repeat;
        font-weight:bold;
        }
.content2 tbody tr td:first-child
        {
        background: #fff url(images/table/bullet1.gif) no-repeat;
        font-weight:bold;
        }
/* Image free rules for Internet Explorer < 7 */
* html .content2 tr.alt td
        {
        background-color:#F5FAFA;
        }
* html .content2 tr td.alt,
* html .content2 tr.alt td.alt
        {
        background-color:#edf3f3;
        }
		

.content form { padding-left: 45px; width: 530px; }
.content label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
.content .lcurrent { font-weight: bold; }
.content label img { vertical-align: middle; }
.content input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
.content textarea { height: 200px; }
.content select { width: 366px; }
.content input.radio {  }
.content input:focus { border-color:#aaa; }
.content textarea:focus { border-color: #aaa; }	
.content input.submit	{ width:80px; background:url(/images/footer-bg.png) no-repeat -90px -15px; color:#FFF; cursor:pointer; padding: 5px; float: left; margin-left: 150px; }
.content .CAPTCHA { float: left; padding-left: 153px; }