html {
	background-color: #fae7d8;
        background-image: url(/webdata/graphics/2014-background.jpg);
	background-repeat: no-repeat;
        background-position:  top center;
        background-attachment: fixed;
        background-size: cover;
        height:100%
}
body {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
}
#mainwrapper {
	margin: 0px auto 40px;
	padding: 0px;
	width:980px;
	-webkit-box-shadow:  0px 2px 18px 2px #333;
	box-shadow:  0px 2px 18px 2px #333;
}
#main-header {
	margin: 0px;
	padding: 0px;
	height: 220px;
	background-image: url(/webdata/graphics/2014-header.jpg);
	background-repeat:no-repeat;
}
#main-navigation {
	height: 36px;
	margin: 0px;
	padding: 0px;
	background-image:url(/webdata/graphics/navbar-tile.png);
	background-repeat:repeat-x;
	background-position: -5px;
}
#main-content {
	background-color:#FFF;
	min-height:300px;
	margin: 0;
	padding: 0;
}

h1.pagetitle {
   font-size: 30px;
   font-family: ;
   color: #583310;
}

.content-block {
	padding:5px 30px 10px 25px;
}
.home-content-block {
	padding:10px;
}

.col-1 {
	float:left;
	width: 20%;
	margin: 0 5% 0 0;
}
.col-2 {
	float:left;
	width: 45%;
	margin: 0 5% 0 0;
}
.col-3 {
	float:left;
	width: 70%;
	margin: 0 5% 0 0;
}


#main-sidebar {
	width: 20%;
	margin: 0;
	padding:0 4%;
}


#main-footer {
	background-image: url(/webdata/graphics/footer.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #b78b5c;
	min-height: 112px;
	margin: 0px;
	padding: 0;
}

#main-footer .text-block {
	float:left;
	font-size:12px;
	line-height: 18px;
	color:#FFF;
	width:35%;
	margin: 30px 0 0 3%;
}
#footer-logo {
 width: 100px;
 float:left;
}
#footer-logo img {
 margin: 20px 0 0 20px;
}

/* ########   Contact Styles ######## */

.contactImage {
    margin: -40px 0 0 50px;
    -webkit-box-shadow: 1px 1px 6px 2px #828282;
    box-shadow: 1px 1px 6px 2px #828282;
}

.contactListImage {
   margin-left:20px;
   border:0;
   -webkit-box-shadow: 1px 1px 4px 2px #828282;
   box-shadow: 1px 1px 4px 2px #828282; 
   width:75px;
}

table.contactList {
   width: 500px;
}
td.contactInfo {
width:400px;
}
td.contactImageCell {
padding-bottom: 20px;
}
.contactList tr {
   padding-bottom: 15px;
}
/*#####  SEARCH FORM  #####*/

#searchForm {
	
	margin-left: 160px;
	width:330px;
	top: 10px;
	position: absolute;
	left: 50%;
	z-index: 9000;

}
#searchForm input {
		color:#8e8e8e;
		opacity: 0.8;
}
#searchForm .searchBtn {
	margin-bottom: -8px;
}


/**  HOME TABS  **/

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 90% !important; 
}
.ui-tabs-panel  img {
       margin: 10px 10px;
}
        


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



#tabs a:link {
 text-decoration: none;
}

/* visited link */
#tabs a:visited {
 text-decoration: none;
}

/* mouse over link */
#tabs a:hover {
 text-decoration: none;
}

#tabs a:active {
 text-decoration: none;
}

.compactheading2 {
font-size: 143.1%;
font-weight: bold;
}