﻿/*---------------Base styles--------------*/
* {
    margin: 0;
	padding: 0;
}
html, body, form {
	height: 100%;
}
body {
	background: #fff;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	font-size: 12px;
	color: #444;
}
#wrap {
	min-height: 100%;
	margin: 0 auto;
	width: 100%;
	background: #f6f3ee url(images/bg_main.jpg);
}
p {
    line-height: 20px;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 0;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
a:link, a:visited {
    color: #435943;
}

/*---------------Header styles------------------*/
#header {
	height: 140px;
	width: 940px;
	margin: 0 auto;
	/*overflow: auto;*/
}
#logoDiv {
    height: 122px;
    width: 168px;
    padding: 18px 0 0 0;
    float: left;
}

/*------------------Nav styles------------------*/  
#nav {
	width: 772px;
	float: right;
	clear: none;
	padding: 85px 0 0 0;
} 
#nav div {
    display: inline-block;
    float: right;
}
.mainMenu {
    display: inline-block;
}
.mainMenu li,
.registerGroup .buttonGroup li,
.loginGroup a:link {
    font-size: 17px;
    font-weight: bold; 
    padding: 0 12px;
}
.mainMenu li a:link, .mainMenu li a:visited,
.registerGroup .buttonGroup li a:link, .registerGroup .buttonGroup li a:visited,
.loginGroup a:link, .loginGroup a:visited {
    color: #3f3b3b;
    text-decoration: none;
}
.registerGroup .buttonGroup {
    list-style-type: none;
    margin: 0;
}
.registerGroup .buttonGroup .userMessages,
.registerGroup .buttonGroup .userNotifications,
.registerGroup .buttonGroup .userProfileImg {
    display: none;
}
.mainMenu li a:hover,
.registerGroup .buttonGroup li a:hover,
.loginGroup a:hover {
    color: #435943;
}

/*----------------Big Stripe Styles-----------------*/
#bigStripe {
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    height: 280px;
    background: #435943 url(images/bigstripe-bg.jpg) repeat-x;
}
#slideshow {
    width: 940px;
    margin: 0 auto;
    display: block;
    padding: 2px 0 0 0;
    height: 278px;
   /*background: rgba(255, 255, 255, 0.5);*/
}

/*----------------Content Styles------------------*/
#main {
	overflow: auto;
	padding-bottom: 218px; /* must be same height as the footer */
}
#content {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}
#contentCol {
    width: 628px;
    float: left;
	padding: 20px 0 0 0;
}
#sideCol {
    width: 282px;
    margin: 0 0 0 30px;
    padding: 20px 0 0 0;
    float: left;
}

/*-----------------Footer styles-----------------------*/
#footerWrap {
	position: relative;
	margin-top: -218px; /* negative value of footer height */
	height: 218px;
	clear: both;
	background: #0d0d0d;
}
#footerLg {
    background: #435943;
    height: 163px;
    border-top: 11px solid #3d523d;
    border-bottom: 13px solid #384c38;
}
#footerLgContent {
    width: 940px;
    margin: 0 auto;
    color: #8b9788;
    line-height: 40px;
}
#shLogoDiv {   
    padding: 28px 0 0 0;
    text-align: center;
    float: right;
}
#footerSm {
    background: #0d0d0d;
    height: 31px;
    width: 940px;
    margin: 0 auto;
}
#copyCredit {
    width: 940px;
    margin: 0 auto;
    line-height: 31px;
    color: #979797;
}
#copy {
   float: left; 
}
#credit {
    float: right;
}
#copyCredit a:link, #copyCredit a:visited {
    color: #666;
    text-decoration: none;
}
#copyCredit a:hover {
    color: #f6f3ee;
}

/*Opera Fix*/
body:before 
{
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/
}



/*  STICKY FOOTER NOTES
1. Do not use vertical margins with this code. You must use vertical padding instead.
2. Do not use relative font sizing - e.g. "em". Use absolute sizing - e.g. "px".
3. When using with .NET, you must add form tag to height 100% statement: 
	html, body, form, #wrap {height: 100%;}
*/

#ehCurrentContent {
    height: 80% !important;
}
