* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	font-size: 76%;
	color: #FFFFFF;
	background-color: #0C5C66;
	text-align: left;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/bg_container.gif);
	background-repeat:repeat-y;
	background-position: top center;
}

#branding {
	padding-top: 12px;
}

#maincontent {
	width: 638px;
	margin-left: 125px;
}

#navlist {
	float: right;
  	margin-right: 59px;
	text-align: right;
	width: 124px;
	display: inline;
}

#navlist p {
	text-align: left;
	font-size: 10px;
	margin-left: 2px;
	width: 118px;
	color: #000000;
	padding: 0 2px;
}

#navlist img {
	margin: 10px 0;
}

#navlist p.news {
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
}

#navlist p.news a {
	color: #0c5c66;
}

#navlist p.news a:hover, #navlist p.news a:active, #navlist p.news a:focus {
	color: #0c5c66;
	text-decoration:underline;
}

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 100px;
	font-size: 10px;
	color: #0c5c66;
	padding-top: 30px;
}


h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: .6em 0em .6em 0em;
	color: #ffdb58;
	}

	
h2 {
	font-size: 1.5em;
	margin: 0em 0em .6em 1em;
	font-weight: bold;
	color: #c8eb5c;
	}

#navlist h2 {
	width: 124px;
	background-image: url(images/bg_nav.jpg);
	background-repeat:repeat-x;
	font-size: 12px;
	color: #ffffff;
	text-align: center;	
	padding-top: 6px;
	padding-bottom: 7px;
	margin: 0em 0em .1em 0em;
}
h3 {
	font-size: 1.1em;
	margin: 0em 0em .6em 4em;
	font-weight: bold;
	color: #55cbac;
	}
	
h4 {
	font-size: 1.1em;
	margin: 0em 0em .6em 4em;
	font-weight: bold;
	color: #5789b3;
	}
	

#maincontent p {
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 72px;
	padding-bottom: 1em;
	}
	

#maincontent ol, #maincontent ul {
	margin-left: 112px;
	padding-bottom: 0.5em;
}

#maincontent li {
	padding-left: 10px;
}

#maincontent ol, #maincontent ul, #maincontent li {
	margin-top: 0.5em;
	line-height: 1.5em;
	}
	
#footer p {
	margin-left: 0;
	margin-bottom: 4.5em;
}
	
/*#navlist ul {
	margin-bottom: .6em;
}

#navlist li {
	list-style-type: none;
	margin: 0;
	padding-bottom: 10px;
	line-height: 1.1em;
}

#navlist a {
	padding-right: 10px;
	
}
*/

#cssMenu1 {
margin-bottom: 7px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #107885;
	font-weight: bold;
	}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #1c588a;
	text-decoration: underline;
	}

.figureleft, .figureright, .figurefull {
	margin-top: .3em;
	margin-bottom: .3em;
  	padding: .5em ;
	text-align: center;
}

.figureleft {
	float: left;
	margin-left: 0em;
	margin-right: 1.2em;
	max-width: 70%;
	border: 1px solid #ffcc13;
	
}

.figureright {
	float: right;
	margin-right: 1em;
	margin-left: 1.2em;
	max-width: 70%;
  	border: 1px solid #ffcc13;

}

.figurefull {
	margin-left: auto; 
	margin-right: auto; 
  	border: 1px solid #ffcc13;
	display: block;
}

a:link {
	color: #ffdb58;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #c8eb5c;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active, a:focus {
	color: #55cbac;
	text-decoration: underline;
}

p.centered {
	text-align: center;
}

label {
	padding-bottom: .3em;
	color: #0c5c66;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

p.instructions {
	color: #5789b3;
	font-weight:bold;
}

p.kudoname {
	text-align: right;
	font-style: italic;
}

form {
	margin-left: 72px;
}

form h3 {
	margin-left: 0px;
	margin-top: .8em;
}

.bold {
	font-weight: bold;
}

.myMap {
	height:400px;
	width:400px;
}

.surveyhead {
	text-align: center;
	color: #5789b3;
	font-size: 1.1em;
	font-weight:bold;
}	

/* ****************************************  Begin of unused ***************************************** */
/*h5 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}/*

	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
	*/
/*#maincontent img {
	border-color: #0c5c66;
	border-style:solid;
	border-width: 2px;
}

blockquote {
	border: 1px dashed black; 
	background:gold; 
	font-size: 10px; 
	color:#666;
	font-family:verdana, arial, sans-serif;
	padding:8px;
}*/

/*p.quotation {
	font-style: italic;
	text-align: left;
}

p.author {
	font-style: italic;
	text-align: right;
}

a:link {
	color: #45556a;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #7c7151;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active, a:focus {
	color: #000033;
	text-decoration: underline;
}


acronym {
	CURSOR: help; 
}

acronym:hover {
	BORDER-BOTTOM: #870b01 1px solid;
}

	
strong, b {
	font-weight: bold;
	}
	
		

#sidebar {
	width: 292px;
	float: left;
	font-size: .9em;
	color: #c1b39e;
	font-weight: bold;
	margin: 0px;
	padding: 0 10px 0 0;
}

#sidebar a {
	text-decoration: none;
	color: #9a753c;
}

#sidebar a:hover, #sidebar a:active, #sidebart a:focus {
	color: #ffffff;
}
a#navlist:hover, a#navlist:active, a#navlist:focus {
	color: #ffffff;
}

#content {
	width: 468px; 
	float: right;

}

#topnav {
	margin-top: 10px;
	text-align: right;	
	height: 53px;
}

#logo {
	margin-top: 28px;
	text-align: right;
}

#navlist {
	margin-top: 40px;
	text-align: right; 
}

#navlist li {
	list-style-type: none;
	margin: 0;
	padding-bottom: 10px;
	line-height: 1.1em;
}

#navlist a {
	padding-right: 10px;
	
}

#home {
	background-image: url(file:///C|/Documents and Settings/Owner/My Documents/webdocs/ccs2/images/i_home.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	margin-right: 5px;
}

#contactus {
	background-image: url(file:///C|/Documents and Settings/Owner/My Documents/webdocs/ccs2/images/i_contact.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	margin-left: 5px;
}

#topimages {
}

#maincontent {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom: 10px;
	background-image: url(file:///C|/Documents and Settings/Owner/My Documents/webdocs/ccs2/images/bg_content.gif);
	min-height: 430px;
	/* this is a hack to get around IE's refusal to recognize the min-height
	command. It works as follows:
	(1) The underscore ("_") is allowed in CSS identifiers by the CSS2.1 Specification 
	(2) Browsers have to ignore unknown CSS properties 
	(3) MSIE 5+ for Windows ignores the "_" at the beginning of any CSS property name 
	Thus, most won't recognize the _height command and will ignore it.
	IE's height will set the div to this height and go bigger if needed making it work 
	_height: 430px;
}

#footer {
	clear: both;
	text-align: center;
	background-image: url(file:///C|/Documents and Settings/Owner/My Documents/webdocs/ccs2/images/bg_bottom.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	color: #e4bc74;
	padding-top: 30px;
}

p.links {
	text-align: center;
	margin-bottom: 15px;
}

table.links {
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	width: 85%;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 100%;
}

table.links caption {
	background-color: #45556a;
	/*background-color: #9a753c;*/
	/*background-color: #7c7151;
	color: #c1b39e;
	font-weight: bold;
	border: 1px solid #000033;
}

table.links td {
	width: 50%;
	vertical-align: top;
}

table.links ul, table.links li {
	font-size: 1em;
	line-height: 1.1em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

table.links li {
	list-style-type: none;
}

.required {
	color: Red;
}

#message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.instructions {
	font-size: .8em;
	font-weight: bold;
}

.centered {
	text-align: center;
}