/* 
    Website: 	ACTS
    Title:    		Primary/Master style sheet for screen media
	Author:    	Iain Duncan
    Updated:   March 2007

Style Index
$1 - Reset/Defaults
$2 - Global Styles
$3 - Page Structure
$4 - Sidenav
$5 - Footer
$6 - Content
$7 - Homepage
$8 - News
$9 - Past Trips
$10 - Contact
$11 - Gallery
$12 - Newsletter
$13 - Quote Rotator
*/



/* ------------------------------------------------------------
	$1 – Reset/Defaults
------------------------------------------------------------ */

/*Clear Margin and Padding on major elements*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

/* Remove border around linked images */
img {	
border: 0;
}



/* Removes styling from all list items */
ol,ul,li {
list-style:none;
}


/* ------------------------------------------------------------
	$2 – Global Styles
------------------------------------------------------------ */

body {
	margin: 15px 0 15px 0;
	padding: 0;
	font-family: "Trebuchet MS", Georgia, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #5d8457;
	background: #609a0c url(/images/sitewide/bckgrnd.jpg) repeat-x top left;
	}
	
	
a:link {
	color: #e87817;
	text-decoration: underline;
	font-weight: normal;
}

a:visited {
	color: #e87817;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #1c5429;
	font-weight: normal;
}

/* Classes for floating */
.floatl {
	float:left;
}

.floatr {
	float:right;
}

/* Classes for floating images*/
.imgl {
	float:left;
	margin-right:10px;
}

.imgr {
	float:right;
	margin-left:10px;
}

/* Classes for floating image with brdr*/
.imglbrdr {
	float:left;
	margin-right:10px;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;	
}

.imgrbrdr {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;	
}

.imgbrdr {
	border: 1px solid #e87817;	
}

/* Class for clearing floats */
.clear {	
	clear:both;
}


/* ------------------------------------------------------------
	$3 – Page Structure
------------------------------------------------------------ */

#container {
	width: 766px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(/images/sitewide/containbkgnd.jpg) repeat-y top center;
}

#sidenav {
	font-family:"Trebuchet MS", Georgia, Helvetica, sans-serif;
	padding: 0 15px 0 13px;
}

#main {
	padding: 0 13px 0 0;
}

#footer {
	margin-top:20px;
}

/* ------------------------------------------------------------
	$4 – Sidenav
------------------------------------------------------------ */

#sidenav h2 {
	padding: 7px 10px 7px 10px;
	color: #1c5429;
	font-family:"Trebuchet MS", Georgia, Helvetica, sans-serif; /*Arial, Verdana, Helvetica, sans-serif;*/
	font-size: 85%;
	display:block;
	background: #eaf1de;
}

#sidenav li {
	font-size: 85%;
	display:block;
	border-bottom: dashed 1px #bfbfa8
}

#sidenav .last  {
	padding-bottom: 6px;
	border-bottom: none;
}


#sidenav a:link, #sidenav a:visited {
	padding: 2px 10px 2px 11px;
	color: #5d8457;
	text-decoration: none;	
	display:block;
}


#sidenav a:hover {
	padding: 2px 10px 2px 11px;
	color: #e87817;
	display:block;
	background: #f4f6f3;
}

/* ------------------------------------------------------------
	$5 – Footer
------------------------------------------------------------ */
#footer {
	padding: 9px 0 39px 0;
	text-align:center;
	background: url(/images/footer/bckgrnd.jpg) no-repeat top left;
	font-size: 85%;
}


#footer a:link, #footer a:visited {
	color: #5d8457;
	text-decoration: none;	
}


#footer a:hover {
	color: #e87817;
	text-decoration: none;
}

/* ------------------------------------------------------------
	$6 – Content
------------------------------------------------------------ */
.content h1 {
	color: #e87817;
	font-size: 98%;
	font-family: Georgia, serif;	
}

.content h2 {
	margin-bottom: -10px;
	color: #e87817;
	font-size: 92%;
	font-family: Georgia, serif;	
}

.content p {
	margin: 13px 0 13px 0;
}

.content ul  {
	margin-top:20px;
}

.content ul li {
	list-style: disc outside none;
	margin-left:30px;
	margin-bottom:10px;
}

.content ol li {
	list-style: decimal outside none;
	margin-left:30px;
	margin-bottom:10px;
}

.content a:link, .content a:visited {
	border-bottom:1px solid #78ba88;
	margin:0 0 -1px 0;
	color: #e87817;
	text-decoration: none;
}


.content a:hover {
	border-bottom:1px solid #e87817;
	margin:0 0 -1px 0;
	color: #1c5429;
	text-decoration: none;
}

.content a:link.none, .content a:link.visited {
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: none;
}




/* ------------------------------------------------------------
	$7 – Homepage
------------------------------------------------------------ */

/* Volunteers CTA */

#volunteer {
	height:345px;
	width:489px;
	margin: 0;
	clear:both;
	padding: 20px 30px 20px 30px;
	background-color: #eaf1de;
	border: none;
	background: #c3d4af url(/images/home/volunteer_bg.jpg) no-repeat top left;
}

#volunteer h3,#volunteer h4,#volunteer p {
	padding: 0 0 0 110px;
}

#volunteer h3 {
	color: #f2881b;
}

#volunteer h4; #volunteer h4 a:link {
	color: #546f55;
}


#volunteer h2 a:link {
	text-decoration:none;
	color: #3a5935;
}

#volunteer h3 a:link, #volunteer h4 a:link {
	text-decoration:none;
}

#volunteer p, #volunteer h2 a:visited  {
	color: #769577;
}

#volunteer p {
	margin: 0 0 20px 0;
	font-size:12px;
}

#volunteer h2 {
	font-size:22px;
	font-weight:normal;
	margin: 0 0 15px 25px;
}

#volunteer h2 a:hover {
	color: #e87817;
}

/* Classes for Past Trips Module */

#trips {
	margin: 15px 0 0 0;
	height: 115px;
}

#trips p {
	float: right;
	width: 300px;
	padding: 8px 17px 12px 17px;
	background-color: #f9e5da;
	border: 1px solid #da6721;
	color: #d85f16;
	font-family: Georgia, serif;
}

#trips span {
	display:block;
	padding: 10px 0 5px 0;
}

#trips img {
	float: left;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;		
}

#trips a:link, #trips a:visited {
	border-bottom:1px solid #e87817;
	margin:0 0 -1px 0;
	color: #d85f16;
	text-decoration: none;
	font-weight:bold;
}

#trips a:hover {
	border-bottom:1px solid #e87817;
	margin:0 0 -1px 0;
	color: #1c5429;
	text-decoration: none;
	font-weight:bold;
}

/* Classes for News Module */

#news {
	clear:both;
	margin-top:15px;
}

#news p {
	margin: 2px 0 5px 0;
}


#news a:link, #news a:visited {
	border-bottom:1px solid #5d8457;
	margin:0 0 -1px 0;
	color: #5d8457;
	text-decoration: none;
	font-weight:bold;
}

#news a:hover {
	border-bottom:1px solid #e87817;
	margin:0 0 -1px 0;
	color: #1c5429;
	text-decoration: none;
	font-weight:bold;
}

#news h3 {
	margin-bottom: 8px;
	color: #e87817;
	font-size: 98%;
	font-family: Georgia, serif;	
}

/* Classes for Newsletter Signup */

#newsletter {
	float:right;
	width:198px;
	height:132px;
	margin-left: 10px;
	background: #5d980e url(/images/sitewide/nlbckgrnd.gif) no-repeat top left;
}

#newsletter  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:84%;
	color:#FFFFFF;
	margin: 35px 10px 5px 13px;
}


#newsletter  input {
	font-family: Arial, Helvetica, sans-serif;
	font-size:84%;
	color:#2e742a;
	margin-bottom: 9px;
	padding: 1px 0 1px 6px;
	border: 2px solid #c8e1a3;
	background: #FFFFFF  url(/images/sitewide/frmshdw.jpg) no-repeat top left;
}

#newsletter a:link , #newsletter a:visited, #newsletter a:hover{
	color: #FFFFFF;
	border-bottom: none;
}

/* ------------------------------------------------------------
	$8 – News page
------------------------------------------------------------ */
#newspage .content img {
	float: left;
	margin-top: 18px;
	margin-right: 10px;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;		
}

#archive {
	float: right;
	width: 200px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 10px;
	border-left: 1px dashed #bfbfa8;
}

#archive h1 {
	margin-bottom: 10px
}

#archive em {
	font-size:84%;
}

/* ------------------------------------------------------------
	$9 – Past Trips page
------------------------------------------------------------ */
#pastripspage .content img {
	float: left;
	margin-top: 18px;
	margin-right: 10px;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;		
}

/* ------------------------------------------------------------
	$10 – Contact page
------------------------------------------------------------ */
#contactpage form {
	padding: 10px 0 10px 0;
	border-top: 1px dashed #bfbfa8;
	border-bottom: 1px dashed #bfbfa8;
}

#contactpage  .content em {
	font-size:84%;
	font-style:normal;
	display:block;
}

#contactpage  .content span {
color: #e87817;
}

#contactpage  .content strong {
	font-size:78%;
	font-style: italic;
	font-weight:normal;
}

#contactpage  .none{
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: none;
}

#contactpage  input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:84%;
	color: #666666;
	margin-bottom: 10px;
	padding: 2px 0 1px 6px;
	border: 1px solid #c8e1a3;
	background: #FFFFFF  url(/images/sitewide/frmshdw.jpg) no-repeat top left;
}

.address {
margin-top: 10px;
}

#contactpage .address strong {
		font-style: normal;
		font-weight: bold;
		font-size:88%;

}

/* ------------------------------------------------------------
	$11 – Gallery page
------------------------------------------------------------ */
#gallerypage .content img {
	margin-right:2px;
	border-top: 1px solid #eeae77;
	border-left: 1px solid #eeae77;
	border-bottom: 1px solid #e87817;
	border-right: 1px solid #e87817;
}

#gallerypage img.last {
	margin-right:none;
}

#gallery a:link , #gallery  a:visited, #gallery a:hover{
	color: #FFFFFF;
	border-bottom: none;
}
	
/* ------------------------------------------------------------
	$12 – Newsletter page
------------------------------------------------------------ */

#newsletterpage .content span {
	display:block;
	colour:e87817;
	font-weight:bold;
	margin: 8px 0 -5px 0;	
}

/* ------------------------------------------------------------
	$13 – Quote rotator
------------------------------------------------------------ */
p.quote {
text-align:center;
margin: 20px 0 5px 0;
letter-spacing: 0.1em;
font-style:italic;
}

/* ------------------------------------------------------------
	$14 – Volunteer Homepage
------------------------------------------------------------ */
.project_home {
margin: 0 0 20px 0;
}

.project_home h2 {
text-transform:uppercase;
}

.project_home p, .project_home h2 {
padding: 0 0 0 60px;
}

.linebrk {
margin: 0 0 10px 0;
}


/* ------------------------------------------------------------
	$15 – Volunteer Projects
------------------------------------------------------------ */

.grn_tble {
	border:2px solid #6f8d7a;
}


.grn_tble td, .grn_tble tr {
	background-color: #edf3e4;
	border:1px solid #a5c4b1;
	padding:5px 5px 5px 10px;
	font-size:12px;
}

