@import url("screen-table.css");

a:active{
  outline: none;
}

html{
	background: #FFFFFF;
}
body{
	background: url(../siteImages/body-bg.jpg) top repeat-x;
}

dl{
padding: 0 0 0 1.5em;	
}

dt{
 width:13.5em;
 float: left;
 font-weight: bold;
}

dd{
	display: block;
	margin-left:13.5em;
}

h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
}

h2{
	margin:10px 0;
	font-weight:bold;
}
h3{
	font-size: 16px;
	font-weight:bold;
	margin:10px 0;
}
p{
	font-family: Arial, Helvetica, sans-serif;
		margin:10px 0;
}

strong, b{
	font-weight:bold;
}
em, i{
	font-style: italic;
}

#bd{
	height: 100%;
	background:url(../siteImages/bd-bg.jpg) repeat-y;
	width:960px;
}
#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.84em;/* non-IE */
	*width:72em;/* IE */
	min-width:960px;/* optional but recommended */
	height: 100%;
}
div.yui-g{
	height: 100%;
}
#date{
	width:220px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	position:relative;
	top: -30px;
	left:720px;
	text-align:right;
	z-index:1;
	margin-bottom:-20px;
}
#section-heading{
	width:480px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFF;
	position:relative;
	top: -40px;
	left:235px;
	text-align:left;
	z-index:1;
	margin-bottom:-20px;
}

#header{
	width:960px;
	height:83px;
	background: #00326a;
}

#navbar{
	width:960px;
	height:35px;
	background: #eff3f9;
	color:#666666;
	text-align: center;
}

#main-top{
	width:960px;
	/*height:292px;*/
	background: #00326a;
	margin:0;
	padding:0; 
}
.hard{
	clear:both;
	height: 1px;
	visibility: hidden;
}
.home{
	height:250px;
}
.landing{
	height:55px;
}
#main-content{
	width:758px;
	height:100%;
	float: left;
	background-color: #FFFFFF;
	/*min-height:672px;*/
	min-height:628px;
}
#main-content-ad{
	float:left;
	width:250px;
	height:200px;
	border: 1px solid #000;
	margin:5px 10px 5px 0;
}
#main-content-showsidebar{
	width:555px;
	height:100%;
	float: left;
	background-color: #FFFFFF;
	min-height:628px;
}
#main-content-sidebar{
	float:right;
	width:180px;
	height: 100%;
	/*border: 1px solid #000;*/
	margin: 30px 20px 20px 0;
}
.contentDisplay{
	margin:20px 50px	
}
.contentDisplay-sidebar{
	margin:20px 20px 20px 50px;	
}
.contentDisplay h1{
	font-size:26px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	margin:10px 0;
}
.contentDisplay p, .contentDisplay ol, .contentDisplay ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#58585b;
	margin:15px 0;
}
.contentDisplay ol{
	margin-left:15px;
}
.contentDisplay ul{
	margin-left:25px;
}
.contentDisplay ul li{
	list-style: disc;
	padding-left:3px;
}
.contentDisplay ol li{
	list-style: decimal;
	padding-left:3px;
}

.contentDisplay img{
	margin-right:10px;
	margin-left:10px;
}
div#main-center{
	width:758px;
	/*height:344px;*/
	height:300px !important;
	margin:0;
	padding:0;
	float:right;
}
#main-center div.col2{
	background: url(../siteImages/center-col2-bg.jpg);
	/*height:344px;*/
	height:300px;
}
#main-center div.col3{
	background: url(../siteImages/center-col3-bg.jpg);
	/*height:344px;*/
	height:300px;
}
#main-bottom{
	width:758px;
	height:328px;
	color: #FFFFFF;
	margin:0;
	padding:0;
	float:right;
}
#main-bottom h2{
	font-size: 14px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 4px;	
}
#main-bottom p{
	/*font-size: 13.5px;*/
	line-height: 24px;
}
#main-bottom a{
	color: #FFF;
	text-decoration: none;
}
#main-bottom div.col2{
	background: url(../siteImages/bottom-col2-bg.jpg);
	height:328px;
}
#main-bottom div.col3{
	background: url(../siteImages/bottom-col3-bg.jpg);
	height:328px;
}

#main-bottom p.more{
	margin-top: -10px;
	margin-bottom:0;
}

#main-sidebar{
	width:202px;
	height:628px;
	display:block;
	float:left;
}
#sidebar-top{
	background: url(../siteImages/center-col1-bg.jpg) top no-repeat;
	height:300px;
	width:202px;

}
#sidebar-bottom{
	background: url(../siteImages/bottom-col1-bg.jpg);
	height:328px;
	width:202px;
}
div.col1{
	float:left;
	width:202px;
}
.col1 h2, .col1 a{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}
.col1 a:hover h2, p.more a:hover, #main-bottom a:hover{
	text-decoration: underline;
}
div.col2{
	width:345px;
	float:left;
	padding:0;
}
div.col3{
	width:413px;
	float:left;
	padding:0;
}
div.colpad{
	margin: 10px 15px;
}
#ft{
	width:960px;
	height:70px;
	color:#666666;
	text-align:center;
}
#login{
	float:right;
	width:260px;
	line-height:36px;
	font-size: 10px;
	text-align:right;
	margin-right:15px;
}
#login a{
	color:#000;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
#searchBar{
	width:491px;
	height:37px;
	background:url(../siteImages/searchbar-bg.jpg) left no-repeat;
	float:right;
	margin-top:46px;
}
#searchbox{
	width:200px;
	float:left;
	font-size: 10px;
	
}
#searchbutton{
	width:20px;
	height:20px;
	background: url(../siteImages/search-button.gif) center no-repeat;
	outline: none;
	border: none;
}
#searchbox label{
	font-size:15px;
	color: #000;
	font-weight: bold;
	line-height: 36px;
	margin-left:20px;
}
#footer{
	width:880px;
	margin: 0 auto;
	padding:0;
}
#copy{
	width:470px;
	margin:0 auto;
	padding: 0;
	height:20px;
}
ul.footer{
	padding:10px 0 5px 0;
}
ul.footer li{
	padding:0 10px;
	display:inline;
	border-left: solid 1px #666666;
	font-weight: bold;
}
ul.copy li{
	font-size: 80%;
	padding:0 6px !important;
	line-height: 12px;
	display:inline;
	border-left: solid 1px #666666;
	font-weight: bold;
}
ul.copy li a, ul.credits li a{
	color:#666666;
	text-decoration: none;
}
ul.copy li a:hover, ul.credits li a:hover{
	text-decoration: underline;
}
ul.credits{
	padding:1px 0 5px 0;
}
ul.credits li{
	font-size: 85%;
	padding:0 6px !important;
	line-height: 12px;
	display:inline;
	border-left: solid 1px #666666;
}

p.more, p.more a{
	color:#FFFFFF;
	text-align: right;
	font-size: 15px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	margin:15px 0;
}
.calendarItem{
	margin-top:12px;
}
.calendarItem h2{
	color:#2797d4;
}
.calendarItem p{
	margin-top:5px;
}

#builderBroadcast{
	color:#fff;
	text-decoration:none;
}
#builderBroadcast a, #builderBroadcast a:visited{
	color:#2797d4;
}

.column{
	width:380px;
	height:60px; 
	margin: 18px auto;
}
.column img{
	float:left;
	height:60px;
	width:80px;
	margin:0;
	padding:0;
}
.column-desc{
	width:285px;
	height:50px;
	float:right;
}
.column-desc a{
	font-weight: bold;
	color:#2797d4;
	text-decoration: none;
	font-size:130%;
}
.column-desc p{
	line-height: 15px;
	margin:0;
}
.column-desc p a:hover{
	text-decoration:underline;
}

.bb-li{
	width:380px;
	height:70px; 
	margin: 10px auto;
}

.bb-li img{
	float:left;
	height:70px;
	width:95px;
	margin:0;
	padding: 0;
}
.bb-desc{
	width:270px;
	height:50px;
	float:right;
	margin-top:5px;
}
.bb-desc a{
	font-weight: bold;
	color:#6699ff;
	text-decoration: none;
}
.bb-desc p{
	line-height: 15px;
	margin:0;
}
.bb-desc p a:hover{
	text-decoration:underline;
}
.bb-desc p.more{
	margin-top: 10px;
}
.bb-desc p.more a{
	color:#ffffff !important;
}

#actionNews, #actionNews a,#actionNews a:visited{
	color:#fff;
	text-decoration:none;
}
#actionNews a:hover{
	text-decoration:underline;
}
#actionNews h2{
	font-weight:bold;
	font: "Arial Black";
	margin: 10px 0;
}
#actionNews li{
	/*margin:20px 0;*/
	margin:16px 0;
}

/********************************************
	NAVIGATION MENU STYLES
********************************************/
#nav {
	width:880px;
	/**width:940px;*/
	margin:0 auto !important;
}
#nav, #navbar ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
#nav li{ /* all list items */
	list-style: none;
	float:left;
	height:16px;
	/*width:7em;*/
	margin:10px 0;
	padding:0;
	border-left: solid 1px #666666;
	font-weight: bold;
	text-align: left;
	position:relative;
	z-index:500;
}
li.first{
	border:none !important;
}

#nav li ul { /* second-level lists */
	position:absolute;
	left:-999em;
	margin-left:0;
	margin-top:0;
	top:25px;
	background:#666;
	z-index:20;
	width:15.7em;
}

#nav li ul li { /* second-level lists */
	display:block;
	float:none;
	z-index:30;
	position:relative;
}
#nav li ul li a{
	color:#eff3f9 !important;
	width: 99%;
	border:none;
	outline:none;
}
#nav li ul ul { /* third-and-above-level lists */
	left:-999em;
	margin: -2.5em 0 0 15.6em;
}
/*#nav li ul ul li a{
	color:#666 !important;
	width: 100%;
}*/
#nav li a {
	display:block;
	color:#666666;
	text-decoration:none;
	text-align:left;
	margin:0 10px;
	height:20px;
	outline: none;
	border: none;
}

#nav li a:hover{
	text-decoration:underline;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#navbar li a{
	height:35px;
}


/* Builder Broadcast Styles */
#bbVideo{
	width:640px; 
	height:520px; 
	margin:30px auto 0 auto;
}

#videoList{
	width:640px;
	margin:0 auto;
	padding:8px 0;
	background-color: #efefef;
	overflow: hidden;
}
#videoList ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

#videoList li{
	display: block;
	float:left;
	width: 190px;
	margin: 0 10px;
}

#videoList .bb-li{
	width:180px;
	height:70px;
	margin:0;
}
#videoList .bb-li img{
	float:left;
	height:45px;
	width:60px;
	margin:5px 0;
	padding: 0;
}
#videoList .bb-desc{
	width:110px;
	height:50px;
	float:right;	
}
#videoList .bb-desc a{
	color:#6699ff;
	text-decoration: none;
}
#videoList .bb-desc p{
	margin:0;
	font-size: 90%;
}
#videoList p.bbTitle{
	font-weight: bold;
	font-size: 95%;
}
#videoList li.active p.bbTitle{
	color:#aaaaaa;
}
#videoList .bb-desc a:hover{
	text-decoration:underline;
}

/* Site Search Styles  */

.search-result-content{
	margin:20px 0;
}
.search-result-summary{
	font-size:90%;
	margin-left:4em;
}
dl.search{
	padding:0;
}

dl.search dt {
	font-weight: bold;
	font-size: 120%;
	width:100%;
	float:none;
}

dl.search dd {
	margin-bottom: 1em;
	overflow: hidden;
	line-height: 16px !important;
	margin-left:0;
}

dl.search dd p{
	margin-top: 0 !important;
}

span.highlight {
	background: #FFFACD;
	padding: 0 0.1em;
	border: 1px solid #FFF597;
}

/* Form Styles  */

form p {
	margin: 0.5em 0 0.5em 0 !important;
	padding: 0;
}
label.required {
	border-left: 2px solid red;
	color: red;
	font-weight: bold;
	padding-left: 1em;
}
div.confirm {
	clear: both;
	padding: 1em 0 0 13.5em !important;
	padding-left: 14.5em;
}
div.FHBAjoin label {
	border-left: 2px solid #FFFFFF;
	clear: left;
	display: block;
	float: left;
	padding: 0.15em 0 0 1em;
	width: 12em;
}
div.confRegistration label {
	border-left: 2px solid #FFFFFF;
	clear: left;
	display: block;
	float: left;
	padding: 0.15em 0 0 1em;
	width: 15em;
}
div.confRegistrationFees label {
	clear: left;
	display: block;
	float: left;
	padding: 0.15em 0 0 1em;
	width: 30em;
}
div.confRegistrationFeesTotal{
	padding-top:0.5em;
}

label.required span {
	display: none;
}
.hide{
	display: none;
}
.required{
	color:red;
	font-weight:bold;
}
div.error {
	background: #FFF1F2;
	border: 2px solid #FF6E7E;
	width: 40em;
	padding: 0.5em !important;
	padding: 1em 1em 0.5em 1em;
	margin: 1em;
}
div.error p {
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 1.5em;
	background: url(../images/log_out_16.gif) no-repeat;
	font-size: 130%;
}
div.error ul {
	margin-bottom: 0.5em;
	list-style: decimal;
}
div.error li{
	margin-left: 3em;
	list-style-type: disc;
}

fieldset {
	border-top: solid 2px #58585b;
	width: 48em;
	float: left;
	margin: 0.5em 0;
}

legend {
	color:#58585b;
	font-size: 120%;
	font-weight: bold;
	padding: 0.2em;
	margin-bottom:0.2em;
}

.black{
	color:#000000 !important;
}


#confReview dl, #confInvoice dl{
padding: 0 0 0 0.5em;	
}

#confReview dt, #confInvoice dt{
 width:10.5em;
 float: left;
 font-weight: bold;
}

#confReview dd, #confInvoice dd{
	display: block;
	margin-left:10.5em;
}

.cancellation{
	border: solid 1px #000000;
	font-size: 85%;
	padding:5px;
	margin-top: 2em;
}

.clickHere{
	width: 70px;
	height: 19px;
	display: inline-block;
	background: url(../images/click_here_button_blue.gif) no-repeat;
	outline: none;
	text-decoration: none !important;
}

a.clickHere:hover{
	background: url(../images/click_here_button_green.gif) no-repeat;
}

#marquee{
width:960px;
height:25px;
background:#feb254;
padding: 5px 0 0 0;
margin: 0;
position:relative;
z-index: 1;
clear:left;
font-weight:bold;
}

#marquee a{
	text-decoration: none;
	color:#ffffff;
}

#marquee a:hover{
	text-decoration: none;
	color:#e7e4e4;
}

#marquee div{
	z-index:1;
}