/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* css Zen Garden home page at: http://www.csszengarden.com/ */
/* This CSS design created by Steve Root http://www.steveroot.co.uk */

/* photo of a bluetit altered from original photo : http://www.flickr.com/photos/enigmatic/469869271/ */
/* used under 'bashed's licence terms - http://creativecommons.org/licenses/by-nc-sa/2.0/ */
/* Bashed (Neil Mallett) http://www.flickr.com/people/enigmatic/ */

/* basic elements */
body { 
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	margin: 0px;
	}
p  {
	font-family:"Times New Roman", Times, serif;
	padding-bottom:1em;	
	margin-bottom:0px;
	margin-top:0px;
	}
h1 { 
	margin-bottom: 0px; 
	color:#000000;
	}
h2 { 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-top:0px;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:large;
	}
h3 { 
	margin-top:0px;
	margin-bottom: 0px; 
	color:#000000;
	}
a:link { 
	font-weight: normal;
	text-decoration: none; 
	color:#0000FF;
	}
a:visited { 
	font-weight: normal;
	text-decoration: none; 
	color:#006699;
	}
a:hover, a:active { 
	text-decoration: underline; 
	}

/* specific divs */
#container { 
	padding:0px;
	margin-top:156px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:321px;
	/*background-color:#330099;*/
	background:url(cssimages/frametopleft.png) left top repeat-y;
	}
/*Link List (Sign Post) */
#linkList { 
	clear:both;
	width:321px;
	float:right;
	position:absolute;
	top:156px;
	right:0px;
	background:url(cssimages/signpostbase.png) no-repeat bottom left;
	margin:1px;
	}
#linkList2{
	padding-top:67px;
	padding-bottom:105px;
	background:url(cssimages/signposttop.png) no-repeat top left;
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	font-size:smaller;
	}
#linkList li {
	/*line-height: 48px;*/
	list-style-type: none;
	background-image:url(cssimages/signbar.png);
	background-repeat:no-repeat;
	background-position:left;
	/*display: block;*/
	height:43px;
	padding-top: 3px; 
	padding-left: 57px;
	padding-bottom: 0px;
	padding-right:45px;
	margin:0px;
	}
#linkList li a:link { 
	color:#000066;
	}
#linkList li a:visited {
	color:#0066CC;
	}
#linkList h3.select { 
	line-height: 36px;
	background-image:url(cssimages/signiconbar.png);
	background-repeat:no-repeat;
	background-position:left;
	/*display: block; */
	height:48px;
	padding-top: 0px; 
	padding-left: 98px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin:0px;
	font-size:smaller;
	}
#linkList h3.archives { 
	line-height: 36px;
	background-image:url(cssimages/signiconbar.png);
	background-repeat:no-repeat;
	background-position:left;
	/*display: block; */
	height:48px;
	padding-top: 0px; 
	padding-left: 98px;
	padding-bottom: 0px;
	margin:0px;
	font-size:smaller;
	}
#linkList h3.resources { 
	line-height: 36px;
	background-image:url(cssimages/signiconbar.png);
	background-repeat:no-repeat;
	background-position:left;
	/*display: block; */
	height:48px;
	padding-top: 0px; 
	padding-left: 98px;
	padding-bottom: 0px;
	margin:0px;
	font-size:smaller;
	}

/* INTRO section */
#intro {
	padding-left:0px;
	padding-right:60px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:52px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	/*border:dashed thick #339933;*/
	background:url(cssimages/framebottomright.png) bottom right repeat-y;
	}
#pageHeader { 
	background:url(cssimages/framecrossbar.png) top repeat-X;
	padding-left:5px;
	padding-top:40px;
	}
	
#pageHeader h1 {
	/*background: transparent url(cssimages/zenpageheader2.png) no-repeat left; 
	padding-top:15px;
	height:144px;
	width:600px;*/
	}
#pageHeader h1 span {
	/*display:none*/
	}
#pageHeader h2 {
	}
#pageHeader h2 span {
	/*display:none;*/
	}

	
#quickSummary {
	padding-left:5px;
	padding-right:5px;
	}
#preamble {
	padding-left:5px;
	padding-right:5px;
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:50px;
	}
	
	
/* SUPPORTING TEXT SECTION */		
#supportingText {
	padding-left:0px;
	padding-right:60px;
	padding-top:0px;
	/*padding-bottom:60px;*/
	margin-left:52px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	
	/*border:dashed thick #CC6600;*/
	background:url(cssimages/framebottomright.png) bottom right repeat-y;
	}
#explanation {
	padding-left:5px;
	padding-right:5px;
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:50px;
	}

	
#participation {
	padding-left:5px;
	padding-right:5px;
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:50px;
	}


#benefits {
	padding-left:5px;
	padding-right:5px;
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:50px;
	}

#requirements {
	padding-left:5px;
	padding-right:5px;
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:50px;
	}

#footer {
	background:url(cssimages/framecrossbar.png) repeat-x top;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:50px;
	text-align:right;
	background-color:#ffffff;
	}	
#footer a:link {
	color:#FFFFFF;
	font-size:larger;
	font-family:"Courier New", Courier, monospace;
	}
#footer a:visited { 
	font-size:larger;
	font-family:"Courier New", Courier, monospace;
	text-decoration: none; 
	color:#006699;
	}
#footer a:hover
	{
	text-decoration: underline; 
	} 
#footer a:active 
	{ 
	text-decoration: underline; 
	}
	
	
#extraDiv1 {  
	background:url(cssimages/pagebase.png) repeat-x bottom;
	position:relative;  
	bottom: 29px;
	height: 29px; 
	}

		
#extraDiv4 {  
	background:url(cssimages/pagetop.png) no-repeat left top;
	position:absolute;  
	width:100%;
	top:0px;
	left:0px;
	height: 200px; 
	}

.imgwithcaption {
	display:block;
	float:left;
        margin:5px;
        border-color:#000000;
	border-style:solid;
	border-width:thin;
	font-size:smaller;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
	}
.photogalleryouterframe {
	display:block;
	border-color:#000000;
	border-style:solid;
	border-width:thin;
	background-color:#333333;
	padding:5px;
	width:420px;
	}	
.photogalleryphoto {
	display:block;
	margin-top:1.2em;
	margin:5px;
	}
.photogallerycaption {
	display:block;
	margin:5px;
	text-align:left;
	width:400px;
	color:#FFFFFF;
	}