@charset "utf-8";
/* CSS Document */

/* ########################################################
Sioux Falls Progress
Copyright 2009, Forward Sioux Falls
Jill Blom, Designer


############################################################ */

/* Sets margins to 0 as well as forces scroll bar */
html {
	min-height: 100%;
	margin: 0px;
	margin-bottom: 1px;
}

/*html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	min-height: 100%;
	margin: 0px;
	margin-bottom: 1px;
}*/


/* Sets body properties, namely the background image. Also sets base for typography */
body {
	background-attachment: fixed;
	background-image: url(images/progressbg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #4e91c2;
	padding: 0px;
	margin: 0px;
	font-size: 75%; /* Equivalent to 12px */
	line-height: 1.333em; /* Equivalent to 16px */
}

/* This is a class to use for hiding things while testing, or to "archive" items for later */
.hidden {
	display: none;
}

/* ###########################  Typographical classes  ########################### */

/* Dictates paragraph attributes */
p {
	font-family: Arial, Helvetica, sans-serif;
}

/* Dictates attributes of body text paragraphs (main text body) */
.bodytext p {
	font-size: 1em; /*equivalent to 12px */
	margin: 14px 0 0 0;
}

/* Dictates attributes of quote paragraphs */
p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.333em; /* Equivalent to 16px */
	color: #666;
	text-align: center;
	font-style: italic;
	line-height: 1.5em; /*Equivalent to 18px */
	margin: 10px 5px;
}

/* Dictates attributes of quote attribution paragraphs */
p.attribution {
	font-size: 1em; /* Equivalent to 12px */
	color: #1c70ac;
	text-align: right;
}

/* Dictates attributes of paragraphs used as photo cutlines */
p.cutline {
	font-size: .833em; /* Equivalent to 10px */
	line-height: 1.083em; /* Equivalent to 13px */
	margin: 10px;
}

/* Dictates attributes of the copyright paragraph */
p.copyright {
	font-size: .833em; /* Equivalent to 10px */
	margin: 0;
	height: 60px;
	line-height: 1.083em; /* Equivalent to 13px */
	clear: both;
	color: #b1e0fb;
}

/* Dictates attributes of the subheadline paragraph */
p.subheadline {
	font-size: 1.333em; /* Equivalent to 1gpx */
	margin: 0;
	line-height: 1.5em; /* Equivalent to 18px */
	font-weight: bold;
	color: #1c70ac;
}

/* Dictates attributes of the small headline paragraph */
p.smallheadline {
	font-size: 1.167em; /* Equivalent to 14px */
	margin: 0;
	line-height: 1em; /* Equivalent to 18px */
	font-weight: bold;
	color: #666;
	letter-spacing: -.01em;
}

ul.contenttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em; /* Equivalent to 18px */
}

/* First header */
h1 {
	margin: 0;
	padding: 0;
}

/* Second header */
h2 {
	margin: 0;
	padding: 0;
}

/* Third header */
h3 {
	margin: 0;
	padding: 0;
	display: inline;
	font-weight: bold;
	font-size: 1em; /* Equivalent to 12px */
}

/* Unvisited link */
a:link {
	color: #1c70ac;
	text-decoration: none;
} 

/* Visited link */
a:visited {
	color: #1c81c9;
	text-decoration: none;
} 
	
/* Mouse over link */
a:hover {
	color:#004b81;
	text-decoration: none;
} 
	
/* Selected link */
a:active {
	color:#1c70ac;
	text-decoration: none;
} 

img a {
	border: none;
}

/* ###########################  Layout classes  ########################### */

/* Page container */
#container {
	width: 750px;
	margin: 0 auto;
	height: auto;
}

/* Displays header with background */
#header {
	width: 710px;
	height: 104px;
	background-image: url(images/header.jpg);
	background-color: #8bcdf6;
	margin: 0 auto;
	padding: 20px;
}

/* Dictates placement of logo, hides accessible text, h1 */
#logo {
	height: 109px;
	width: 465px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/logo_sfprogress.png);
	overflow: hidden;
}

/* White space that contains content */
#content_area {
	width: 710px;
	background-color: white;
	min-height: 400px;
	margin: 0px;
	padding: 20px;
	display: block;
	float: left;
}

/* Displays first column of content on home page */
#column_1 {
	width: 316px;
	float: left;
	padding: 8px 12px 0 12px;
}

/* Displays second column of content on home page */
#column_2 {
	width: 340px;
	float: right;
}

/* Displays single column of content on sub pages */
#column_single {
	width: 710px;
	margin: 0 auto;
}

/* Displays the footer */
#footer {
	width: 716px;
	height: 68px;
	background-image: url(images/footer_gradient.png);
	clear: both;
	padding: 17px;
}

#footermenu li {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	margin: 0px;
	display: inline;
	list-style-type: none;
}

#footermenu li.nopad {
	padding: 0 6px 0 6px;
}

#footermenu li.pad {
	padding: 0 6px 0 6px;
	border-right: solid 1px #1c70ac;
}

#footermenu {
	display: block;
	padding: 0;
	margin: 0 auto;
	height: 30px;
	text-align: center;
}

/* ###########################  Navigation classes  ########################### */

/* Displays navigation menu */
#navigation {
	display: block;
	width: 706px;
	height: 54px;
	background-image: url(images/navgradient.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px 22px 0px 22px;
}

/* Separate class for first three menu items with padding for spacing */
#menu li.pad {
	display: inline;
	text-decoration: none;
	list-style-type: none;
	height: 54px;
	margin: 7px;
	padding-right: 85px;
}

/* Separate class for last menu item with no padding for spacing */
#menu li.nopad {
	display: inline;
	text-decoration: none;
	list-style-type: none;
	height: 54px;
	margin: 0px;
}

/* General menu div properties, centers the menu vertically */
#menu {
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
}

/* Classes that display menu image, hide accessible text, h2 */
#progress {
	height: 35px;
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/menu_progress.png);
	overflow: hidden;
}

#recovery {
	height: 35px;
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/menu_recovery.png);
	overflow: hidden;
}

#thoughts {
	height: 35px;
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/menu_thoughts.png);
	overflow: hidden;
}

#forward {
	height: 35px;
	width: 92px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/menu_forward.png);
	overflow: hidden;
}

/* ###########################  Content classes  ########################### */

/* Displays image of title on home page, hides accessible text, h3 */
#title-homepage {
	height: 17px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_siouxfalls.png);
	overflow: hidden;
	margin: 0;
}

/* Displays image of title on the Progress page, hides accessible text, h3 */
#title-progress {
	height: 21px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_progress.png);
	overflow: hidden;
	margin: 0;
}

/* Displays image of title on the Recovery page, hides accessible text, h3 */
#title-recovery {
	height: 21px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_recovery.png);
	overflow: hidden;
	margin: 0;
}

/* Displays image of title on the Thoughts page, hides accessible text, h3 */
#title-thoughts {
	height: 21px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_thoughts.png);
	overflow: hidden;
	margin: 0;
}

/* Displays image of title on the Forward page, hides accessible text, h3 */
#title-forward {
	height: 21px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_forward.png);
	overflow: hidden;
	margin: 0;
}

/* Displays image of title on the Contact page, hides accessible text, h3 */
#title-contact {
	height: 17px;
	width: 277px;
	display: block;
	background-repeat: no-repeat;
	border: 0;
	text-indent: -9999px;
	background-image: url(images/title_contact.png);
	overflow: hidden;
	margin: 0;
}.formLabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.subTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}