/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the entire layout IE5-Win kludge */
 	background-color:#f1eedb;
	} 

#container { 
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0;
 	width: 900px;
	background-image:url(images/bkgrd.jpg);
	background-repeat:no-repeat;
	background-color:#FFCC33;
	border: 1px solid #666;
	font: normal 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 0.6cm;
	}

/* ------ LINKS ----------*/
a:link {color:#036; text-decoration: underline; font-weight:bold; }
a:visited {color:#333; text-decoration: underline; font-weight:bold; }
a:hover {color:#036; text-decoration: underline; font-weight:bold; }
a:active  {color:#036; text-decoration: underline; font-weight:bold; }

/* ------TEXT ----------*/
p {padding: 4px; margin: 0;}

.alert {color: #930; font-weight: bold;}

.caption { font: 12px times roman, serif; font-style: oblique; }

h1 {
	position: absolute;
	top: 186px;
	left: 0;
	z-index: 2;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
 	background-color:#630;
	letter-spacing: 0.10cm;
	border:0;
	margin: 0;
	padding: 6px 11px;
	}
h2.right {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1.5;
	color: #000;
	margin:0;
	padding:0;
	}
h2.center {
	font: 18px times roman, serif; font-style: oblique; 
	color: #000;
	margin:0;
	padding-left:4px;
	}

h3 {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #336;
	background-color: #fff;
	margin: 0;
	padding: 10px; 
	}
h4 {
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color: #930;
	margin: 0;
	padding: 6px 0 0 4px; 
	}

/* ------ MASTHEAD ----------*/

.logo {
	position: inherit;
	top: 0;
	left: o;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* ------ NAVIGATION ----------*/
.navcontainer ul {
	position: absolute;
	top: 130px;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
 	background-color: #ffc; /* palest yellow*/
 	width: 100%;
 	font-weight: bold;
 	font-size: 11px;
 	}
.navcontainer a { 
	display: block; 
 	background-color: #ffc; /* palest yellow*/
	}
.navcontainer ul li { display: inline; }

.navcontainer ul li a {
	 padding: 0.2em 1em;
	 text-decoration: none;
	 color: #663; /*darkest khaki*/
	 float: left;
	 border-top: 0;
	 border-right: 1px solid #fff;
	 }
.navcontainer ul li a:link {
 	background-color: #ffc; /* palest yellow*/
	 }
.navcontainer ul li a:visited {
 	background-color: #ffc; /* palest yellow*/
	 }
.navcontainer ul li a:hover{
	background-color: #060; /*dark green*/
	color:#fff;
	 }
.navcontainer ul li a:active {
	 background-color: #060; /*dark green*/
	 }
	  
/* left navigation*/
#leftnavcontainer ul {
	position: absolute;
	top: 214px;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	}

#leftnavcontainer li { margin: 0; }

#leftnavcontainer a {
 display: block;
 padding: 5px 10px;
 width: 140px;
 color: #330; 
 background-color: #9cf; /* light blue*/
 text-decoration: none;
 border-top: 1px solid #fff;
 border-left: 0;
 border-bottom: 1px solid #999;
 border-right: 1px solid #ccc;
 font: bold 12px Geneva, Arial, Helvetica, sans-serif;
 background-image: url(images/navicon.jpg); /*icon for left navigation*/
 background-repeat: no-repeat;
 background-position: 0 0;
 }

#leftnavcontainer a:hover, #leftnavcontainer a:visited {
 color: #330;
 text-decoration: none;
 border-top: 1px solid #fff;
 border-left: 0;
 border-bottom: 1px solid #999;
 border-right: 1px solid #ccc;
 background-image: url(images/navicon_cat.jpg); /*icon for left navigation should be shorter*/
 background-repeat: no-repeat;
 background-position: 0 0;
 }

#leftnavcontainer ul ul li { margin: 0; }

#leftnavcontainer ul ul a {
 display: block;
 padding: 5px 10px 5px 0;
 color: #330;
 text-decoration: none;
 font-weight: normal;
 }

#leftnavcontainer ul ul a:hover {
 color: #330;
 text-decoration: none;
 }

/* ------ CONTENT ----------*/
#content {
	margin: auto;
	top: 0;
	padding-top: 170px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #333;
	text-align:left;
	height:600px;
	}
#centercontent {
	position: absolute;
	top: 190px;
	left: 180px;
	width: 420px;
	z-index: 2;
	padding-bottom: 10px;
	color: #330;
	}	
#rightcontent {
	position: absolute;
	top: 154px;
	left: 630px;
	z-index: 2;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #330;
	}
#widecontent {
	position: absolute;
	top: 190px;
	left: 180px;
	width: 640px;
	z-index: 2;
	padding-bottom: 10px;
	color: #330;
	}
.photos {
 float: left;
 width: 120px;
 margin: 0;
 padding: 10px;
 }

.popup {
	background-color:#FFCC66;
	width:400px;
	padding:40px;
	border: 1px solid #fff;
	text-align:justify
	}
h2.popup {
	font: 14px verdana, sans-serif;
	color: #fff;
	background-color: #0099CC;
	margin:0;
	padding:5px;
	}
	
/* ------ FOOTER ----------*/
	
#footer {
	clear: both;
	background-color: #7F8E50;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-top: 0;
	width: auto;	
	border-bottom: 1px solid #060;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */
#footer img {
	margin-top: -10em;
	margin-right: 25em;
	padding: 0px 0px 0px 10px; 
	}