@charset "UTF-8";
/* CSS Document */

/*	--------------------------------------------
	Eric Meyer's Reset
	--------------------------------------------  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

:focus { outline: 0; }
body {background: white; }
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}


/* 	----------------------------------------------- 
	GENERAL MULTI PURPOSE CLASSES
	----------------------------------------------- */

.clear			{ clear:both; }
.cleft			{ clear:left; }
.cright			{ clear:right; }

.fleft			{ float:left; }
.fright			{ float:right; }

.text-left		{ text-align:left; }
.text-right		{ text-align:right; }
.text-center	{ text-align:center; }
.text-justify	{ text-align:justify; }

.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.underline		{ border-bottom:1px solid; }
.highlight		{ background:#ffc; }

.wrap			{ width:960px;margin:0 auto; }
.img-left		{ float:left;margin:4px 10px 4px 0; }
.img-right		{ float:right;margin:0px 0 4px 0px; }

.nomargin		{ margin:0 !important; }
.normargin		{ margin-right:0 !important; }

.nopadding  	{ padding:0; }
.noindent      	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }



/*  ----------------------------------------------- 
	GENERAL Styles for body and wrapper
	-----------------------------------------------  */

body{ color:#424242; font-size:0.8em;}

h1, h2, h3, h4, h5, h6{ font-weight:bold;}
h1	{ font-size:1.5em;}
h2	{ font-size:1.2em;}
h3	{ font-size:1.1em; line-height:1.2em}
h4	{ font-size:1em; line-height:1.2em}
p	{font-size:0.9em; line-height:1.35em; }
a	{color:#003a62; text-decoration:underline;}



/*  ----------------------------------------------- 
	Main Layout
	-----------------------------------------------  */

#wrapper{width:936px; margin:0 auto; position:relative;}
#header {width:882px; height:54px; padding:24px 27px 22px 26px; margin:0 0 10px; background:url("../images/bg_header.jpg") no-repeat;}
#header p{font-size:0.9em; margin:15px 50px 0 0;}
#header p, #header a{color:#FFFFFF;}

#left_cl{ width:200px; margin:0 10px 0 0; }

#footer{clear:both; width:906px; padding:20px 15px 10px;background:#00284a; color:#FFFFFF; margin:0 0 15px;}
#footer a{color:#FFFFFF;}

/*advertising sections */
.advbottom{	border-top: 1px solid #999999;	padding: 10px 0; width: 100%; margin: 0 0 10px; text-align:center; }
.advbottom .advcontbtm{width:728px; height:90px; margin:0 auto; }
.advside{margin: 15px 0 0; }
.advside p{margin: 0 0 10px; padding:0 0 3px; border-bottom: 1px solid #999999; }	
.advside .advcont{text-align:center }	
	

/* homepage layout */
#main_cl{ width:726px; }
#sub_lc{ width:306px; margin:0 10px 0 0; }
#sub_rc{ width:410px; }

/* Inner pages layout */
#central_cl{ width:506px; padding:20px 0 0 10px; margin:0 10px 0 0;}
#central_cl h1{height:20px; text-indent:-6000px;}
#central_cl p{font-size:1em; line-height:1.3em;}

#central_cl .colbox{width:228px; height:220px;}
#central_cl .smallbox{width:161px; height:220px; margin-bottom:30px}

#right_cl{width:200px; padding:50px 0 0;}


/* General common classes */
.box{padding: 0 10px; margin: 0 0 30px;}
.box_title{height:21px; color:#FFFFFF; margin:0 -10px 10px; text-indent:-6000px;}
.upper_box{height:206px;}
.margin_b{margin:0 0 10px}
.dbmargin_b{margin:0 0 20px}
.margin_r{margin:0 10px 0 0}

.arrow{ padding: 0 0 0 16px}
.lgreen{ background:url("../images/icon_arrow_lgreen.gif")  no-repeat;}
.dgreen{ background:url("../images/icon_arrow_dgreen.gif") no-repeat;}
.dblue{ background:url("../images/icon_arrow_dblue.gif") no-repeat;}
.dgrey{ background:url("../images/icon_arrow_dgrey.gif") no-repeat;}

/* Navigation */
ul#nav {height:319px; margin:0 0 10px}
ul#nav a{text-decoration:none}
ul#nav a:hover{text-decoration:underline;}

ul#nav li.mainitem {border-top:1px solid #3186bd; border-bottom: 1px solid #a7c6da;line-height:1.3em; padding: 0 0 1px; margin: 0 0 2px;}
ul#nav li.mainitem a{ color:#3186bd; font-size:1em; font-weight:bold;}
ul#nav li.mainitem ul{padding: 1px 0 2px 10px;}
ul#nav li.mainitem li {line-height:1.1em}
ul#nav li.mainitem li a{color:#585858; font-weight:normal; font-size:0.9em; }


/*  ----------------------------------------------- 
	Homepage 
	-----------------------------------------------  */

/* news */
#news h2{background:#af9753 url("../images/bg_title_news.gif") no-repeat;}
#news .news_item .news_date{ font-size:0.9em; font-style:italic;}
#news .news_item .news_title, #news .news_item a { font-weight:bold; line-height: 1.2em;margin:0 0 2px; }

/* sponsors */
#sponsors h2{background:#73644f url("../images/bg_title_sponsors.gif") no-repeat;}
#sponsors p, #sponsors img{margin: 0 0 10px;}

/* flash */
#flash{height:319px;}

/* Feature */
#feature {background:url("../images/bg_box_feature.gif") bottom repeat-x; height: 206px}
#feature h2{background:#0081a6  url("../images/bg_title_feature.gif") no-repeat ;}
#feature h3, #feature p {margin: 0 0 5px; }
#feature p{width: 121px;}

/* Why Join */
#why_join h2{background:#325069  url("../images/bg_title_whyjoin.gif") no-repeat;}
#why_join h3{text-indent:-6000px; background:url("../images/bg_title_alreadymember.gif") no-repeat; height:13px;}
#why_join img{padding:3px 0 0 10px;}
#why_join p{font-size:0.96em; line-height:1.3em;}
#why_join a{font-size:0.85em}

#why_join label{display:block; height:16px; width:100px; padding:2px 0 0;  margin-bottom:8px; }
#why_join .ifield{display:block; height:16px; width: 180px; border:#5a5a5a 1px solid; background-color:#FFFFFF; margin:0; padding:0; margin-bottom:8px;}
#why_join .login{ width: 86px; height:18px; vertical-align:top; color:#FFFFFF; font-size:1em; padding:0 5px; font-weight:bold;  background:#325069 url("../images/icon_arrow_white.gif") bottom right no-repeat; border:0; text-align:left;}

/* Events */
#events h2{background:#72b32c url("../images/bg_title_events.gif") no-repeat;}
#events h4{margin: 0 0 3px;}
#events img{padding: 0 10px 10px 0px; }
#events .event_item{height:69px}
#events p{font-size:0.85em ; line-height:1.2em}
#events a{color:#38452a;}

/* event pictures */
#event_pics h2{background:#136665  url("../images/bg_title_eventpics.gif") no-repeat;}
#event_pics img{margin: 0 -10px 10px -10px;}



/*  ----------------------------------------------- 
	About us page
	-----------------------------------------------  */

#central_cl #about_us{ background:url("../images/bg_title_aboutus.gif") no-repeat;}

#rel_downloads h2{background:#908371 url("../images/bg_title_reldownloads.gif") no-repeat;}
#rel_downloads ul li{height:40px; margin: 0 0 10px}
#rel_downloads ul li img{padding: 0 10px 5px 0px; }

#rel_links h2{background:#00a0d1 url("../images/bg_title_rellinks.gif") no-repeat;}

#images h2{background:#136665 url("../images/bg_title_images.gif") no-repeat;clear:both}
#images img{margin: 0 -10px 10px -10px;}

#right_cl #why_join .join_btn{display:block; text-align:right}
#right_cl #why_join img{margin:0; padding:0;}
#right_cl #why_join form{display:block;  width:180px; margin:0 0 5px;}
#right_cl #why_join label{width:65px}
#right_cl #why_join .ifield{width:110px}



/*  ----------------------------------------------- 
	Join us page
	-----------------------------------------------  */

#central_cl #join_us{ background:url("../images/bg_title_Joinus.gif") no-repeat;}
#central_cl #why_join_us{text-indent:-6000px; background:url("../images/bg_title_whyjoinus.gif") no-repeat;}
#central_cl #benefits{text-indent:-6000px; background:url("../images/bg_title_benefits.gif") no-repeat;}
#central_cl .bulleted{list-style: outside url("../images/icon_bullet.gif"); padding-left:17px}
#central_cl .bulleted li{margin:0 0 5px;}

#central_cl #contact {font-weight:bold; display:block;}
#central_cl #bizservices h3{margin:0 0 10px; background:#0081a6 url("../images/bg_title_bizservices.gif") no-repeat;}
#central_cl #memberships h3{margin:0 0 10px; background:#606365 url("../images/bg_title_memberships.gif") no-repeat;}
#central_cl #sponsorships h3{margin:0 0 10px; background:#73644f url("../images/bg_title_sponsorships.gif") no-repeat;}

#right_cl #why_join h2.just_join{background: #325069 url("../images/bg_title_alreadymember2.gif") no-repeat;}



/*  ----------------------------------------------- 
	Resources
	-----------------------------------------------  */

#central_cl #resources{ background:url("../images/bg_title_resources.gif") no-repeat;}
#central_cl #reldownloads{text-indent:-6000px; background:url("../images/bg_title_relateddownloads.gif") no-repeat;}
#central_cl .pdflist li{margin:0 0 8px; font-size:0.95em; min-height: 60px;}
#central_cl .pdflist li img{padding: 0 10px 10px 0px; }

#central_cl #links h3{background:#7e7e7e url("../images/bg_title_links.gif") no-repeat;}
#central_cl #promooffers h3{background:#375e63 url("../images/bg_title_promooffers.gif") no-repeat;}



/*  ----------------------------------------------- 
	Events
	-----------------------------------------------  */

#central_cl #event_title{ background:url("../images/bg_title_mainevents.gif") no-repeat;}
#central_cl #up_events h2{text-indent:-6000px; background:#72b32c url("../images/bg_title_upcomingevents.gif") no-repeat;}
#central_cl #past_events h2{text-indent:-6000px;  background: #136665 url("../images/bg_title_recent_events.gif") no-repeat;}
#central_cl .event_item h4{margin: 0 0 3px; margin-left:100px;}
#central_cl .event_item p, #central_cl #past_events .event_item a.link{font-size:0.9em; line-height:1.3em; margin-left:100px; }

#central_cl #past_events .event_item a.link{display:block;}
#central_cl #past_events div.event_item{min-height: 79px}


#central_cl h1#event_detail{text-indent:0px}
#central_cl #past_events{margin: 0 0 30px;}
#central_cl #past_events p {font-size:0.9em;}
#central_cl #past_events h2{height:21px; text-indent:-6000px; background: #136665 url("../images/bg_title_eventpics.gif") no-repeat; margin: 0 0 5px}
#central_cl div#image_display img{ margin: 0 10px 10px 0; }