html { height: 100%; }
body { background-image: url(/images/bg_texture_01.jpg); background-position: top; font-family: 'Trebuchet MS' , 'Lucida Grande' , Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
h1, h2, h3, p { margin: 0 0 10px 0; padding: 0; }
h1 { color: #814c26; font-size: 22px; }
h2 { color: #814c26; font-size: 14px; }
h3 { color: #814c26; font-size: 11px; font-weight: bold; }
h4 { font-size: 10px; }
a:link, a:visited, a:active { color: #356e02; font-weight: bold; text-decoration: none; }
p.clear { clear: both; margin: 0; padding: 0; }
/*--------------------------------------------------------------------
Columns
--------------------------------------------------------------------*/
.halfCol {width: 355px; position: relative; margin-bottom:15px;}
.left {float: left; margin-right: 12px;}
.right {float: right; margin-left: 12px;}
/*--------------------------------------------------------------------
Header
--------------------------------------------------------------------*/
.headerShadowTop { display: block; margin-left: auto; margin-right: auto; }
#Header { background: url(/images/header_bg.jpg) no-repeat; background-position: bottom; height: 181px; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; width: 960px; }
#Header .shadowRight { float: right; margin: -15px -15px 0 0; }
#Header .shadowLeft { float: left; margin: -15px 0 0 -15px; }
#Header .logo { border: none; padding: 5px 0 2px 0; }
#headerButtons { float: right; margin: 4px 0 0 0; }
#headerButtons a { color: #356E02; font-weight: bold; text-decoration: none; }
#headerButtons a:hover { color: #234604; }
#headerButtons p { background: url(/images/box_expand.png) repeat-x; float: left; font-size: 20px; height: 46px; margin: 0; padding: 5px 0 0 4px; text-align: left; }
#headerButtons img { float: left; }
.boxOne_Right { margin-right: -45px; }
h1.logoType { margin: 0 0 0 9px; padding: 0; }
h1.logoType a { margin: 0; padding: 0; }
h1.logoType a:active, h1.logoType a:visited, h1.logoType a:link { color: #FFF8EB; text-decoration: none; }
img.greenArrow { border: none; margin-bottom: -3px; }
/*--------------------------------------------------------------------
Main Nav
--------------------------------------------------------------------*/
#nav { background: url(/images/nav_bg_01.png) repeat-x; background-position: top; float: left; height: 100%; margin-top: -5px; min-height: 370px; position: relative; width: 175px; padding-right: 10px; }
#nav ul { list-style: none; margin: 10px 0 35px 0; padding: 0;}
#nac ul li { width: 170px; display: block; position: relative; }
#nav ul li a { color: #356E02; display: block; position: relative; margin: 2px 0 2px 10px; padding: 5px 0 6px 15px; text-decoration: none; }
#nav ul li a.current, #nav ul li a:hover { background-color: #FDEED2; border-left: 1px solid #FDEED2; }
.joinButton { background: url(/images/join_button.jpg) top center no-repeat; height: 46px; padding: 0 0 20px 20px; width: 165px; }
.joinButton a:active, .joinButton a:link, .joinButton a:visited { color: #fcdca4; font-size: 32px; font-weight: lighter; text-decoration: none; }
div.facebook-wrapper { float: left; padding: 0 0 30px 10px; }
div.facebook-wrapper img.facebook-logotype { border: none; padding: 0 0 10px 0; }
div.constant-contact-wrapper { clear: left; float: left; padding: 0 0 30px 10px; }
div.constant-contact-wrapper div.constant-contact-box { background: #356E02; border-radius: 5px; moz-border-radius: 5px; padding: 10px; text-align: center; webkit-border-radius: 5px; width: 145px; }
/*--------------------------------------------------------------------
Content
--------------------------------------------------------------------*/
#allContent { background-color: #fff8eb; background-image: url(/images/linla_logo_transparent_01.png); background-position: bottom right; background-repeat: no-repeat; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: left; width: 960px; }
#contentWrapper { background: url(/images/background_squares_02.gif) repeat; margin: 0; width: 100%; }
.allContent_top { background: url(/images/header_border_bottom_01.png) repeat-x; height: 5px; margin-top: 0px; width: 100%; }
#allContent .shadowLeft { float: left; margin-left: -20px; margin-top: -5px; }
#allContent .shadowRight { float: right; margin-right: -20px; margin-top: -5px; }
#allContent p { color: #806048; font-size: 13px; }
#mainContent { float: right; margin-top: 15px; min-height: 600px; padding: 0 20px 20px 20px; width: 735px; }
#mainContent ul { color: #806048; font-size: 13px; list-style: none; margin: 0 0 10px 0; padding: 0 0 0 35px; }
#mainContent li { list-style-image: url(/images/list_icon_01.png); }
#mainContent a:hover { color: #234604; }
/*--------------------------------------------------------------------
Footer
--------------------------------------------------------------------*/
#Footer { background: url(/images/footer_bg_03.png) repeat-y; background-position: top; margin-left: auto; margin-right: auto; position: relative; width: 990px; }
#Footer a:link, #Footer a:visited, #Footer a:active { color: #ebf7db; font-weight: bold; text-decoration: none; }
#Footer a:hover { color: White; font-weight: bold; text-decoration: none; }
#Footer p { color: #ebf7db; font-size: 12px; font-weight: bold; margin-bottom: 0; padding: 10px 0 10px 0; text-align: center; }
.shadowBottom { clear: both; display: block; margin-left: auto; margin-right: auto; padding-bottom: 10px; }
.searlesLink { text-decoration: none; }
#searlesLogoBottom { background: url(/images/nav_bottom_bg_01.png) repeat-x bottom; height: 167px; left: 15px; padding: 0 17px 0 18px; position: absolute; text-align: center; top: -167px; width: 150px; }
#searlesLogoBottom img { border: none; margin: 0 0 10px 0; width: 150px; }
#searlesLogoBottom a:active, #searlesLogoBottom a:visited, #searlesLogoBottom a:link { color: #356E02; text-decoration: none; }
#searlesLogoBottom h1 { font-size: 14px; }
/*--------------------------------------------------------------------
Homepage
--------------------------------------------------------------------*/
#searlesBox { background: #FFFCF7; border: solid 1px Gray; float: right; text-align: center; width: 175px; }
#searlesBox img { border: none; padding: 15px 0 15px 0; width: 160px; }
#searlesBox p { font-size: 16px; margin: 3px 0 20px 0; text-decoration: none; }
.awardWinning { bottom: 10px; left: 18px; position: absolute; z-index: 20; }
#slideshowWrapper { height: 316px; margin: 0 0 20px 0; position: relative; width: 546px; }
#slideshow { display: none; height: 316px; overflow: hidden; width: 546px; z-index: 10; }
#slideshow img { display: none; }
.homeBoxes { float: right; font-size: 15px; width: 362px; }
.homeBoxes div { margin: 0 10px 15px 0; min-height: 130px; padding: 4px; text-align: center; width: 166px; }
.homeBoxes div, .BoD { background-color: #FFFCF7; border: 1px solid #F1DEBC; float: left; }
.homeBoxes h1, .BoD h1 { background-color: #FDEED2; width: 100%; }
.homeBoxes a:hover { color: White; font-weight: bold; text-decoration: none; }
div.homeBoxesLast { margin: 0 0 15px 0; }
.homeBoxes.events { float: left; }
.homeBoxes.events div { margin: 10px 0 0; width: 352px; }
.designBuildWinners { margin: 0 0 15px 0; width: 362px; }
.designBuildWinners img { border: none; }
/*--------------------------------------------------------------------
About Us
--------------------------------------------------------------------*/
#directorsList p { margin: 2px 0 2px 10px; }
#directorsList span { font-weight: bold; }
/*--------------------------------------------------------------------
Newsletters
--------------------------------------------------------------------*/
#Newsletters div { float: left; height: 240px; padding: 0 12px 12px 12px; width: 156px; }
#Newsletters img { display: block; height: 202px; margin-left: auto; margin-right: auto; width: 156px; }
#Newsletters p { margin-top: 3px; }
/*--------------------------------------------------------------------
Contact
--------------------------------------------------------------------*/
div.contact h2 { margin: 0 0 5px 0; color: #472A15; text-transform: uppercase; }
div.contact input, div.contact label{ clear: both; width: 100%; }
div.contact input, div.contact textarea { border: 1px inset #356E02; border-radius: 5px; margin: 0 0 15px 0; moz-border-radius: 5px; padding: 5px 3px; webkit-border-radius: 5px; }
.validationError { position: absolute; right: 0; top: 0; }
.submitButton { background: #D8E893; border: 1px outset #F0F3E0; float: left; padding: 10px 20px; }
div.contactPhotos img { float: left; margin: 20px 15px 0 0; }
div.contactPhotos img.last { margin-right: 0; }
/*--------------------------------------------------------------------
Events
--------------------------------------------------------------------*/
h1.trigger { background-image: url("/images/h2_trigger_a.png"); background-position: left top; background-repeat: no-repeat; cursor: pointer; float: left; font-size: 14px; margin: 10px 0 0 0; min-height: 30px; padding: 7px 0 0 45px; width: 700px; }
h1.trigger, h1.trigger a { background-color: #eef3d7; }
h1.trigger a { cursor: pointer; display: block; margin-bottom: 15px; text-decoration: none; }
h1.trigger span { color: #214303; font-size: 20px; }
h1.active { background-color: #f0f3e0; background-image: url("/images/h2_trigger_b.png"); background-position: left top; background-repeat: no-repeat; }
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { clear: both; margin: 0 0 5px; overflow: hidden; padding: 0; width: 745px; }
.toggle_container h2, .toggle_container h1 { margin: 10px 0 0 0; padding: 0; }
.toggle_container p { margin: 0 0 10px 0; padding: 0; }
a.link, .calendarLink { background-color: #d8e893; border: outset 1px #f0f3e0; color: #356E02; padding: 10px; font-size: 18px; margin: 10px 0; }
a.link {display: block;}
.calendarLink { width: 100%; }
.calendarLink img { border: none; float: left; margin-right: 10px; margin-top: -10px; }
a.link a:hover, .calendarLink a:hover { color: #234604; }
.toggle_container .block { background: #f0f3e0; padding: 0 20px 20px 20px; }
.toggle_container .block a { text-decoration: underline; }
.block span { color: #472A15; text-transform: uppercase; }
h1.toggle_container { color: #356E02; }
.homeDisplay { display: none; }
#navigation-block { left: 200px; position: relative; top: 200px; }
.benefitsOfJoining { float: left; margin: 0 10px 0 0; padding: 0 5px; width: 352px; }
.benefitsOfJoining h1 { font-size: 20px; }
.BoD p { margin-top: 0; }
.BoD { clear: both; margin: 0 15px 10px 0; width: 100%; }
.BoD span { font-weight: bold; }
.BoD h1 { margin: 0 0 11px 0; padding: 0 0 3px 5px; width: 730px; }
.BoD h2 { margin-top: 0; }
.BoDrow { clear: both; width: 100%; }
.BoDrow div { float: left; padding: 0 10px 0 5px; width: 228px; }
.BoDrow p { font-size: 10px; }
.eventPhoto { float: right; margin: 0 0 10px 10px; }
span.italic { font-style: italic; }
/*-------------------------------------------------------------------
TEMP Event Stuff
---------------------------------------------------------------------*/