* {margin:0; padding:0;} 
html {font-size:1em;}
body {
	font-size:90%;
	font-family:'Century Gothic', arial, sans-serif;  
	text-align:center; 
	}

a {text-decoration:none;color:#000;}
a:hover {color:#66C;text-decoration:underline;}
p {margin-bottom:0px;margin-top:0px;}
h1 { font-size: 1.2em; margin-top: 15px; margin-bottom:5px;letter-spacing: 1px;}
h2 { font-size: 1em; line-height: 1.3em; letter-spacing: -1px;}
dt {font-weight:bold;padding-top:10px;}
dd {padding-left:20px;}

img.photoTallR {
	margin:5px;
	width:120px;
	height:160px;
	float:right;
	border:1px #000 solid;
}
img.photoTallL {
	margin:5px;
	width:120px;
	height:160px;
	float:left;
	border:1px #000 solid;
}
img.photoWideR {
	margin:5px;
	width:160px;
	height:120px;
	float:right;
	border:1px #000 solid;
}
img.photoWideL {
	margin:5px;
	width:160px;
	height:120px;
	float:left;
	border:1px #000 solid;
}
.floatR {float:right;}
.floatL {float:left;}
.centerTxt {text-align:center;}
.calstyle {
	 border-width:0;
	 margin-top:10px;
	 margin-bottom:10px;
}		

div#mainwrap {
	width:780px; 
	margin-left:auto; margin-right:auto; 
	text-align:left; 
	}

div#header {
	width:780px;
	height:160px; 
	background-color:#99C; /* in case image doesn't load; background purple */
	background:url(images/headerbkgrnd.gif) repeat-x top left; 	
} 
img.title {
	padding-top:6px;
	display:block;
	margin-left: auto;
    margin-right: auto;
}
/* display photo strip in header */
div#header ul{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:770px;
	}
div#header li{
	padding:10px 8px;
	float:left;
	}
div#header li:first-child{
	padding:10px 8px 10px 15px;
	}

/* defined area for nav and content */
div#contentarea {
	width:780px; 
	background-color:#FFF;
	background-image:url(images/contentbkgrnd.gif); 
	background-repeat: repeat-y;
}
	
/* navigation column definition */
div#nav {
	width:170px; 
	float:left;
	}	
.searcharea {
	margin-top:10px;
	margin-left:10px;
	width:141px;
} 
div#nav ul {
	font-size:.9em; 
	font-weight:bold;
	list-style-type:none;
	padding-left:10px;
}
div#nav li {
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px; 
 	border:1px solid #a5cf8c;  /* setting border same color as background so no jitter on rollover */
}
div#nav li:first-child{
	margin-top:5px;
}
div#nav li:hover {
	color:#FFF;
	background-image:url(images/navhighlight.gif); 
	background-repeat: repeat;
 	border:1px solid #FFF;  
}
div#nav a:hover {
	color:#FFF;text-decoration:none;
}

li.current{
	color:#FFF;
	background-image:url(images/navhighlight.gif); 
	background-repeat:repeat;
 	border:1px solid #FFF; /* not working? */
}

li.subpages{
	margin-left:20px;
	background-image:url(images/navhighlight.gif); 
	background-repeat: repeat;
}
ul.moveup5 {margin-top:-5px;}

div#content {background-color:#FFF; 
	padding-top:10px;
	margin-left:190px;
	margin-bottom:10px;
	margin-right:20px;
	}
p.feature {
	margin:20px;
	padding:10px;
	background-image:url(images/footerbkgrnd.gif);
	background-repeat: repeat;
}
#content p {font-size:1em; padding-bottom:10px;}
#content ul {margin-left:3em;margin-top:10px;}
#content li {margin-bottom:1em;}
#content ol {margin-left:3em;margin-top:10px;}
#content ol span {font-weight:bold;}
#content a {text-decoration:underline;color:#66C;}
#content a:hover {color:#000;text-decoration:underline;}


div#footer {
	width:780px; 
	background-color:#99C; /* in case image doesn't load; background purple */
	background-image:url(images/footerbkgrnd.gif); 
	background-repeat: repeat;
	padding-bottom:10px;
	font-size:.8em;
	float:left;
	
} 
div#footer ul{
	margin-left:auto;margin-right:auto;
	list-style-type:none;
	width:750px;
	text-align:center;
}
div#footer li{
	padding:8px 6px 8px 6px; 
	float:left;
}
div#footer li:first-child{
	padding:8px 6px 8px 12px;
	}
div#footer a {
	text-decoration:none;
}
div#footer a:hover {
	color:#FFF;text-decoration:underline;
}
div#footer p{
		width:780px;
		text-align:center;
		float:left;
}
p.copyrt {
	padding-top:5px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */