@charset "UTF-8";
/* CSS Document */
/*standard colors: bright orange: #FF8B23, dark orange: #C87A03, bright blue: #006599, dark blue: #003F60 */
* {
	padding:0;
	margin:0;
	border:0;
} 
html, body {
	height:100%;
	min-height:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#444444;
	background: #006599 url(images/bodybkg.jpg) top left repeat-x;
	background-attachment:fixed;
}
#outer {
	width:960px;
	margin:0 auto;
	/*border:1px solid #EEEEEE;*/
}
#header {
	height:200px;
	border-bottom:1px solid #666666;
	/*background: transparent url(images/hfmaheader.jpg) top left no-repeat;*/
}
#content {
	width:960px;
	overflow:hidden;
	background-color:#EFEFEF;
}
#left {
	width:180px;
	float:left;
	z-index:1;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
#right {
	width:730px;
	float:right;
	z-index:-1;
	margin:0 20px 10px 20px;
	padding-top:15px;
}
#right p {
	padding:3px 20px;
	margin:5px 0px;
}
#right ul, #right ol {
	padding:0 20px 0 40px;
	margin:5px 0px;
	list-style-position:outside;
}
#right li { padding:1px 0; }
#footer {
	clear:both;
	text-align:center;
	color:#FFFFFF;
	background-color:#111111;
	font-size:10px;
	/*margin-top:-14px;*/
}
#footer p {
	padding:10px;
}

h2 {
	font-size:24px;
	line-height:26px;
	padding:10px;
	color:#C87A03;
}
h3 {
	font-size:18px;
	padding:5px 20px;
	color:#006599;
}
h4 {
	font-size:16px;
	padding:5px 0;
	color:#006599;
}
a img {
	border:0;
}
a {
	color:#006599;
	/*text-decoration:none;*/
}
a:hover {
	color:#FF8B23;
	/*text-decoration:underline;*/
}
.outdent {
	margin-left:-44px;font-weight:bold;
}
.phone {
	display:block;
	padding-left:20px;
	text-align:left;
	background:transparent url(images/iconphone.png) no-repeat;
}
.email {
	display:block;
	text-align:left;
	padding-left:20px;
	margin-bottom:10px;
	font-size:11px;
	background:transparent url(images/iconemail.png) bottom left no-repeat;
}
/*#right a {
	color:#006599;
}
#right a:hover {
	color:#C87A03;
}*/
/******************* slideshow styles *******************/
.showpics { height: 200px; width: 960px; padding:0; margin:0; overflow: hidden; }
.showpics img { height: 200px; width: 960px; padding: 0; background-color: #eee; top:0; left:0 }

/****************** sidebars ****************************/
.sidebarad, .sidebarnote {
	width:180px;
	height:70px;
	float:left;
	border:1px solid #DDDDDD;
	border-left:1px none #DDDDDD;
}
.sidebarnote {
	border:0 none #FFFFFF;
	height:auto;
}
.sidebarad a {
	display:block;
	width:180px;
	height:70px; 
	text-decoration:none;
	color:#444444;
	outline:0;
}
.sidebarad a:hover {
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
.sidebarad p, .text {
	padding:8px 0 0 60px;
	font-size:13px;
	font-weight:bold;
	display:block;
}
.sidebarnote p {
	padding:20px 10px 0 10px;
	font-size:10px;
	font-weight:normal;
}
.cohfma {
	background:transparent url(images/coflag.jpg) bottom left no-repeat;
}
.ushfma {
	background:transparent url(images/usflag.jpg) bottom left no-repeat;
}
.memberlogin {
	background:transparent url(images/memberlogin.jpg) bottom left no-repeat;
}

/****************** committee styles *********************/
.comtitle {
	font-size:16px;
	color:#006599;
	margin:10px 20px 3px 20px;
}
.comtitle a {
	text-decoration:none;
	color:#006599;
	outline:0;
}
.comtitle a:hover {
	border-bottom:1px dotted #006599;
}
.offdetail {
	width:530px;
	/*border:2px solid #CCCCCC;*/
	/*background: transparent url(images/graygrad40px.jpg) bottom left repeat-x;
	background-color:#DFDFDF;
	border-bottom:1px solid #CCCCCC;*/
	padding:10px;
	/*margin-left:20px;*/
	overflow:hidden;
}
.offdesc {
	float:left;
	width:340px
}
.comdetail {
	width:630px;
	padding:10px;
	overflow:hidden;
}
.comchair {
	width:140px;
	float:left;
}
.comdesc {
	float:left;
	width:440px;
	padding-left:10px;
	border-left:1px solid #CCCCCC;
}
.comdesc ol, .comdesc ul { padding-left:20px; }
.compics {
	width:250px;
	text-align:center; 
	float:left;
}
/*************** event styles *******************/
.eventdetail {
	width:630px;
	display:none;
	overflow:hidden;
}
div.eventdetail p, div.eventdetail li {
	font-size:10px;
}
/************** sponsor styles ******************/
.sponsor {
	width:160px; 
	height:120px; 
	/*background-color:#FFFFFF; */
	float:left; 
	text-align:center; 
	font-size:10px;
	padding:2px 5px;
}
.sponsordetail {
	width:680px;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	display:none;
	padding:10px;
	margin-left:20px;
	overflow:hidden;
}
/*****************************/
.photo {
  float:left;
  background-color:#f5f5f5;
  margin:0 5px;
  /*margin-bottom:10px;*/
  font-size:9px;
  padding:5px;
  border:1px solid #d8d8d8;
  text-align:center;
}
.photo img {
  display:block;
  margin-bottom:10px;
  border:1px solid #d8d8d8;
}
/***************** contact form ********************/
#contactform {
	margin:0;
	padding:0 20px 0 40px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
	height:40px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#fafafa;
	padding:2px 0;
	margin:0;
	line-height:12px;
}
input:hover {
	background-color:#fff;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}
/****************** item lists ***************/
.itemleftimg {
	padding:10px 0; 
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
}
.itemleftimg img {
	float:left;
	padding:0 10px 10px 0;
}
.itemleftimgtxt {
	margin-left:210px;
}
.itemleftimgtxt2 {
	margin-left:100px;
}

.itemleftimgtxt p, .itemleftimgtxt2 p {
	font-size:13px;
	line-height:16px; 
	padding-left:0;
	margin:2px 0;
}
.morebutton {
	background-color:#C87A03; 
	width: 240px; 
	text-align:center; 
	font-weight:bold;
	font-size:9px; 
	padding:3px;
	margin:4px 4px 20px 0;
	display:block;
	border:1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color:#FFFFFF;
}
.morebutton a {
	color:#FFFFFF;
	text-decoration:none;
}
.morebutton:hover {
	background-color:#FF8B23;
	border:1px solid #FFFFFF;
	border-top-color: #CCCCCC;
	border-left-color:#CCCCCC;
}

/**************** boxes *****************/
.floatrightbox {
	float:right; 
	width:250px; 
	margin:5px 15px 5px 10px; 
	border:2px solid #003F60; 
	padding:4px; 
	background-color:#003F60;
	color:#FFFFFF;
}
.floatrightbox h3 { color:#fff; }
#right .floatrightul {
	padding:0 20px 0 52px;
	margin:5px 0px;
	list-style:none; 
	color:#FFFFFF;
	font-size:12px;
}
#right .floatrightbox .floatrightul a {
	color:#FFFFFF;
}
#right .floatrightbox a {
	color:#FFFFFF;
}
#right .floatrightbox a:hover {
	color:#FF8B23;
}

/**************** tables ****************/
td {
	font-size: 12px; 
	padding:4px 10px; 
	border-bottom:1px solid #CCCCCC;
	line-height: 14px;
}
/**************** rss feeds ****************/
.newsblock {
	width:640px; 
	padding:0 10px 10px 10px; 
	border:1px solid #CCCCCC; 
	margin:-5px 0 20px 0; 
	background-color:#FEFEFE;
}
.datefield{ /*CSS for date field in general*/
	color:#666666;
	font-size: 10px;
}
.labelfield{
	color:#C87A03;
	font-size:10px;
}
#thenews a{ /*CSS specific to demo 3*/
	color: #003F60;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}

#thenews p{ /*CSS specific to demo 3*/
	margin-bottom: 2px;
}
#localnews a{ /*CSS specific to demo 3*/
	color: #003F60;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}

#localnews p{ /*CSS specific to demo 3*/
	margin-bottom: 2px;
}

.calpage {
	background:transparent url(images/calendar.gif) top left no-repeat; width:46px; height:49px; float:left;
}
.calmonth {
	font-weight:bold;color:#FFFFFF;text-align:center; font-size:11px; padding-top:2px; display:block;
}
.caldate {
	font-weight:bold;color:#FF8B23;font-size:24px;padding-top:2px;text-align:center;display:block;
}
a.downlink {
	background:transparent url(images/icondown.gif) bottom right scroll no-repeat;
	padding-right:14px;
}
a.uplink {
	background:transparent url(images/iconup.gif) top right scroll no-repeat;
	padding-right:14px;
}
/**************** registration css ****************/
.inputlabels, .inputlabelm, .inputlabell { padding:4px; display:inline-block; text-align:right; font-size:10px; }
.inputlabels { width:30px; }
.inputlabelm { width:50px; }
.inputlabell { width:70px; }
input.action_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input.action_button:hover {
	background-color:#333333;
}
.regwrapper {
	padding:5px; 
	clear:left;
}
.inputfield {
	padding:2px 5px;
	float:left;
	font-size:10px;
}
.extrainfo { 
	display:none;
	overflow:hidden;
	padding:0 0 10px 50px;
	border-bottom:1px solid #ddd;
}
/************** register form / validate.js classes ****************/
#registerForm label.error {
	position:absolute;
	bottom:-10px;
	left:5px;
	color:#FF0000;
	width:180px;
}
.inputfield { position:relative;}
input.email {background-color:#FAFAFA; margin:0; }
input.phone {background-color:#FAFAFA;}


/* added 3/26/10 by dd */
/********************* table formatting *******************/
.tablewrapping {
	padding:10px 0 10px 20px;
}
table.data {
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#222222;
	font-size: .75em;
	font-style: normal;
	line-height: 100%;     /* changed 8/16/09 was 150%  DD */
	font-weight: normal;
	font-variant: normal;
	}
table.data a {
	color:#0000CC;
	text-decoration:none;
	border-bottom:1px dotted;
	}
table.data a:visited {
	color:#444;
	font-weight:normal;
	}
table.data a:visited:after {
	content:"\00A0\221A";
	}
table.data a:hover {
	border-bottom-style:solid;
	}
table.data thead th,
table.data thead td,
table.data tfoot th,
table.data tfoot td {
	border:1px solid #333333;
	background-color:#003F60;
	border-width:1px 0;
	}
table.data th {
	font-weight:bold;
	line-height:normal;
	padding:0.5em;	/* changed 3/22/10 was 0.5em DD */
	text-align:left;
	color:#FFFFFF;
	}
table.data tbody th,
table.data td {
	font-size: 1em;	/* added 3/22/10 DD */
	padding:0.5em;	/* changed 3/22/10 was 0.5em DD */
	text-align:left;
	vertical-align:top;
	}
table.data tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
table.data tbody th a:link,
table.data tbody th a:visited {
	font-weight:bold;
	}
table.data tbody td,
table.data tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
table.data tbody tr.odd th,
table.data tbody tr.odd td {
	border-color:#EBE5D9;
	background-color:#F7F4EE;
	}
table.data tbody tr:hover td,
table.data tbody tr:hover th {
	background-color:#FFFFFF;
	border-color:#C87A03;
	}
table.data caption {
	font-weight:normal;
	font-size:1.1em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}