/* Norfolk LINk
--------------------------------------------------------------*/
body
{
	font: 100%/1.0 verdana,helvetica,arial,sans-serif;
	background: #fff; color: #000;
}
#top
{
	width: 980px;
	margin: 0 auto;
}
.inner
{
	overflow: hidden;
	position: relative;
	float: left;
	width: 980px;
}
strong { font-weight: bold; }
em { font-style: italic; }

.bfx
{
	position: absolute !important;
	top: -500px !important;
}

/* =HEADER
--------------------------------------------------------------*/
#header
{
	height: 200px;
	background: url('../images/bg_header.gif') no-repeat left top;
}
#logo
{
	height: 151px;
	padding: 25px 0 0 30px;
	background-repeat: no-repeat;
	background-position: right top;
}

/* =NAV
--------------------------------------------------------------*/
#nav
{
	overflow: hidden;
	width: 960px; height: 3.5em;
	padding: 0;
	font-size: 70%;
	background: #262626 url('../images/bg_nav.gif') repeat-x left top; 
}
#nav li
{
	display: block;
	float: left;
	background: url('../images/bg_nav_item.gif') repeat-y left top;
}
#nav a
{
	display: block;
	width: 96px; height: 3.5em;
	line-height: 3.5em;
	text-decoration: none; text-transform: lowercase; text-align: center;
	background-image: url('../images/bg_nav_item.gif');
	background-repeat: repeat-y;
	background-position: left top;
}
#nav a:link, #nav a:visited
{
	color: #ccc;
	background-position: left top;
}
#nav a:hover, #nav a:active
{
	color: #fff;
	background-position: right top;
}

/* =CONTENT
--------------------------------------------------------------*/
#content
{
	width: 960px;
	padding: 0 10px;
	background: url('../images/bg_content.gif') repeat-y left top;
}
#content h1
{
	width: 880px; height: 39px;
	margin: 0 auto; padding: 43px 0 0 60px;
	font-size: 90%; font-weight: bold;
	background: url('../images/bg_h1.gif') no-repeat left top; color: #333;
}
#content .wrapper
{
	overflow: hidden;
	width: 820px;
	margin: 1.25em 0 1em 70px; padding-bottom: 1em;
	background: url('../images/bg_vr.gif') repeat-y 580px 0;
	font-size: 75%; line-height: 1.5;
}

#content #home
{
	width: 920px;
	background: none;
	margin: 30px 10px 0 10px
}
#content #home #main
{
	width: 920px;
	padding: 0 10px;
}

/* =MAIN TEXT
--------------------------------------------------------------*/
#main
{
	float: left;
	width: 520px;
	line-height:
}
#main h2
{
	margin: 1em 0 0.5em; padding: 0 0 0.5em;
	font-size: 110%; font-weight: bold;
	color: #c908c9;
	border-bottom: 1px solid #ded0e1;
}
#main h3
{
	margin: 0 0 0.25em; padding: 1em 0 0;
	font-size: 100%; font-weight: bold;
	color: #95009C;
}
#main h3.news
{
	margin-top: 2em;
	border-top: 1px solid #ded0e1;
}
#main h4
{
	margin: 1em 0 0;
	font-size: 100%; font-weight: bold;
	color: #333;
}
#main p
{
	margin: 0 0 1em;
}
#main .postdate
{
	font-size: 90%; font-style: italic;
	color: #555;
}
#main ul
{
	list-style: disc;
	margin: 0 0 1em; padding: 0 0 0 1.25em
}
#main ol
{
	list-style: decimal;
	margin: 0 0 1em; padding: 0 0 0 1.25em
}
#main li
{
	margin-bottom: 0.5em;
}
#main a:link
{
	color: #95009C;
	text-decoration: underline;
}
#main a:visited
{
	color: #47004a;
	text-decoration: underline;
}
#main a:hover, #main a:active
{
	color: #640065;
	text-decoration: none;
}
#main .bordered
{
	margin: 0 0 1em; padding: 0 0 1em;
	font-size: 90%;
	color: #666;
	border-bottom: 1px solid #ded0e1;
}
#main ul.back
{
	margin-top: 1em; padding-top: 1em; 
	border-top: 1px solid #ded0e1;
}
#main blockquote
{
	margin: 1em 0; padding: 1em 2em;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

#main td
{
	padding: 4px;
	line-height: 1.2;
	border: 1px solid #555;
}

#main .discuss
{
	padding-top: 1em;
}

/* =SIDEBAR
--------------------------------------------------------------*/
#side
{
	float: right;
	width: 220px;
}

#home-box #side { font-size: 75%; line-height: 1.4; }
#home-box #side ul { margin: 0; }

#side h4
{
	font-weight: bold;
	margin: 0 0 0.5em;
}
#side h4, #side h4 a:link, #side h4 a:visited, #side h4 a:hover, #side h4 a:active
{
	text-decoration: none;
	color: #95009C;
}
#side ul
{
	margin: 0 0 2em;
}
#side li
{
	padding: 0.2em 0;
	border-top: 1px solid #ded0e1;
}
#side p
{
	margin-bottom: 0.4em;
}
#side a:link
{
	text-decoration: none;
	color: #333;
}
#side a:visited
{
	text-decoration: none;
	color: #000;
}
#side a:hover, #side a:active
{
	text-decoration: none;
	color: #95009C
}

#side .promo 
{
    background: url('../images/bg_feature_bottom.gif') no-repeat left bottom;
    margin: 0 0 2em;
}
#side .promo h2 
{
    background: url('../images/bg_feature_top.gif') no-repeat left top;
    border: 0 none;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 0.25em;
    padding: 10px;
}
#side .promo p 
{
    padding: 0 10px 15px;
}
#side .promo a 
{
    font-weight: bold;
    text-decoration: underline;
}

/* =HOME // QUOTE
--------------------------------------------------------------*/
#quote
{
	width: 940px; height: 290px;
	margin: 0 0 0 10px;
	position: relative;
	background: url('../images/bg_quote.gif') no-repeat left top;
}
#quote h1
{
	width: auto; height: auto;
	margin: 0; padding:0;
	font-size: 120%; font-weight: bold;
	background: none;
}
#quote blockquote
{
	width: 750px; height: 148px;
	padding: 22px 0 0 100px;
	color: #333;
	font-size: 105%; line-height: 1.4;
}

/* =HOME // FEATURES
--------------------------------------------------------------*/
#quote .feature
{
	overflow: hidden;
	position: absolute;	top: 116px;
	font-size: 80%; line-height: 1.2;
	background-color: #decde0;
	background-repeat: no-repeat;
	background-position: left top;
}

#feature-news
{
	position: absolute; left: 10px; top: 135px;
	width: 272px; height: 121px;
	font-size: 80%; line-height: 1.2;
	background: #000 url('../images/bg_home_feature1.png') no-repeat 0 0;
}

#feature-events
{
	position: absolute; left: 658px; top: 135px;
	width: 272px; height: 121px;
	font-size: 80%; line-height: 1.2;
	background: #000 url('../images/bg_home_feature3.png') no-repeat 0 0;
}

#feature-yoursay
{
	position: absolute; left: 300px; top: 125px;
	width: 340px; height: 151px;
	font-size: 90%; line-height: 1.2;
	background: #000 url('../images/bg_home_feature2.png') no-repeat 0 0;
}

#quote .inner
{
	width: 232px;
	padding: 20px 20px 0;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
#quote #feature-yoursay .inner
{
	width: 300px;
}

#quote .inner h2
{
	color: #000;
	font-weight: bold; font-size: 110%;
	margin-bottom: 0.5em;
	white-space: nowrap;
}
#quote .inner h2 span { font-weight: normal; }
#quote .inner a:link, #quote .inner a:visited { text-decoration: none; color: #fff; }
#quote .inner a:hover, #quote .inner a:active { text-decoration: none; color: #000; }

#feature-yoursay .inner a:link, #feature-yoursay .inner a:visited { text-decoration: none; color: #fff; }
#feature-yoursay .inner a:hover, #feature-yoursay .inner a:active { text-decoration: none; color: #000; }

#quote .social
{
	position: absolute; top: 92px;
	width: 35px; height: 37px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#quote .social a
{
	overflow: hidden;
	display: block; 
	width: 35px; height: 37px;
}
#quote .social strong
{
	display: block;
	position: absolute;	left: -999em;
}
#in { left: 825px; background-image: url('../images/social_in.png'); }
#fb { left: 860px; background-image: url('../images/social_fb.png'); }
#tw { left: 894px; background-image: url('../images/social_tw.png'); }

/* =HOME // CONTENT BOX
--------------------------------------------------------------*/
#home-box
{
	overflow: hidden; display: inline;
	float: left;
	width: 920px;
	margin: 0 0 0 10px; padding: 10px 10px 0;
	background: #e5e5e5 url('../images/bg_home_boxtop.png') no-repeat 0 0;
}
#home-box-foot
{
	float: left; display: inline;
	width: 940px; height: 15px;
	margin: 0 0 0 10px;
	background: #e5e5e5 url('../images/bg_home_boxfoot.png') no-repeat 0 0;
}

#home-about
{
	float: left;
	width: 250px; height: 97px;
	margin: 0 10px 0 0; padding: 24px 150px 0 52px;
	background: #fff url('../images/bg_home_cta.jpg') no-repeat 0 0;
	font-size: 75%; line-height: 1.4;
}

#home-about h2
{
	margin: 0 0 0.25em; padding: 0;
	font-size: 110%; font-weight: bold;
	color: #c908c9;
}
#home-about a { font-weight: bold; }
#home-about a:link { color: #95009C; text-decoration: underline; }
#home-about a:visited { color: #47004a; text-decoration: underline; }
#home-about a:hover, #home-about a:active { color: #640065; text-decoration: none; }

#home-join
{
	float: left;
	width: 220px; height: 121px;
	background: #fff url('../images/bg_home_register.png') no-repeat 0 0;
	font-size: 75%;
}
#home-join h2
{
	width: 200px; height: 30px;
	margin: 0 0 0.5em; padding: 0 10px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}
#home-join p 
{ 
	padding: 0 10px;
	line-height: 1.4; 
}
#home-join a { font-weight: bold; }
#home-join a:link, #home-join a:visited { color: #000; text-decoration: underline; }
#home-join a:hover, #home-join a:active { color: #640065; text-decoration: none; }

/* =FORMS
--------------------------------------------------------------*/
.genform
{
	position: relative;
	width: 520px;
	margin: 0 0 1em; padding: 0 0 1em;
}
.genform fieldset
{
	overflow: hidden;
	width: 520px;
	margin: 0 0 1em; padding: 0 0 1em;
	background: #e7e7e7 url('../images/bg_fieldset_bottom.gif') no-repeat left bottom;
}
.genform .fieldsetwrapper
{
	overflow: hidden;
	padding: 0 10px;
	background: url('../images/bg_fieldset_top.gif') no-repeat left top;
}
#main .genform h3
{
	margin-bottom: 1em;
}
#main .genform h4
{
	margin-bottom: 1em;
}
.genform label
{
	display: block;
	float: left;
	width: 140px;
}
.genform .widelabels label { width: 220px; }
.genform input, .genform textarea
{
	float: left;
	width: 340px;
	margin: 0 0 0.5em; padding: 2px;
	background: #fff; color: #333;
	border: 1px solid #999;
	font: 100% verdana,helvetica,arial,sans-serif;
}
.genform select
{
	float: left;
	width: 340px;
	margin: 0 0 0.5em;
	background: #fff; color: #333;
	font: 100% verdana,helvetica,arial,sans-serif;
}
.genform .widelabels input, .genform .widelabels textarea, .genform .widelabels select
{
	width: 260px;
}
.genform .check
{
	float: left;
	display: block;
	margin: 0; padding: 0;
	width: auto;
	background: transparent;
	border: 0;
}
.genform .inline
{
	float: left;
	width: 470px;
	display: block;
	margin: 0 0 0.5em 0.75em; padding: 0;
	line-height: 1.1;
}
.genform .formwrapper
{
	padding-left: 140px;
}
.genform .formwrapper .check
{
	float: none; display: inline;
	margin: 0; padding: 0;
	width: auto;
}
.genform button
{
	width: auto;
	margin: 10px 0 0 140px; padding: 1px 2px 0;
	font-weight: bold;
	background: #95009C; color: #fff;
	border-width: 2px; border-style: outset; border-color: #b751bb #730078 #5d0061 #a72bad;
}
.genform .lefty
{
	margin-left: 0;
}
.genform .hidden { display: none; }
.genform .hwid { width: 180px; }
.genform .widelabels .hwid { width: 140px; }
.genform br { clear: both; }

/* =ALERTS
--------------------------------------------------------------*/
#main .status
{
	margin: 0 0 1em; padding: 10px 10px 10px 50px;
	border-width: 3px; border-style: solid;
	background-repeat: no-repeat; background-position: 2% 50%;
	color: #000;
}
#main .status p { margin: 0; }
#main .confirm
{
	background-color: #d3f0d7;
	background-image: url('../images/status_confirm.gif');
	border-color: #22b539;
}
#main .error
{
	background-color: #f9d3cc;
	background-image: url('../images/status_error.gif');
	border-color: #e32300;
}

/* =SURVEY FORM
--------------------------------------------------------------*/
#survey 
{
	padding: 1em;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#survey label
{
	font-weight: bold;
}
#survey ul
{
	list-style: none;
	margin: 0; padding: 0;
}
#survey li
{
	margin-bottom: 0.75em;
}
#survey button
{
	margin: 1em 0 0; padding: 1px 2px 0;
	font-weight: bold;
	background: #95009C; color: #fff;
	border-width: 2px; border-style: outset; border-color: #b751bb #730078 #5d0061 #a72bad;
}

#surveyresults
{
	margin-bottom: 1.5em;
}
#surveyresults td
{
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
}
#surveyresults .bar
{
	width: 300px;
	padding-left: 10px;
}
#surveyresults span
{
	display: block;
	height: 1em;
	margin-top: 2px;
	background: #cc00cc;
	border-width: 1px; border-style: solid;
	border-color: #e786e7 #a700a7 #900090 #d83dd8;
}
#surveyresults span img
{
	height: 1em;
}

/* =QUESTIONNAIRE FORM
--------------------------------------------------------------*/
#questionnaire
{
	position: relative;
	overflow: hidden;
}
#questionnaire fieldset 
{
	padding: 1em; margin: 0 0 1em;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#questionnaire .qwrapper
{
	margin: 1.5em 0 0;
}
#questionnaire h2
{
	margin: 0 0 0.5em; padding-top: 0;
	line-height: 1.2;
}
#questionnaire h3
{
	margin: 0 0 0.5em; padding-top: 0;
	line-height: 1.2;
}
#questionnaire label
{
	font-weight: bold;
}
#questionnaire .text
{
	width: 480px;
	padding: 2px;
	background: #fff; color: #333;
	border: 1px solid #999;
	font: 100% verdana,helvetica,arial,sans-serif;
}
#questionnaire button
{
	margin: 0; padding: 1px 2px 0;
	font-weight: bold;
	background: #95009C; color: #fff;
	border-width: 2px; border-style: outset; border-color: #b751bb #730078 #5d0061 #a72bad;
}

/* =SITE MAP
--------------------------------------------------------------*/
#main #sitemap ul
{
	line-height: 1.0;
	margin: 1em 0; padding: 0;
	list-style-type: none;
}
#main #sitemap ul ul
{
	margin: 0.5em 0 1em; padding-left: 1.5em;
	list-style-type: square;
}
#main #sitemap li
{
	margin: 0; padding: 5px 0;
}
#main #sitemap li li
{
	margin: 0; padding: 5px 0 5px 0.5em;
}
#main #sitemap ul a:link, #main #sitemap ul a:visited, #main #sitemap ul a:hover, #main #sitemap ul a:active
{
	text-decoration: none;
}

/* =FOOTER
--------------------------------------------------------------*/
#footer
{
	clear: both;
	padding-bottom: 40px;
	font-size: 70%; line-height: 1.5;
	background: url('../images/bg_footer_bottom.gif') no-repeat left bottom;
}
#footer .wrapper
{
	width: 940px;
	text-align: center;
	margin: 0 0 0 20px; padding: 15px 0 0;
	background: #e7e7e7 url('../images/bg_footer_top.gif') no-repeat left top; 
}
#footer li
{
	display: inline;
	color: #999;
}
#footer a:link
{
	text-decoration: underline;
	color: #333;
}
#footer a:visited
{
	ext-decoration: underline;
	color: #000;
}
#footer a:hover, #footer a:active
{
	text-decoration: none;
	color: #95009C
}
#footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active
{
	color: #666;
	text-decoration: none;
}
/* =END --------------------------------------------------------------*/
