/* CSS 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size: 100.01%;
	height: 100%;
	width: 100%;
}

body {
	line-height: 1;
}

* {behavior: url(iepngfix.htc);}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a:active, a:focus {outline: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
.clearfix {clear: both; display:block;}


/* GLOBAL ***************************************************/

body {
	background: #90a33b url(../images/main-bg2.jpg) 50% 0 repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #ffffff;
	line-height: 1.5em;
	padding-bottom: 150px;
}

 #top {
	width: 100%;
	height: 450px;
	background-image: url(../images/top-bg1.jpg);
	background-color: #1c1c1c;
	background-attachment:scroll !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

#header {
	width: 960px;
	height: 450px;
	margin: 0 auto;
	position: relative;
}

#header #logo-box {
	width: 235px;
	height: 100px;
	position: absolute;
	left: -10px;
	top: 0px;
}

#header #logo-box .logo {display: block; border: none; text-decoration: none;}

#header #top-nav {width: 250px; height: 250px; position: absolute; left: 0px; top: 100px;}

#header #top-nav ul {width: 250px; height: 250px; margin: 0px; padding: 0px;}

#header #top-nav ul li {display: block; width: 250px; height: 46px; background: url(../images/nav-spacer.png) 0 100% no-repeat;}

#header #top-nav ul li.spacer {display: block; width: 250px; height: 10px;}

#header #top-nav ul li a {width: 250px; height: 36px; display: block; text-indent: -100001px;}

#header #top-nav ul li a.about {background: url(../images/nav2.png) 0 0 no-repeat;}
#header #top-nav ul li a.about:hover {background: url(../images/nav2.png) -250px 0 no-repeat;}

#header #top-nav ul li a.resources {background: url(../images/nav2.png) 0 -46px no-repeat;}
#header #top-nav ul li a.resources:hover {background: url(../images/nav2.png) -250px -46px no-repeat;}

#header #top-nav ul li a.schedule {background: url(../images/nav2.png) 0 -92px no-repeat;}
#header #top-nav ul li a.schedule:hover {background: url(../images/nav2.png) -250px -92px no-repeat;}

#header #top-nav ul li a.network {background: url(../images/nav2.png) 0 -138px no-repeat;}
#header #top-nav ul li a.network:hover {background: url(../images/nav2.png) -250px -138px no-repeat;}

#header #top-nav ul li a.contact {background: url(../images/nav2.png) 0 -184px no-repeat;}
#header #top-nav ul li a.contact:hover {background: url(../images/nav2.png) -250px -184px no-repeat;}

#header #home-top-feature {width: 380px; height: 310px; position: absolute; left: 260px; top: 100px; padding: 20px;}
#header #home-top-feature #main-feature {background: url(../images/trans.png) 0 0 repeat; display: block; width: 380px; height: 310px;}
#header #home-top-feature #main-feature p {font-size: .8em; line-height: 1.5em; padding: 0px 40px 0px; margin-top: 10px; text-align: justify; letter-spacing: 0px;} 
#header #home-top-feature #main-feature h1.welcome {font-size: 1.25em; line-height: 1em; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; padding: 30px 40px 0px; letter-spacing: 0px;}

#header #home-top-feature #main-feature h2.btn {width: 75px; height: 75px; display: block; float: left; margin: 10px 12px 0px 40px;}
#header #home-top-feature #main-feature h2.btn2 {width: 75px; height: 75px; display: block; float: left; margin: 10px 13px 0px 20px;}
#header #home-top-feature #main-feature h2.btn3 {width: 75px; height: 75px; display: block; float: left; margin: 10px 0px 0px 20px;}

#header #top-content {width: 250px; height: 380px; position: absolute; right: 20px; top: 75px; font-size: .75em;}
#header #top-content p {text-align: justify;}

#header #top-content h2.btn {width: 75px; height: 75px; display: block; float: left; margin: 0px 12px 0px 0px;}
#header #top-content h2.btn2 {width: 75px; height: 75px; display: block; float: left; margin: 0px 13px 0px 0px;}
#header #top-content h2.btn3 {width: 75px; height: 75px; display: block; float: left; margin: 0px 0px 0px 0px;}

#header #social-networking {width: 250px; height: 50px; position: absolute; left: -8px; top: 385px;}
#header #social-networking ul {margin: 0px; padding: 0px;}
#header #social-networking ul li {display: inline; float: left; width: 125px; height: 50px;}
#header #social-networking ul li a {display: block; width: 125px; height: 50px; text-indent: -10001px; text-decoration: none;}

#header #social-networking ul li a.twitter {background: url(../images/sn1.png) 0 0 no-repeat;}
#header #social-networking ul li a.twitter:hover {background: url(../images/sn1.png) 0 -50px no-repeat;}

#header #social-networking ul li a.facebook {background: url(../images/sn1.png) -125px 0 no-repeat;}
#header #social-networking ul li a.facebook:hover {background: url(../images/sn1.png) -125px -50px no-repeat;}


/********* HEADER SECTION INTERIOR *********************************/

body.interior #top {width: 100%; background: #1c1c1c url(../images/top-bg1.jpg) 50% 0 no-repeat; }

body.interior #header {width: 960px; margin: 0 auto; position: relative;}

body.interior #header #logo-box {
	width: 235px;
	height: 100px;
	position: absolute;
	left: -20px;
	top: 0px;
}

body.interior #header #logo-box .logo {display: block; border: none; text-decoration: none;}

body.interior #header #top-nav {width: 250px; height: 250px; position: absolute; left: 20px; top: 125px;}

body.interior #header #top-nav ul {width: 250px; height: 250px; margin: 0px; padding: 0px;}

body.interior #header #top-nav ul li {display: block; width: 250px; height: 46px; background: url(../images/nav-spacer.png) 0 100% no-repeat;}

body.interior #header #top-nav ul li.spacer {display: block; width: 250px; height: 10px;}

body.interior #header #top-nav ul li a {width: 250px; height: 36px; display: block; text-indent: -100001px;}

body.interior #header #top-nav ul li a.about {background: url(../images/nav2.png) 0 0 no-repeat;}
body.interior #header #top-nav ul li a.about:hover {background: url(../images/nav2.png) -250px 0 no-repeat;}

body.interior #header #top-nav ul li a.resources {background: url(../images/nav2.png) 0 -46px no-repeat;}
body.interior #header #top-nav ul li a.resources:hover {background: url(../images/nav2.png) -250px -46px no-repeat;}

body.interior #header #top-nav ul li a.schedule {background: url(../images/nav2.png) 0 -92px no-repeat;}
body.interior #header #top-nav ul li a.schedule:hover {background: url(../images/nav2.png) -250px -92px no-repeat;}

body.interior #header #top-nav ul li a.network {background: url(../images/nav2.png) 0 -138px no-repeat;}
body.interior #header #top-nav ul li a.network:hover {background: url(../images/nav2.png) -250px -138px no-repeat;}

body.interior #header #top-nav ul li a.contact {background: url(../images/nav2.png) 0 -184px no-repeat;}
body.interior #header #top-nav ul li a.contact:hover {background: url(../images/nav2.png) -250px -184px no-repeat;}

body.interior #header #main-content {width: 525px; background-color: #ffffff; position: absolute; left: 310px; top: 125px; font-size: .75em; padding: 20px;}
body.interior #header #main-content #content-box {width: 525px; background: #e7e7e7; color: #1c1c1c; padding-bottom: 20px;}
body.interior #header #main-content #content-box p {text-align: justify; margin: 6px 0px; padding: 0px 20px;}

body.interior #header #social-networking {width: 250px; height: 50px; position: absolute; left: -8px; top: 385px;}
body.interior #header #social-networking ul {margin: 0px; padding: 0px;}
body.interior #header #social-networking ul li {display: inline; float: left; width: 125px; height: 50px;}
body.interior #header #social-networking ul li a {display: block; width: 125px; height: 50px; text-indent: -10001px; text-decoration: none;}

body.interior #header #social-networking ul li a.twitter {background: url(../images/sn1.png) 0 0 no-repeat;}
body.interior #header #social-networking ul li a.twitter:hover {background: url(../images/sn1.png) 0 -50px no-repeat;}

body.interior #header #social-networking ul li a.facebook {background: url(../images/sn1.png) -125px 0 no-repeat;}
body.interior #header #social-networking ul li a.facebook:hover {background: url(../images/sn1.png) -125px -50px no-repeat;} 


/*******************************************************************/


#middle {width: 100%; height: 200px;}

#middle #features {width: 960px; height: 200px; margin: 0 auto;}

#middle #features ul {width: 940px; height: 200px; margin: 10px 0px 0px 20px;}
#middle #features ul li {width: 300px; height: 190px; display: block; float: left; margin-right: 10px; margin-top: 0px; background: url(../images/trans.png) 0 0 repeat;}

#middle #features ul li.next-event-bg {width: 300px; height: 190px; display: block; float: left; margin-right: 10px; margin-top: 0px; background: url(../images/next-event-bg.jpg) 0 0 repeat;}

h3.next-event-title {font-size: 1.25em; line-height: 1em; color: #444d1c; margin: 0px 0px 5px 20px;} 
h4.next-event-date {font-size: .9em; color: #ffffff; margin: 0px 0px 0px 20px;}
p.next-event-details {font-size: .75em; line-height: 1.25em; color: #777777; margin: 0px 0px 20px 20px; font-weight: normal;}
h6.next-event-cat {font-size: .6em; text-transform: uppercase; color: #ffffff; margin: 25px 0px -2px 20px;}
h5.event-link a.more-info {background: url(../images/more-info-button.png) 0 0 no-repeat; width: 95px; height: 30px; display: block; text-indent: -10001px; float: right;}
h5.event-link a.more-info:hover {background: url(../images/more-info-button.png) 0 -30px no-repeat; width: 95px; height: 30px; display: block; text-indent: -10001px; float: right;}

h3.next-event-title,
h4.next-event-date,
p.next-event-details,
h6.next-event-cat {padding-right: 20px;}

p.quote {font-size: .8em; line-height: 1.5em; color: #ffffff; padding: 0px 25px; margin: 30px 0px 10px; font-style: italic;}
p.quote-info {font-size: .65em; line-height: 1.25em; color: #ffffff; padding: 0px 25px; margin: 10px 0px 20px;} 



#bottom {width: 100%; height: 150px;}

#bottom #footer {width: 920px; height: 125px; margin: 0 auto; background: url(../images/footer-bg.png) 50% 0 repeat-x; padding-top: 25px;} 

#bottom #footer p.title {font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: .85em; font-weight: bold; color: #66732a; text-transform:uppercase; text-align: center; margin-bottom: 5px; letter-spacing: -1px;}
#bottom #footer p.site-nav {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em; margin-bottom: 0px;}
#bottom #footer p.site-nav a, #bottom #footer p.site-nav a:link, #bottom #footer p.site-nav a:visited {color: #66732a; text-decoration: none;}
#bottom #footer p.site-nav a:hover {color: #c9dc59; text-decoration: none;}
#bottom #footer p.copyright {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}
#bottom #footer p.credits {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}
#bottom #footer p.credits a, #bottom #footer p.credits a:link, #bottom #footer p.credits a:visited {color: #66732a; text-decoration: none;}
#bottom #footer p.credits a:hover {color: #c9dc59; text-decoration: none;}




body.interior #middle {width: 100%; height: 200px;}

body.interior #middle #features {width: 960px; height: 200px; margin: 0 auto;} 

body.interior #middle #features ul {width: 940px; height: 200px; margin: 10px 0px 0px 20px;}
body.interior #middle #features ul li {width: 300px; height: 190px; display: block; float: left; margin-right: 10px; margin-top: 0px; background-color: #66732a;}



body.interior #bottom {width: 100%; height: 150px; position: relative; bottom: -150px;}

body.interior #bottom #footer {width: 920px; height: 125px; margin: 0 auto; background: url(../images/footer-bg.png) 50% 0 repeat-x; padding-top: 25px;} 

body.interior #bottom #footer p.title {font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: .85em; font-weight: bold; color: #66732a; text-transform:uppercase; text-align: center; margin-bottom: 5px; letter-spacing: -1px;}
body.interior #bottom #footer p.copyright {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}
body.interior #bottom #footer p.credits {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}




#twitter_div {width: 250px; margin: 0 auto; margin-top: 20px; font: .9em/1.25em Helvetica, Arial, sans-serif; color: #ffffff; padding-bottom: 30px;}

#twitter_div h2.sidebar-title {width: 250px; height: 50px; background: url(../images/twitter-h2.png) 0 0 no-repeat; text-indent: -10001px; margin-bottom: 5px;}

#twitter_div ul#twitter_update_list {width: 250px; padding: 0px;} 

#twitter_div ul#twitter_update_list li {padding: 10px 0px 20px 5px; margin: 0px 0px; display: block; width: 250px; background: url(../images/nav-spacer.png) 0 100% no-repeat;}
#twitter_div ul#twitter_update_list li:hover {padding: 10px 0px 20px 5px; margin: 0px 0px; display: block; width: 250px; background: url(../images/trans.png) 0 0 repeat; cursor: pointer;}

#twitter_div ul#twitter_update_list li a,
#twitter_div ul#twitter_update_list li a:link,
#twitter_div ul#twitter_update_list li a:visited {margin-right: 5px; color: #90a33b; text-decoration: none}
#twitter_div ul#twitter_update_list li a:hover {margin-right: 5px; color: #c9dc59; text-decoration: none}
#twitter_div a#twitter-link {display: none; color: #90a33b; text-align:left; margin-top: 10px; text-decoration: none}
#twitter_div a#twitter-link:hover {display: none; color: #c9dc59; text-align:left; margin-top: 10px; text-decoration: none}