/* CSS Document */
body	{
	background: #E1F6CB;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	
#wrapper	{
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
	border: 1px solid #bbb;
	border-top: 5px solid #99CC99;
	width: 790px;  /* bmh */	
	float: left;
	border: 1px solid #000000;
	background-image: url('http://www.newvitality.org.uk/images/wrapper_bg.gif');
	background-repeat: repeat-x;	 
	}
	
html>#wrapper	{
	width: 790px;
	}
	
#pagebody {
	margin-top: 21px;
	background-color: #FFFFFF;
	height: 400px;
} 
		
#sidebar	{
	padding: 0px;
	width: 200px; 
	/* compensates for IE Win bungling */
	height: 300px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFCCCC;
	float: left;
	line-height: 100%;
	position: absolute;
	top: 110px;
	left: 1px;
	}

#maincontent	{
	float: left;
	padding: 10px 0px 5px 40px;
	width: 450px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align: left;
	line-height: 140%;
	/*margin-left: 200px;*/
	height: 350px;
	position: absolute;
	top: 110px;
	left: 201px;	 
	}
	
#competition	{
	float: left;
	padding: 10px 0px 5px 40px;
	width: 700px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align: left;
	line-height: 140%;	 
	}
	
#competition img {
margin: 5px;
border: 1px solid #000;
}


#competition textarea {
width: 647px;
height: 40px;
margin: 10px 10px 5px 10px;
}

#competition input {
margin: 0px;
width: 100px;
}

#competition label {
margin: 0px;
display: block;
	clear: both;
}

#fieldsinline input {
margin: 0px 12px 0px 0px;
width: 100px;
}

#fieldsinline label {
margin: 0px 5px 0px 0px;
display: inline;
	clear: none;
}

#competition fieldset {
    margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 10px;       
    }

#competition h1	{
    margin: 30px 0px 10px 20px;
    font-size: 24px;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
	color: #996699;       
    }
	
#competition p	{
    margin: 5px 0px 0px 20px;
    font-size: 12px;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
	color: #000000;       
    }
	
#competition label	{
    margin: 5px 0px 0px 10px;
    font-size: 12px;        
	color: #000000;       
    }

#competition h2	{
    margin: 8px 0px 20px 20px; 
    font-size:    16px;     
    voice-family: "\"}\"";   
    voice-family: inherit;
	color: #336600; 
	font-weight: bold;        
    }

#competition legend	{
    margin: 8px 0px 0px 0px; 
    font-size: 12px;
	font-weight: bold;     
    voice-family: "\"}\"";   
    voice-family: inherit;
	color: #000000;         
    }	
	
#homecontent	{
	float: left;
	margin: 50px;
	padding: 10px;
	width: 400px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align: left;
	line-height: 140%;	 
	}
	
html>#maincontent 	{
	width: 400px;
	}

#maincontent ol, #maincontent ul	{
	margin: .5em 0;
	padding-left: 10px;
	margin-left: 10px;
	}
	
#maincontent li	{
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc url(/i/listblack.gif) inside;
	vertical-align: top;
	font-size:11px;
	}

	
/*----- herb images ----*/
#herbs {
	width: 775px;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 10px;
	}
#herbs img {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	border: 0;
}
/*----- footer ----*/
	
#footer {
	margin: 0;
	border-top: 1px solid #ccc;
	color: #ffffff;
	background: #669966;
	text-align: left;
	clear: both;
	font-size: x-small;
	width: 790px;	
	}

html>#footer	{
	font-size: x-small;
	} 

#footer p	{
	margin: 10px 0px 0px 5px;
	padding: 0;
	color: #FFFFFF;
	}

#footer ul	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#footer li	{
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
	border: 0;
	}	
/*----- content ----*/






/*----- links ----*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #336600;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #336600;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #000000;
	background: transparent;  
	}
	
	/*  Typography */
		
#sidebar h2	{
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	color: #336600;
	}

h3	{ 
	font-size: 14px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	color: #000000;
	margin: 5px 0px 0px 0px;  
	}


#sidebar h3	{
	font-size: 12px;
	margin: 0;
	}
	
h3.byline 	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}
		
h4	{     
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: 12px; 
	margin: 5px 0px 0px 0px;
	 
	}
	

h4.addtlbyline	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}

#sidebar h4	{
	margin: 0 0 15px 0;
	}

h4.pubdate 	{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background: transparent;
	}

h5	{
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	} 

h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:    9px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: xx-small;
	}

hr {
border: 1px dashed #ffcccc;
}
.eventlist {
	background-color: #CCFF99;
	width: 100%;
	padding-right: 10px;


}

.eventbox {
	width: 400px;
	padding: 0px 0px 1px 5px;
	margin: 1px 0px 0px;
	border: 1px dashed #CCCCCC;
}

/* ---- contact form ----- */

.contactform {
	padding: 0px 5px 20px 5px;
	margin: 0px 0px 20px 0px;
}

.contactform h2	{
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: #006600;
	line-height: 100%;
	}

.contactform p	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #669966;
	font-size: 11px;
	line-height: 1.4em;
	padding: 0px 5px 5px 5px;
}

.contactform legend	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #99CC99;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
}

form	{
		padding: 0px;
		margin: 0px;
		width: 250px;
}

.contactform input	{
		float: left;
		padding: 2px 2px 2px 2px;
		margin: 2px 2px 2px 10px;
		font-size: 9px;
		}
		
.contactform label 
{
	display: none;
}

.contactform fieldset 
{
	margin: 0px;
	padding: 2px 0px 0px 0px;
	border: 1px solid #ffffff;

}

.contactform input.button 
{
	clear: both;
	font-size: 10px;	
}

.fieldwidth {
		width: 25px;
		font-size: 9px;
		color: #000000;
		}
		
#tip {
		font-size: 9px;
		color: #CC0000;
		float: right;
}

/*  ------ herb layer ----- */

.herblayer {
	margin: 1px;
	padding: 5px;
	border: 1px solid #99CC99;
}

.herblayer p	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #669966;
	font-size: 11px;
	line-height: 1.4em;
	padding: 0px 0px 5px 0px;	
}

.right {
	float: right;
	}
	
#close {
	margin: 0px; 
	padding: 0px 8px 1px 8px;  
	display: block;
	border-top: 1px dashed #669966;    
	}
	
#close p {
	color: #669966;
	text-align: right;
}

.aboutlayer {
	margin: 4px;
	padding: 5px;
}

#rules {
	font-size: 11px;
}

#rules h2 {
	font-size: 13px;
	margin: 10px 0px 0px 0px;
}

#rules ul {
	margin: 0px;
}

/* ----------- form ------------ */

.contact-form td.label {
 width: 110px;
}

.contact-send {
 margin-top: 2em;
}

input.wide{
width: 400px
}

caption {
 font-weight: bold;
 padding-bottom: 0.25em;
 text-align: left;
}

fieldset {
width: 250px;
 border: 1px solid #ccc;
 margin: 0.25em 0 1em 0;
 padding: 0.25em 15px 0.75em 15px;
}

form {
 margin: 1em 0 0 0;
 padding: 0;
 
}

input {
 margin-right: 0.5em;
}

input, select, textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
}

label {
 background-color: transparent;
 color: #000;
 font-weight: normal;
 padding: 0 0.5em 0 0;
}

legend {
 font-weight: bold;
 padding: 0.25em 4px;
 color: #333;
}

table.form th {
 font-weight: normal;
 text-align: left;
}

table.form, table.form td, table.form th {
 border: 0;
 padding: 0.45em 0.5em 0.45em 0;
}

body.article #maincontent h3 {
	color: #cc0000;
	font-size: 14px;
}

#copyright {
position: absolute;
left: 640px;
top: 590px;
color: #000000;
font-size: 11px
}