/* 
STYLE.CSS
SHARK COMMUNICATIONS FOR VERMONT CAPTIVE
2009
*/
/*
html{
	background:url(images/htmlbg.jpg) left top repeat-x;
}	
*/
body{
	background: #f2f4f3 url(images/wrapshadow4.png) center top repeat-y;
	margin: 0 auto;
}

#row1, #row2, #row3{
	width:100%;
	clear: both;
}

#row1{
	background: #fff url(images/pagebg2.png) left top repeat-x;		
	height: 175px;
	margin: 0 auto;
	padding: 0px;
	
}

#row2{
	background: #f2f4f3 url(images/wrapshadow3.png) top center repeat-y;
	margin: 0 auto;	
}

#row3{
	margin: 0 auto;	
	background: #000;
	margin-top: -15px;
	height: 100%;
}	

#wrapper{
	margin: 0 auto;
	width: 1030px;
}

#header{
	background: #000 url(images/header.jpg) top center no-repeat;
	height: 100px;
	width: 1024px;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
}

#topNav{
	clear: both;
	background: #ccc url(images/topnavbg2.png) top left repeat-x;	
	height: 75px;
	padding: 0px;
	width: 1024px;
	margin: 0 auto;	
}

#contentWrap{
	width: 1024px;
	margin: 0 auto;
	margin-bottom: -5px;
}

#leftColumn{
	width: 270px;
	margin: 0px;
	float: left;
	clear: both;
	margin-bottom: -5px;
}

.left{
	width: 260px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;	
	padding-bottom: 0px;
}

#leftNav{
	margin: 0 auto;
	margin-left: 4px;
	background: #e3e7e0;
	border-top: 16px solid #e3e7e0;
	padding: 0px;
}

#rapidRequest{
	padding-bottom: 10px;
	background: #fff;	
}

#captiveComments{
	background: #fff url(images/commentsbg.jpg) 5px 0px no-repeat;
	height: 84px;
}

#questionnaire{
	background: #fff url(images/questionnairebg.jpg) 5px 0px no-repeat;
	height: 275px;	
}

#upcomingEvents{
	background: transparent url(images/upcomingbg.jpg) center top repeat-y;
	/*border-top: 10px solid #e7e7e5;*/
	height: 175px;
	height: auto;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 4px;
	margin-bottom: 0px;
	font: 12px/13px Lucida Grande, sans-serif;
	color: #000; 
}

#upcomingEvents table{
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
	background: transparent;
	border: none;
}

tr.topRow{
	margin-top: 100px;
}

td.eventsLeft{
	width: 21%;
	color: #fff;
}

.gray{
	color: #555;
}

img.eventButton{
	float: right;
	padding-top: 12px;
}
	

#mainContent{
	margin-left: 271px;
	width: 750px;
	background: #fff;
	padding-top: 15px;
	padding-bottom:30px;
	color: #29342e;
	font: 13px/14px Lucida Grande, sans-serif;
}

#flash{
	width: 750px;
	margin-top:-15px;
}

#newsFeed{
	width: 500px;
	margin-left: 105px;
	margin-top: 20px;
}

#footerWrap{
	background: #000;
	width: 100%;
}

#footer{
	clear: both;
	height: 72px;
	background: #000 url(images/footerbg.gif) top left no-repeat;
	color: #b4b8b6;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	margin: 0 auto;
	margin-top: -16px;
	width: 1030px;
	position: relative;
	z-index: 10px;

}


img{
	border: none;
}

h1{
	font: 16px/16px Georgia, serif;
	color: #04663d;
}

h2{
	font: bold 14px/14px Lucida Grande, sans-serif;
	color: #29342e;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.date{
	font: 12px/12px Georgia, serif;
	color: #29342e;
}

.newsSummary, .ajaxSearch_result, .ajaxSearch_resultExtract, .ajaxSearch_paging, .homeNewsSummaryP{
	font: 12px/14px Lucida Grande, sans-serif;
	color: #29342e;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 700px;
}

.newsSummary, .homeNewsSummaryP{
	width: 500px;
}

.newsLink{
	color: #04663d;
	font-weight: bold;
}

.footerInfo{
	padding: 5px;
}

a.footer:link, a.footer:visited{
	color: #b4b8b6;
	text-decoration: none;
}

a.footer:hover{
	text-decoration: underline;
}

.footerSmall{
	font: normal 10px/14px Verdana, sans-serif;
}

#mainContent a:link, #mainContent a:active, #mainContent a:visited{
	color: #04663d;
}

#mainContent a:hover{
	color: #02331f;
}

#mainContent img{
	padding-left: 10px;
	padding-bottom: 10px;	
}

#mainContent p, #mainContent h2, #mainContent h3, #mainContent ul, #mainContent ol, #mainContent img{
	padding-left: 25px;
	padding-right: 30px;
}

ol{
	list-style-position: inside;
}

ol li{
	padding-bottom: 5px;
}

/*
.clear-left{
	clear: left;
}
*/

h3.questionnaire a, #leftNav h3, #leftNav h3 a{
	padding-top: 20px;
	padding-left: 10px;
	font: 16px/16px Georgia, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #3e5544;
}

h3.questionnaire{
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 3px;
	color: #3e5544;	
}

h3.comments{
	padding-top: 0px;
	margin-top: 3px;
}


/*TOP NAV*/
ul#nav{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#nav li.outer{
	height: 16px;
	font: 12px/12px Lucida Grande, sans-serif;
	padding-top: 32px;
	border-right: 1px solid #11432d;	
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}	

ul#nav li a{
	color: #fff;
	text-decoration: none;

}

ul#nav li a:hover{
	line-height: 16px;	
	
}
/*
ul#topNav li ul{
	left: 50%;
}
*/
ul#nav li ul li{
	display: inline;
	border: none;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
}

ul#nav li ul li a{
	color: #000;
}


#leftNav ul{
	list-style: square outside url(images/list-arrow.gif);
	background: #e3e7e0;
	border-left: none;
	width: 200px;
	margin: 0px;	
}

#leftNav li a:link, #leftNav li a:visited{
	border-top: 1px dotted #404a44;
	border-bottom: 1px dotted #404a44;
	margin-top: -1px;
	padding: 0px;
	margin-left: -40px;
	padding-left: 40px;
	display: block;
	height: 25px;
	width: 220px;
	background: #e3e7e0;
	font: 14px/25px Lucida Grande, sans-serif;
	color: #29342e;
	text-decoration: none;
}

#leftNav li a:hover, #leftNav li a:active{
	background: #fff;
//	padding-right: 5px;
}

#ajaxSearch_form, fieldset{
	border: 0px;
	width: 217px;
        float: right;
}

#ajaxSearch_input{
	border: 1px solid #82998f;
	margin-top: 20px;
	width: 129px;
}

#ajaxSearch_submit{
	float: right;
	margin-top: -20px;
	background: #476659;
	border: 1px solid #82998f;
}

#ajaxSearch_submit:hover{
	background: #509478;
	border: 1px solid #6b9986;
}

h3.events{
	font: 16px/16px Georgia, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #ededec;
	padding-top: 10px;
	padding-bottom: 0px;
	display: block;
	width: 260px;
	margin: 0 auto;
	text-align: center;
}

h3.events a{
	color: #fff;
	text-decoration: none;
}

ul#questionnaireList{
	list-style: square outside url(images/list-arrow.gif);
	background: none;
	border-left: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul#questionnaireList li a:link, ul#questionnaireList li a:visited{
	display: block;
	height: 22px;
	font: 14px/22px Georgia, serif;
	color: #555;
	text-decoration: none;
	border-left: none;
	margin-bottom: 2px;
}

ul#questionnaireList li a:hover, ul#questionnaireList li a:active{
	color: #04663d;
	text-decoration: underline;
}

#questionnaire p{
	font: bold 13px/16px Lucida Grande, sans-serif;
	color: #04663f;
	padding: 0px;
	padding-left: 40px;
	margin-bottom: 0px;
	margin-top:0px;
}	

#questionnaire a:link, #questionnaire a:active, #questionnaire a:visited{
	color: #04663f
}
	
#questionnaire a:hover{
	color: #02331f;
}

td.qa{
	width:5%;
	margin-right: 0px;
	padding-right: 0px;
}

td.qa p{
	padding-right: 0px;
	margin-right: -40px;
	width: 15px;
}

td.faqquestion, td.faqanswer{
	margin-left: -10px;
	padding-left: 0px;
	width: 90%
}

.logo{
	float:left;
	height: 100px;
}

.headerImg{
	width: 400px;
	height: 100px;
	float: right;
/*	margin-top: -100px;*/
}
span.attending{
	font-size: 10px;
	width: 150px;
	color: #000;
	margin-top: -5px;
}

img.sidePhoto{
	margin-left: -24px;
}

h1 a{
	text-decoration: none;
}

.libraryThumb{
	float: left;
}

.libDiv{
	height: 150px;
}

	

/*new Captive Comments signup form*/

ul#contactFields li{
	list-style: none;
}

ul#contactFields  input{
	margin-top: 5px;

}

ul#contactFields label{
	/*padding-right: 5px;*/
	width: 5em;
	float: left;
	text-align: left;
	padding-right: 5px;
	display: block;
	margin-top: 5px;

}

ul#teamSelection li{
        list-style: none;
}


ul#userFields li{
        list-style: none;
}

ul#captchaFields li{
        list-style: none;
}

#captchaText{
	margin-left: 23px;
}

#submitFormButton{
        margin-left: 23px;
}

#reqInfo{
        margin-left: 23px;
}


