html{
height: 100%;
font-size: 100%;
}

body {
	background:#fff;
	text-align:center;
	margin:0;
	padding:0;
	/*font:normal 0.8em/1.2em verdana,aria,sans-serif;*/
	font-style: normal;
	font-weight: normal;

	color:#464646;/*grey*/
	/*color:#5c5300;*//*brown*/
	height: 100%;
	font: 14px/21px Verdana, Helvetica, sans-serif;
	

}

#wrapper{
	width:750px;
	margin:0 auto;
	text-align:left;
	/*height:600px;*/
	/*border-right:1px solid #ccc;*/
	/*border-left:1px solid #ccc;*/
	/*background:url("background.gif") repeat-y top left;*/
	/*background:url("background4.gif") repeat-y top left;*/

	/*min-height:600px;
	height: auto!important;
	height:600px;*/
}

#wrapper1{
width:100%;
text-align:center;
border:1px solid #ccc;background:#dfdfdf;
}

#nav{padding-top:3px;margin:0; float:right;}
#nav li{list-style:none;padding:0;margin-right:20px; float:left; font-size: 0.75em; }


a img{border:none;}


ul{list-style:none; margin:0 auto;padding:0;}


a {text-decoration:none;outline:none; color:#464646; color:#008d9b;}
a:hover{text-decoration:underline; color:#9de3bc;}

#content{font-size:12px; line-height:130%; padding-top:20px; padding-left:20px; padding-right:20px; } /*content is padded by 10*/
/*#footer{border-top:1px solid #ccc; font-size:11px; padding:20px; margin:20px 0px; background:#dfdfdf;  width:688px;}*//*poss background:#f6f6f6;?*/

#footer{border-top:1px solid #ccc; font-size:11px; padding:20px; margin-top:20px; background:#dfdfdf;  width:688px;}/*poss background:#f6f6f6;?*/


#footer1{/*border-top:1px solid #ccc; font-size:11px; padding:20px; margin:20px 0px; background:#dfdfdf; text-align:left; width:100%;*/}
#footer1{ font-size:11px; padding:20px; margin:20px auto;  text-align:left;width:688px;}




#footer a{text-decoration:none;outline:none; color:#008d9b;}
#footer a:hover{text-decoration:underline; color:#9de3bc;}



.heading{
color:#4a4a4a;
font-size:1.2em;
}
/*.heading {color:#008d9b;}darker green*/

.borderimage{padding:1px; border: solid 1px #ccc;}

.storyimage{border:1px solid #464646;}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

/*****for fade slideshow****http://medienfreunde.com/lab/innerfade/****/
#portfolio{
	margin:0 auto;
	width:517px;   /*must be the width of the image (including any padding etc)*/
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 1px;	
}
/****end fade slideshow****/

/*box div for links from a box*/
.box {
background-image:url(images/body_story_bg.jpg);
background-position:bottom; 
background-repeat:repeat-x; 
border:1px solid #ccc; 
padding:5px;
cursor:pointer;
width:698px;
color:#464646;
}

/*box div with mouse over (jquery) has different border*/
.boxhighlight {
background-image:url(images/body_story_bg.jpg);
background-position:bottom; 
background-repeat:repeat-x; 
border:1px solid #52385c; 
padding:5px;
cursor:pointer;
width:698px;
}

.boxnolink{/*for boxes that arent links*/
background-image:url(images/body_story_bg.jpg);
background-position:bottom; 
background-repeat:repeat-x; 
border:1px solid #ccc; 
padding:5px;
width:698px;
color:#464646;
}


a .boxhighlight {
text-decoration:none;
color:#000;
}

.footnav{
width:220px;float:left;
}

#leftfoot1{/*margin-left:300px;*/} /*margin for the members page*/
#leftfoot1 ul li{border-bottom:1px solid #ccc; padding:3px 0px;}/*for the members page*/
#leftfoot1 ul li:last-child{border:none;}/*for the members page*/


#leftfoot ul li{border-bottom:1px solid #ccc; padding:3px 0px;}
#leftfoot ul li:last-child{border:none;}
#midfoot ul li{border-bottom:1px solid #ccc; padding:3px 0px;}
#midfoot ul li:last-child{border:none;}

/*start form styles*/



fieldset{
/*color:#6d6d6d;*/
background-color: #F7F8FF;
border: 1px dotted #CCCCCC;
margin-bottom: 4px; padding:10px;
width:480px;
-moz-border-radius: 5px;
-webkit-border-radius:5px; 
}

label{
margin-right:20px;
font-weight:normal;
}

input{
	font-family:verdana;
	font-size: 1em;
	color:#464646;
	/*color: #464646;*/ 
	-moz-border-radius:5px; -webkit-border-radius:5px; 
}

textarea{
border: 1px solid #ccc; font-family:verdana; font-size: 1em; 
padding:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
}

.error{
font-size:11px;
color:red;
color:#f65a5a;
}

.text-input{
border: 1px solid #ccc;
padding:3px;

-moz-border-radius: 5px;
-webkit-border-radius:5px; 
}

.focus{
padding:3px;
border: 1px solid #585858;
-moz-border-radius: 5px;
-webkit-border-radius:5px; 
}
/*end form styles*/

/*table styles*/

table{
margin:0 auto;
}

table, td, th
{
border:1px solid #ccc;
}

.alternate{
background-color:#f5feff;
}
/* end table styles */

.italics{
font-style:italic;
}

.bold{
font-weight:bold;
}
