* {
margin: 0;
padding: 0;
}

body {
background: #9c0100 url(../images/bg_body.jpg) no-repeat 50% 0;
color: #fff;
font: normal 75% arial, helvetica, sans-serif;
text-align: center;
}

h1 {
font-size: 130%;
margin-bottom: 1.2em;
}

.falls {
	font-size: 140%;
}

.dark {
	padding: 10px;
border-style: solid;
border-color: #ffcc00
border-width: 1px;
}

.surround{
		width: 224px;
		height: 142px;
		margin: 0px 10px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		}
		
.cslink{
		margin: 0px 7px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		}		
		
.cslinkend{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		}				

img {
border: 0;
}

div.clear {
	clear: both;
}

a {
color: #fc0;
text-decoration: none;
}

hr {
clear: both;
display: block;
visibility: hidden;
}

/* wrapper div to set the width of the content area */

div#container {
margin: 0 auto;
text-align: left;
padding-bottom: 48px;
width: 870px;
}

/* header */

div#header {
clear: both;
display: block;
height: 356px;
position: relative;
width: 870px;
}

div#header ul {
bottom: 0;
font: normal 110% "Lucida Grande", "Trebuchet MS", serif;
left: 20px;
position: absolute;
}

div#header ul li {
background: url(../images/bg_nav_li.png) no-repeat 0 0;
float: left;
margin-right: 2px;
padding: 0 0 0 8px;
}

div#header ul a {
background: url(../images/bg_nav_span.png) no-repeat 100% 0;
display: block;
margin: 0 !important;
padding: 5px 14px 6px 6px;
}

div#header ul li.selected {
background: url(../images/bg_nav_li_selected.png) no-repeat 0 0;
}

div#header ul li.selected a {
color: #333;
background: url(../images/bg_nav_span_selected.png) no-repeat 100% 0;
}

div#header ul a:hover {
color: #fff;
}

/* navigation lists appear in the #header and #footer */

ul.navigation {
clear: both;
display: block;
list-style-type: none;
}

ul.navigation li {
display: inline;
position: relative;
}

/* the drop down on the last list item of the top nav */

ul.dropdown ul {
font-size: 65% !important;
left: 0 !important;
position: absolute;
top: 100%;
width: 220px;
display: none;
}

ul.dropdown ul li {
background-color: #202325 !important;
background-image: none !important;
border-bottom: 1px solid #4b4e50;
clear: both;
display: block;
padding: 2px 0 !important;
width: 200px;
}

ul.dropdown ul li a {
background: #202325 !important;
background-image: none !important;
display: block;
}


/* wrapper div around the two main columns */

div#content-container {
padding: 40px 0 0 32px;
}

/* the div containing the body text */

div#content {
float: left;
line-height: 1.6em;
width: 470px;
}

div#content h2 {
background-color: #af2b2b;
border-bottom: 1px solid #7f0000;
margin: 0.5em 0;
padding: 3px 0 3px 3px;
font-size: 120%;
}

div#content p, div#sidebar p {
line-height: 1.5em;
margin: 0.75em 0 ;
}

div#content ul,
div#content ol {
margin-left: 1.75em !important;
}


/* these lists appear on the homepage in the body */

ul.stand-out {
font-size: 140%;
font-weight: bold;
list-style-type: none;
line-height: 1.5em;
}

ul.stand-out li {
float: left;
margin: 0.5em 0;
width: 220px;
}

ul.stand-out li a {
background: url(../images/bullet_stand-out.png) no-repeat 0 3px;
padding: 4px 0;
padding-left: 26px;
}


/* sidebar */

div#sidebar {
float: right;
width: 300px;
}

div#sidebar h3 {
margin: 0.5em 0;
padding: 0;
}

div#sidebar a:hover {
text-decoration: underline;
}

div#sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

div#sidebar li {
margin: 6px 0;
}

div#sidebar dt {
color: #fc0;
font-weight: bold;
margin-top: 16px;
}

div#sidebar dd {
border-bottom: 1px dotted #ccc;
margin: 0 0 4px 0;
padding: 6px 0;
}


/* form styles - appear on family of the month */

fieldset {
border: 1px solid #9f5959;
padding: 12px;
}

legend {
font-weight: bold;
}

input[type=text], textarea {
background: #fff;
border: 1px solid #000;
font: normal 100% arial, helvetica, sans-serif;
padding: 2px;
width: 400px;
}

/* jquery validation errors */

input.error, textarea.error {
border: 1px solid #fc0;
}

label span {
font-style: italic;
font-size: 90%;
}

label.error {
color: #fc0;
display: block;
font-weight: bold;
}


/* footer */

div#footer-container {
background: #000 url(../images/bg_footer-container.jpg) repeat-x 0 0;
border-top: 1px solid #000;
text-align: center;
}

div#footer {
margin: 0 auto;
padding: 24px 0 20px 0;
/*position: relative;*/
width: 820px;
}

div#footer h3 {
margin-bottom: 20px;
text-align: left;
}

div#footer a:hover {
color: #fff;
}

div#footer ul.pcts {
float: left;
list-style-type: none;
margin: 0;
text-align: left;
}

/* absolutely position lists so we can do the background image */

ul#pct-left {
/*position: absolute;*/
padding-right: 20px;
top: 48px;
left: 0;
}

ul#pct-center, ul#pct-right {
background: url(../images/bg_pct.png) no-repeat 0 0;
padding: 0px 20px 0px 26px;
/*position: absolute;*/
top: 0;
}

ul#pct-center {
left: 320px;
}

ul#pct-right {
right: 0 !important;
}

/* footer navigation */

div#footer ul.navigation {
color: #fff;
float: none;
font-size: 90%;
margin-top: 80px;
padding: 16px 0;
text-align: center;
}

div#footer ul.navigation span {
padding: 0 6px;
}

div#footer p#copyright {
background: url(../images/bg_copyright.jpg) no-repeat 50% 0;
clear: both;
display: block;
font-size: 90%;
padding: 14px 0;
text-align: center;
}