@charset "utf-8";
body {
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	behavior: url(../includes/inc.csshover.htc);
	font-family: Georgia, "Times New Roman", Times, serif;
}
html, body, #wrapper   {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
	width: 947px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/bg-container.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#logo {
	text-align: center;
	padding: 30px 0;
}



#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	/*height: 150px;*/
	height: 180px;
	clear:both;
	background-color: #737566;
} 
#photo {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #d9dab7;
	font-size: 1px;
	background-image: url(../images/bg-photo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
	width:927px;
}
#header {
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#737466;
	height:321px;
}
#container {
	
	float: left;
	width: 927px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:20px;
	
	
}
#body {
	width: 525px;
	float: left;
	padding-left: 57px;
	padding-top: 40px;
	font-size:14px;
	color:#3a3a3a;
	text-align: justify;
	
}
#body.home {font-size:12px;}
#body p.error { color:#FF0000; font-weight:bold}
#body h1 {
	border-left: 5px solid #bdc169;	
	font-size: 24px;
	font-weight: normal;
	color: #9b8840;
	position:relative;
	left:-12px;
	margin-bottom:10px;
	padding:2px 0 2px 6px;
	text-align:left;
}
#body h2 {
	border-left: 3px solid #bdc169;	
	font-size: 16px;
	font-weight: normal;
	color: #9b8840;
	position:relative;
	padding:2px 0 2px 6px;
	margin:8px 0;
	}
#body h1 small { font-size:18px; color:#737466;}
#body ul {line-height:22px; padding: 10px 30px;  list-style-type:disc}
#body p {
	padding: 10px 0;
	line-height:22px;
	font-size:14px;
}

#body li {
	padding: 5px 0;
	line-height:22px;
}

#body p.signature {text-align:right; font-weight:bold; padding-top:0px;}
#body a {
	color: #676b25;
	text-decoration: underline;
}
#body a:hover { text-decoration:underline}
div.questionnaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #242424;
	padding:15px 0
}
div.questionnaire img { float:left;padding-right:20px; padding-bottom:20px; }
div.questionnaire p {line-height:15px!important; padding:0!important; font-size:10px!important;}

#body img.attyphoto { float:right; margin-left:20px; margin-bottom:10px; border: 3px solid #d9dbb8;}

#rightnav {
	float: right;
	width: 299px;
}
#rightnav h1 {
	background-color: #e6e9e6;
	background-image: url(../images/bg-titlesidebar.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 15px 0 15px 32px;
	font-size: 20px;
	font-weight:normal;
	color: #9b8840;
}
#rightnav h1 small { font-size:14px}
#rightnav ul { padding:15px 0 25px 1px;}
#rightnav ul li {font-size:13px;}
#rightnav ul li:hover {	background-image: url(../images/bg-rightnav-li.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #d9dab7;
}
#rightnav ul li a { padding:4px 0  4px 42px; display:block;  color:#4f4f4e; text-decoration:none; background:url('/images/sidearrow.gif') no-repeat 32px 7px;}

#rightnav ul li ul { padding:  0 0 10px 0px; background:#fff;}
#rightnav ul li ul li a {color:#9B8840; padding-left:44px; background:none;}
#rightnav ul li ul li a:hover { color:#4f4f4e; }
#rightnav p { padding: 10px 0 10px  32px; font-size:13px; color:#5b5b5a; line-height:16px;}

#rightnav div.questionnaire {
	padding: 20px 20px;
	background-image: url(../images/bg-questionnaire.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#rightnav div.questionnaire img { float:none; padding:0}
#rightnav div.questionnaire p {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #242424;
	padding: 10px 0px;
	}
#rightnav div.questionnaire a {color: #242424;}

/* CLEAR FIX*/
.clear {clear: both;height: 0;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear:both}
#footer #inner {
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	/*height: 148px;*/
	height: 180px;
	width: 927px;
	margin: 0 auto;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
}
#footer #inner a {color:#fff; text-decoration:none;}
#footer #footer-links  {
	float:left;
	background-image: url(../images/bg-footerleft.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 200px;
	padding: 40px 0 20px 35px;
}
#footer #footer-links a { font-weight:bold;}
#footer #inner a:hover {  text-decoration:underline;}
#footer-links .links-left { float:left; padding-right:20px; line-height:21px;}
#footer #copyright {
	float: left;
	width: 640px;
	padding-left: 22px;
	padding-top: 20px;
	text-align: justify;
}
#footer #copyright p {
	padding-top: 5px;
	line-height: 17px;
}

#body small {
font-size:10px
}

/* THIS IS THE MENU 
---------------------------------------------------------*/

/* Overall Box Properties */
#menu {
	width: 927px;
	float: left;
	border-top-width: 10px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bec26a;
	border-bottom-color: #FFFFFF;
	background-color: #9b8840;
}

/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	float: left;
	padding-left: 125px;
}

/* Position of menu elements */
#menu ul li {
	position: relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
}

/* Edit look of 1st level menu items */
#menu ul li a {
	display: block;
	float: left;
	color: #fff;
	padding: 17px 11px 17px 11px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
}

/* Added specifically for Internet Explorer */
* html #menu ul li a {
	
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#menu ul li a:hover {
	color: #fff;
	background-image: url(../images/bg-menuhover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Position of Drop Down Elements */
#menu ul li ul {
	position: absolute;
	display: none;
}

/* Hover of the Main Menu */
#menu ul li:hover {
	position: relative;
	color: #fff;
}

/* Added specifically for Internet Explorer Hover */
#menu ul li:hover > a,
#menu li a:hover,
* html #menu li a:hover {
	color: #fff;
	
}

/* For Top Level Hover when on the second level (I think) */
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 211px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	border-right: none;
	border-bottom: 1px solid #fff;
}

/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { 
	background: none; 
}

#menu ul li ul li,
#menu ul li.more ul li {
	width: 211px;
	
	padding: 0;
}

/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {
	background-color: #9b8840;
	padding: 8px 0px 8px 10px;
	width: 200px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	float: none;
}

#menu ul li ul li:hover { 
	
}

#menu ul li ul li a:hover {
	color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 8px 0px 8px 10px;
	background-image: url(../images/bg-menuhover.gif);
	background-repeat: repeat-x;
	background-position: left -20px;
}

#menu ul li ul li:hover > a {
	color: #fff;	
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 8px 0px 8px 10px;
}

#menu ul li ul li ul,
#menu ul li:hover ul li ul { 
	display: none; 
}

#menu ul li ul li:hover ul,
#menu li.exp:hover ul,
#menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 211px;
}

#menu ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 211px; 
}

#menu ul li:hover ul li:hover ul li a {
}

/* THIS IS THE MENU */

