/* Friends Of Pittville Stylesheet */

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

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Image Column
	  e. Contact Form
	  f. Signup Form
      g. Controls 
      h. News
      i. Gallery
      j. Constitution
4. General Formatting Classes

COLOUR SCHEME
Dark Green - #2D3B1A
Light Green - #739742
Pale Cream - #F3FFE8
Deep Red - #990000
Orange - #98431F

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

/********************* HTML Tags ********************
* { margin: 0px;
	padding: 0px;}
*/
html {	margin: 0;
		padding: 0;
		background: #F5F8F0 url(../images/FOP_background.jpg) no-repeat top center fixed;
		/*
		background-color: #F5F8F0;		
		background-image: url(../images/FOP_background_80_1800.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background: #F5F8F0 url(../images/FOP_background_80_1800.jpg) no-repeat top center;
		*/
        min-height:100%;
		margin-bottom:1px;}
		
body {	Font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, verdana, helvetica;
		font-size:0.9em;
		color:#333333;
		width: 750px;
		background: #F3FFE8;
		margin: 0; padding: 0;
		margin: 0px auto;
		padding: 0px;}
		
p { 	/*font: 9pt/17pt; */
		margin-top: 10px; 
		text-align: justify;
		line-height: 130%;}

h2 { 	color: #990000;
		font-size: 1.5em; 
		margin-top: 5px;
		border-bottom: 1px solid; 
		border-bottom-color:#2D3B1A;}

h3 {	color: #98431F;
		font-size:1.1em;		
		/*font-family:Arial, Helvetica, sans-serif;		*/
		margin-top:15px;}
		
h4 {	color: #98431F;
		font-size:1em;		
		/*font-family:Arial, Helvetica, sans-serif;		*/
		margin-top:15px;}

ul {    margin-left: 15px;}		
		
#pageContent a, #pageContentFull a  {   text-decoration:none;}
#pageContent a:link, #pageContentFull a:link {  text-decoration:none;
                                                font-weight:bold;
                                                color: #990000;
                                                border-bottom:dotted 1px #AAAAAA;}
#pageContent a:hover, #pageContentFull a:hover {    text-decoration:none;
                                                    border-bottom:dotted 1px #222222;
                                                    font-weight:bold;}
#pageContent a:visited, #pageContentFull a:visited {    text-decoration:none;
                                                        font-weight:bold;
                                                        color: #990000;
                                                        border-bottom:dotted 1px #AAAAAA;}
#pageContent a:visited:hover, #pageContentFull a:visited:hover {    text-decoration:none;
                                                                    border-bottom:dotted 1px #222222;
                                                                    font-weight:bold;}

/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	margin: 0px;
				padding: 0px;
				height:100%;
				background: #F3FFE8;}

#pageHeader{	padding: 0px;
				margin: 0px;}

#pageBottom{	clear:both;
				border-top: 1px solid #CCCCCC;
				padding:10px;
				text-align:right;
				/*background: url(../images/FOP_bottom_bg_90.jpg) no-repeat top center;
				z-index: 10;*/}

#navigation{	background-color:#2D3B1A;
				font-size:12px;
				width:750px;
				height:25px;
				line-height:2em;
				border:none;}
				
#pageContent {	padding: 15px;
				float:left;
			    width:530px;}

#pageContentFull {	padding: 15px;
				    float:left;
			        width:710px;}			    
			    
#pageContentFullWidth {	padding: 15px;
				        margin:0px;}

#imageColumn {	float:right;
			    width:180px;
				padding:0px;
				margin:0px;}	

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */
#pageHeader h1 {	background: transparent url(../images/header.jpg) no-repeat top left; 
					width: 750px; 
					height: 150px;
					margin:0px;
					padding: 0px}
					
#pageHeader h1 span {	display:none}
/* -------- End Header -------- */

/* -------- Footer -------- */
a.footerlink, a.footerlink :link, a.footerlink:hover, a.footerlink:visited, a.footerlink.active
            {	font-size:75%;
                color: #999999;
                text-decoration:none;}

 a.footerlink:hover {   text-decoration:underline;}                
                
.divider {  margin: 0px 10px 0px 10px;
            font-size:75%;
            color: #999999;}
/* -------- End Footer -------- */

/* -------- Navigation -------- */
/*#navigation ul {	display: inline;
					padding: 0px; 
					margin: 0px;
					border:none;}

#navigation ul li{	display: inline;
					list-style-type: none;
					border:none;
					padding: 0px; 
					margin: 0px;
					vertical-align:middle;}*/

ul.nav {
  padding: 0;
  margin: 0;
  list-style: none;
  }

ul.nav li {
  float: left;
  position: relative;
  }  
					
ul.nav li ul.subNav {
  display: none;
  position: absolute; 
  top: 3em;
  left: 0;
  }
  
ul.nav li > ul {
	top: auto;
	left: auto;
	}
	
	
/*.subNav{margin-top:25px;}*/
ul.nav li ul.subNav li:hover ul, li.over ul{ display: block; }					
					
#navigation a {		font-size:12px;
					height: 25px;
					display: block;
					float:left;
					color: #FFFFFF;
					text-decoration: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 15px 0px 15px;
					background-color:#2D3B1A;
					font-weight:normal;
					border:none;}

#navigation a:hover	{	display: block;
						float:left;
						padding: 0px 15px 0px 15px;
						background-color: #739742;
						color: #ffffff;
						height: 25px;
						border:none;
						text-decoration: none;
						margin: 0px 0px 0px 0px;
					    font-weight:normal;
					    border:none;}

#navigation a.active {		height: 25px;
							display: block;
							float:left;
							color: #2D3B1A;
							border:none;
							text-decoration: none;
							margin: 0px 0px 0px 0px;
							padding: 0px 15px 0px 15px;
							background-color:#F3FFE8;
					        font-weight:normal;
					        border:none;}

#navigation a.active:hover	{	display: block;
								float:left;
								padding: 0px 15px 0px 15px;
								background-color: #739742;
								color: #ffffff;
								height: 25px;
								border:none;
								text-decoration: none;
								margin: 0px 0px 0px 0px;
					            font-weight:normal;
					            border:none;}	
					            
/* -------- Sub Navigation -------- */

ul.subNav { padding: 0;
            margin: 0;
            list-style: none;
            margin-right:20px;}
                
ul.subNav li {  border-bottom: solid 1px #CED7A8;
                width:100%;}

ul.subNav2 li { border-bottom: none;
                border-top: solid 1px #CED7A8;
                width:100%;}                
                
ul.subNav li ul {   list-style:none;
                    margin-left:10px;
                    padding-top:0;
                    margin-top:0;}                
                
.subNav a { font-size:14px;
			height: 25px;
			display: block;
			color: #3F451F;
			text-decoration: none;
			margin: 0px;
			padding: 10px 0px 0px 10px;} 
			
.subNav a:hover {   font-size:14px;
			        height: 25px;
			        display: block;
			        color: #990000;
			        text-decoration: none;
			        margin: 0px;
			        padding: 10px 0px 0px 10px;} 
			
.subNav a.active {  font-size:14px;
			        height: 25px;
			        display: block;
			        color: #990000;
			        text-decoration: none;
			        margin: 0px;
			        padding: 10px 0px 0px 10px;
			        font-weight:bold;} 
			        
.subNavTitle {  font-size: 1em;
                margin-bottom:5px;}			        	

/* -------- End Sub Navigation -------- */			        					            

/* -------- End Navigation -------- */

/* -------- Image Column -------- */


#imageColumn img {	margin-top:15px;
					margin-bottom:15px;
					border:none;}

#imageColumn a {    border:none;
                    text-decoration:none;}					
													        
/* -------- End Image Column -------- */

/* -------- Contact Form -------- */
fieldset.contactForm {  width:500px;
                        margin: 0px 0px 0px 10px;}

fieldset.contactForm legend {	font-weight:bolder;
								margin:10px 0px 10px 10px;
								color:#2D3B1A;}

fieldset.contactForm label {	margin:0px;
							    padding-top:3px;
							    width:135px;
							    text-align:right;
							    float:left;
							    font-size:90%;}
							    
fieldset.contactForm input.notReq, fieldset.contactForm textarea.notReq {	margin:0px 0px 5px 12px;
															                width: 300px;
															                background-color:#F3FFE8;
															                border: 1px solid #2D3B1A;}

fieldset.contactForm .button{	margin:0px 0px 5px 12px;
                                background-color:#F3FFE8;}

fieldset.contactForm input.required:focus, fieldset.contactForm textarea.required:focus,
fieldset.contactForm input.notReq:focus, fieldset.contactForm textarea.notReq:focus 
        {background-color:#FFFFFF;}															
															
fieldset.contactForm input.required, fieldset.contactForm textarea.required  {  margin:0px 0px 5px 12px;
															                    width: 300px;
															                    background-color:#F3FFE8;
															                    border: solid 1px #FF0000;}

fieldset.contactForm input #txtTitle {width:40px;}


			
/* -------- End Contact Form -------- */	

/* -------- Signup Form -------- */
fieldset.signupForm {   width:500px;
                        margin: 0px 0px 0px 10px;}

fieldset.signupForm legend {	font-weight:bolder;
								margin:10px 0px 10px 10px;
								color:#2D3B1A;}

fieldset.signupForm label {	margin:0px;
							padding-top:3px;
							width:135px;
							text-align:right;
							float:left;
							font-size:90%;}
fieldset.signupForm input, fieldset.signupForm textarea {	margin:0px 0px 5px 12px;
															width: 175px;}
															
fieldset.signupForm input.required, fieldset.signupForm textarea.required  {   border: solid 1px #FF0000;}

fieldset.signupForm input #txtTitle {width:40px;}

#ctl00_ContentPlaceHolder1_CreateUserWizard1_txtTitle {width:40px;}

.formHelp	{	border: 1px solid #CCCCCC;
				background: #FDFFE8;
				padding: 5px;
				margin-right:5px;
				margin-bottom:5px;
				float: right;
				width: 140px;}

.formHelp .formHelpTitle {	font-size:75%;
							font-weight:bolder;}

.formHelp p	{	font-size: 65%;
				text-align:left;}

/*
.formHelp {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%
}
*/


				
/* -------- End Signup Form -------- */					

/* -------- Controls -------- */					

.button {   border: 1px solid #2D3B1A;
            background-color: #F3FFE8;
            color: #2D3B1A;}

.button:focus {background-color: #F3FFE8;}            

/* -------- End Controls -------- */					

/* -------- News -------- */					

#fvNews {   width:100%;}
fieldset.newsForm {   width:100%;
                        margin: 0px 0px 0px 10px;}

fieldset.newsForm legend {	font-weight:bolder;
								margin:10px 0px 10px 10px;
								color:#2D3B1A;}

fieldset.newsForm label {	margin:0px;
							padding-top:3px;
							width:135px;
							text-align:right;
							float:left;
							font-size:90%;}
							
fieldset.newsForm #dtpicker {  border: solid 1px #FF0000;}
fieldset.newsForm #ftpNewsInfo {  margin-left: 20px;}
fieldset.newsForm input, fieldset.newsForm textarea {	margin:0px 0px 5px 12px;
															width: 175px;}
															
fieldset.newsForm input.required  {   border: solid 1px #FF0000;}

ul.news {   padding-left:0px;
            margin-left:0px;}
ul.news li { list-style-type:none;}
                        

/* -------- End News -------- */	

/* -------- Gallery -------- */

#slideshow {    text-align:center;
                z-index:1;}

ul.galleryInstruc { margin-top:0;
                    padding-top:0;}

ul.galleryInstruc li {list-style-type: none;}                    
                
           

/* -------- End Gallery -------- */

/* -------- Constitution -------- */
ol.constitution {   font-size:0.75em;
                    padding-left:10px;
                    margin:0;}

ol.constitution li {    list-style-type:upper-alpha;                                                
                        padding-top:10px;
                        margin-left:20px;
                        font-weight:bold;}
                        
ol.constitution li div.itemTitle { }

ol.constitution li div.itemContent {    font-weight:normal;
                                        padding-top:10px;}                                       

ol.constitution li ul, ol.constitution li ol {  padding-left:10px;
                                                margin:0;}

ol.constitution li ul li {  font-weight:normal;
                            list-style-type:disc;
                            padding-top:10px;
                            line-height: 125%;}
                            
ol.romList li { font-weight:normal;
                list-style-type:lower-roman;}

ol.numList li { font-weight:normal;
                list-style-type:decimal;}

ol.alphList li {    font-weight:normal;
                    list-style-type:lower-alpha;}                  

/* -------- End Constitution -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

p.quote {   margin-left: 35px;
            margin-right: 35px;
            font-style:italic;}

.clear {	clear:both;
			line-height:0px;}

.hide {		display:none;}	

.highlight {    font-size:larger;
                font-weight:bold;}			

#committee p    {margin-top:0px;}
#committee h3    {margin-bottom:0px;}


/********************* End General Formatting *********************/

.imageCopyright {   text-decoration:none;
                    color:#666666;}
#survey 
{
    outline: none;
    border: none;
}
#survey ol li, #survey label.question
{
    margin-bottom: 20px;  
    font-weight: bold;  
}

#survey ol li label
{
    font-weight: normal;
}

#survey .imageList a, #survey .imageList img
{
    text-decoration: none;
    outline: none;
    border: none;
}

#survey .text 
{
    width: 400px;
}

.surveyVal 
{
    font-weight: bold;
    color: Red;
}