/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
font-family: "Franklin Gothic Medium", 'Lucida Sans', 'Lucida Grande', Arial, "Helvetica 45 Light", Helvetica, Verdana, sans-serif; font-size: 13px;
line-height: 18px; color: #222; margin: 0; padding: 0; }

#skip_links { position: absolute; }

#home_pg { background: url(/v1/images/band-green.gif) repeat-x #fff;}
#orangeband { background: url(/v1/images/band-orange.gif) repeat-x; width: 50%; position: absolute; right: 0; height: 500px; z-index: 1;}
#logo { float: left;background: url(/v1/images/a2ac-logo.gif) no-repeat; width: 550px; height: 36px; margin: 0; text-indent: -99999px; overflow: none; display: block;}

#tbar_nav { margin: 0; padding: 0 40px 0 0; /* float: right; */ }
#tbar_nav li { float: right; margin: 0 0 0 10px; padding: 5px 0 0 0;list-style: none; font-size: 11px; }
#tbar_nav li a { color: #333; padding: 0 0 0 10px; text-decoration: uppercase; border-left: 1px solid #aaa;}
.nbl { border-left: none !important;}
.orangebg { background: url(/v1/images/inner-orange.gif) repeat-x; }
.brownbg { background: url(/v1/images/red-inner.gif) repeat-x; }
.orangebg #band { height: 235px; }
.greenbg #band { height: 235px; }
.brownbg #band { height: 235px; }
#home_pg #band { margin-top: 1px; }

.greenbg { background: url(/v1/images/inner-green.gif) repeat-x !important; }

#top_nav { border-bottom: 1px solid #fff; list-style: none; margin: 0; padding: 38px 0 0 0; height: 24px; }
#top_nav li { display: inline;  margin: 0; padding: 0; }

#top_nav li a { font-size: 14px; padding: 5px 10px 5px 10px; color: #fff; text-transform: uppercase; text-decoration: none; height: 15px; border-right: 1px solid #fff; }
#top_nav li a:hover { background: #fff; color: #000; }

#pagewidth {
width: 960px; margin: 0 auto 0 auto; z-index: 2; position: relative;}


/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 8px 0 0 0; clear: both; width: 960px;}

#main_nav li { float: left;  }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 40px; width: 120px; } 

#main_nav li ul { min-height: 1%; position: absolute; border: 1px solid #eee; border-top: none; left: -9999px; background: #fff; padding: 0px 2px 2px 2px; list-style: none; width: 180px; z-index: 100; }
#main_nav li ul li { float: none; background: url(/v1/images/dd_bg.gif) bottom repeat-x !important; display: block; padding: 3px 5px 3px 5px;}
#main_nav li ul li a { text-indent: 0; display: block; width: auto; height: auto; font-size: 12px; text-decoration: none; color: #333; text-transform: uppercase;}
#main_nav li ul li a:hover { color: #a7f438;}
#main_nav li:hover ul { left: auto; margin-top: -5px; }

/* ACCESSIBLE ROLL OVERS
#button1 { background: url(/v1/images/button1.jpg); width: 0px; }
#button1:hover { background: url(/v1/images/button1.jpg) -0px 0; }
#button.active { background: url(/v1/images/button1.jpg) -0px 0; }
*/

#home { background: url(/v1/images/menu/home.gif); width: 110px !important; }
#home:hover { background: url(/v1/images/menu/home.gif) -110px; }
#home.active { background: url(/v1/images/menu/home.gif) -110px; }

#about { background: url(/v1/images/menu/about.gif); width: 120px; }
#about:hover { background: url(/v1/images/menu/about.gif) -120px; }
#about.active{ background: url(/v1/images/menu/about.gif) -120px; }

#press { background: url(/v1/images/menu/news.gif);  }
#press:hover { background: url(/v1/images/menu/news.gif) -120px; }
#press.active { background: url(/v1/images/menu/news.gif) -120px; }







#events { background: url(/v1/images/menu/events.gif); }
#events:hover { background: url(/v1/images/menu/events.gif) -120px; }

#events.active { background: url(/v1/images/menu/events.gif) -120px; }

#addy { background: url(/v1/images/menu/addy.gif); }
#addy:hover { background: url(/v1/images/menu/addy.gif) -120px; }
#addy.active { background: url(/v1/images/menu/addy.gif) -120px; }

#classifieds { background: url(/v1/images/menu/classifieds.gif); }
#classifieds:hover { background: url(/v1/images/menu/classifieds.gif) -120px; }
#classifieds.active { background: url(/v1/images/menu/classifieds.gif) -120px; }

#membership { background: url(/v1/images/menu/members.gif);  }
#membership:hover { background: url(/v1/images/menu/members.gif) -120px;}
#membership.active { background: url(/v1/images/menu/members.gif) -120px;}

#contact { background: url(/v1/images/menu/contact.gif);  } 
#contact:hover { background: url(/v1/images/menu/contact.gif) -120px; }
#contact.active { background: url(/v1/images/menu/contact.gif) -120px; }

#side_nav { list-style: none; width: 150px; margin: 0px; padding-left: 15px; border-left: 10px solid #ccc; }
#side_nav li { padding-left: 0px; margin-left: 0px;  }
#side_nav li a { text-transform: uppercase; display: block; }
#side_nav li a:hover { background: #ddd; }

/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5 { margin: 12px 0 10px 0; }

p, ol, ul, img, dl { margin: 0 0 22px 0; }

h2#white { color: #fff; }

h1 { font-size: 225%; line-height: 1em; color: #333333; }
h1 strong, h2 strong, h3 strong, h4 strong { color: #f27c04; font-weight: bold; }

h1,h2,h3,h4 { color: #333; }

h3 { text-transform: uppercase; letter-spacing: .1em; }

h1 span { font-size: 14px; display: block; }
h2 { font-size: 175%; }
h3 { font-size: 18px; }
h4 { font-size: 125%; }
h5 { font-weight: bold; color: #5c5c5c; font-size: 14px; letter-spacing: -1px; margin: 0; }

/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { }
a:hover { }
a:visited { }
a:active { }

/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { height: 44px; padding: 0; clear: both; }

#content { margin-top: 40px; padding-bottom: 20px; }
#content a { color: #333333; text-transform: uppercase; /* text-decoration: none; background: url(/v1/images/a-underline.gif) bottom repeat-x; */ padding: 0 0 5px 0;}
#content a:hover { background: none; }

#footer { clear:both; background: url(/v1/images/footer.gif) repeat-x; height: 63px; padding: 15px 0 0 0; font-size: 10px; color: #628d23;} 
#footer p { width: 960px; margin: 0 auto 0 auto; }
#footer a { color: #000000; }
#footer a:hover { text-decoration: none; }

#right_col { width: 635px; float: right; }

#left_col { width: 300px; float: left; border-right: 1px solid #ddd; }
#left_col .section { padding-bottom: 30px; border-bottom: 1px solid #ddd; }
#left_col p { font-size: 12px; }

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }


.firstone { background: url(/v1/images/header-banner.jpg) no-repeat; }
.secondone { background: url(/v1/images/header-banner2.jpg) no-repeat; }
#band { height: 346px; }
.greenbg #band a { color: #000 !important; }
.greenbg #band p { color: #000 !important; }


#band_right { width: 475px; float: right; padding: 45px 10px 0 0px; color: #FFFFFF; line-height: 18px; font-style: italic;margin-right: 0px;}


#band_right h2 { color: #fff; }



.orangebg #band_right, .greenbg #band_right { width: 575px; padding-top: 55px; }
.brownbg #band_right { width: 300px; padding-top: 45px; color: #2d410f; font-style: normal; }

.greenbg #band_right { color: #2d410f; }

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

.addyband { /* background: url(/v1/images/addies_header.jpg) center 119px no-repeat; */ 
background: url(/v1/images/aa_addy-banner_1.gif) center 119px no-repeat;
position: absolute; height: 400px; width: 99%; margin: 0; padding: 0;}


.aboutus { background: url(/v1/images/about_header.jpg) center 119px no-repeat; position: absolute; width: 100%; height: 400px; }

.pressr { background: url(/v1/images/press_header.jpg) center 119px no-repeat; position: absolute; width: 100%; height: 400px;}

.eventsb { background: url(/v1/images/events_header.jpg) center 119px no-repeat; position: absolute; width: 100%; height: 400px; }

.classb { background: url(/v1/images/class_header.jpg) center 119px no-repeat; position: absolute; width: 100%; height: 400px; }

.memberb { background: url(/v1/images/members_header.jpg) center  119px no-repeat; position: absolute; width: 100%; height: 400px; }

.article { margin-bottom: 45px; }


/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.nbmargin, .nmb { margin-bottom: 0px; }
.ntmargin { margin-top: 0px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skiplinks { position: absolute; margin-top: -100px; }

/*===============================================================

	P R E S S - R E L E A S E S 
	
============================================== =HELPER CLASSES */

dl.press dt { margin-top: 20px; color: #000; font-size: 13px; }
dl.press dd { color: #333333; font-size: 13px; line-height: 1.45em;}

.press { color: #333333; line-height: 1.25em; list-style: none; font-size: 12px; padding-left: 0px; }
.press span { color: #000; display: block; margin-bottom: 5px; font-size: 12px;}

.press li { margin: 0 20px 20px 0; font-size: 11px; }

.press2 { color: #333333; line-height: 1.25em; list-style: none; font-size: 12px; padding-left: 0px; }
.press2 span { color: #000; display: block; margin-bottom: 5px; font-size: 12px;}
.press2 li { height: 75px; margin: 0 10px 10px 0; font-size: 11px; border: 5px solid #ddd; padding: 10px; float: left; width: 43%; }

.events { padding-left: 0px; }
.events li { margin-bottom: 20px; list-style: none; line-height: 1.45em; color: #333; padding-left: 0; font-size: 11px; }
.events li span { color: #000; margin-bottom: 5px; }

strong { font-weight: bold; }

ul { list-style: disc; padding-left: 25px; }

.zemContactForm fieldset {
margin-bottom: 25px; padding: 5px;
   }
.zemContactForm legend {
   padding: 0.5em 10px 0.5em 0;
   width: 100px; display: none;
   }
.zemContactForm label {
   float: left;
   width: 100px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }

.halfcol { width: 46%; float: left; }
.halfcol2 { width: 46%; float: right; }

.ntm p { margin-top: 0px !important; }

.bc {  clear:both; padding-top: 4px; font-size: 11px;  }
.bc p { display: inline; }
.bc a { color: #666; }

.sep { margin: 30px 0 30px 0; padding: 0 30px 15px 30px; 
border: 10px solid #ddd; }

.hsep1 { padding: 0 9% 0px 0; width: 40%; float: left; margin: 30px 0 30px 0; }

.hsep2 { padding: 0 0 0 0; margin: 30px 0 30px 0; width: 49%; float: left; }

.seventypercent { width: 45%; float: left; }
.twenty { width: 261px; margin: 0 10px 0 0; float: left; font-size: 12px; line-height: 18px; }
.twenty p { margin: 0 0 5px 0; }

a.nunderline { background: none !important; }

/* === ICONS == */

.iconlist { list-style: none; margin-left: 0px; padding-left: 0px; }

.iconlist a { text-transform: uppercase; font-weight: bold; letter-spacing: .01em; }
.iconlist li { margin: 8px 0 8px 0; }


.signup { background: url(/v1/images/signup.gif) no-repeat left center; padding: 0 0 0 30px; }
.event { background: url(/v1/images/event.gif) no-repeat left center; padding: 0 0 0 30px; }
.connect { background: url(/v1/images/member.gif) no-repeat left center; padding: 0 0 0 30px; }

.imgfl { float: left; margin-right: 15px; padding: 10px; border: 1px solid #ddd; }

.logo_left { float: right; padding-left: 15px; }

.mem_right { float: left; width: 350px; }



.home_class { border: 1px solid #eee; list-style: none; padding-left: 0px; }
.home_class ul { list-style: none; padding-left: 0px; }
.home_class .title { font-weight: bold; background: #eee; color: #333; padding: 3px; margin-bottom: 9px; }

.members-table { border: 1px solid #eee; padding: 1px; width: 100%; }
.members-table th { padding-left: 10px; background: #a7a7a7; text-transform: 
uppercase; font-weight: bold; color: #fff; }
.members-table tr { border-bottom: 1px solid #eee; font-size: 12px; }
.members-table td { padding-left: 10px; }

#bottom_three { clear: both; border-top: 3px double #ddd; padding: 0 0 30px 0; }
.bottom_one { width: 290px; float: left; }
.bottom_two { width: 310px; padding: 0 20px 0 20px;  border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: left; margin-left: 10px; font-size: 12px; }
.bottom_third { width: 290px; float: right; }

.date_td { font-size: 10px; color: #000; }

.classified_table { padding: 1px; border: 1px solid #eee; }
.classified_table th { background: #eee; text-transform: uppercase; padding-left: 5px; }
.classified_table td { padding-left: 5px; }
.classified_table a { text-transform: none !important; }

.byline { font-size: 14px; text-transform: uppercase; color: #5c5c5c; }

.byline p { display: inline; }

.evenet_blurb { width: 335px; float: left; font-size: 13px; line-height: 19px; }

.button { margin: 18px 0 0 0 !important; background: #a7a7a7; padding: 2px; color: #fff; text-align: center; }
.button a { background: none !important; color: #fff !important; }

.event_listing { padding-bottom: 40px; margin-bottom: 40px; clear: both; border-bottom: 1px solid #ddd;}

.addy_table td { padding: 3px; }
.addy_table { border: 1px solid #dedede; margin-bottom: 30px; }
.addy_table td { border-bottom: 1px solid #dedede; height: 20px;}