@import url("hacks.css");

/* Notes: Colors
 * 		
 		Md Gray: #7B7775
		Red: #C03202
-------------------------*/

/* Initial & General Styles
-------------------------*/
html * { margin: 0; padding: 0; }
body { 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif;
	background-color: #7B7775;
	background: url(../images/bkgd-swirls.gif) top center no-repeat;
	background-color: #7B7775;
	}
html, body {
/*	height: 100%; */
	}
#wrapper {
	margin: 0 auto;
	width: 780px;
/*	min-height: 100%; */
}
html > body #wrapper { width: 780px; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	visibility: hidden;
}

img { border: 0;}

a:link {
	color: #C03202
}

a:visited {
	color: #999;
}

a:hover {
	font-weight: bold;
}

/* Header
-------------------------*/
#header {
	text-align: center;
	background-color: #000;
/*	background: url("../images/bkgd-headerswirl.jpg") top right no-repeat; */
}
#header img {
	margin: 0;
	display: block;
}

/* Navigation
--------------------------------*/
#menu {
	background-color: #000;
	border-top: solid #FFF 1px;
	height: 1%;
}

#nav, #nav ul { /* all lists */
	padding: 4px 8px 0px 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	list-style: none;
	line-height: 1;
	height: 1%; /* doesn't let ul collapse and shows background */
/*	border: solid #FFF 1px;  */
}

#nav a {
	display: block;
	width: 8em; 
	padding: 4px 0px 8px 5px;
	color: #FFF;
	text-decoration: none;
/*	border: solid #000 1px; */
}

#nav a.nodrop:link, #nav a.nodrop:visited { /* for home link */
	width: 4em;
}
#nav a.nodrop:hover { /* for home link */
	color: #000;
	background-color: #7B7775;
}

#nav a.long { /* for long names */
	width: 11em;
}

#nav li.navspacing { /* add spacing after main categories*/
	margin-right: 5em;
}

#nav li.navspacing2 { /* add little more spacing after main categories*/
	margin-right: 6em;
}

#nav li { /* all list items */
	float: left;
	width: 8em; /* width needed or else Opera goes nuts */
	text-align: left;
	text-transform: uppercase;
}

#nav li.nodrop { /* for short names */
	float: left;
	width: 4em; /* width needed or else Opera goes nuts */
	text-align: left;
}

#nav li.shows { /* for spacing */
	float: left;
	width: 11em; /* width needed or else Opera goes nuts */
	text-align: left;
}

#nav li ul { /* second-level lists */
	position: absolute; z-index: 1;
	padding: 0; /* closes gap between main nav and list */
	background: none;
	background-color: none;
	width: 12em;
	line-height: 1.3em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /*second-level list */
	width: 12em;
	text-transform: none;
}

#nav li ul a { /* second-level list links */
	padding: 4px 7px;
	border-bottom: solid #666 1px;
	border-right: solid #666 1px;
	border-left: solid #666 1px;
	border-top: none;
	background-color: #7B7775;
	width: 12em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover {
	background-color: #C03202;
	color: #FFF;
}

div.clear {
	clear: both;
	height: 1%;
}

/* Content containers
-------------------------------  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ THIS DEFENITION HAS BEEN MODIFIED  */

#content {
	clear: left;
	background-color: #000; height: 452px;
}

/* Content containers Home page
-------------------------------*/
#container-sidebar-left {
	width: 220px;
	float: left; 
}

#container-sidebar-right {
	width: 220px;
	float: right;
}

#container-middle { /* middle column for 3-column home layout */
	 margin: 0;  float: left;
}

#container-middlewide { /* 2-column width interior */
	margin: 0 0 0 200px;
}

/* Headline Formatting
--------------------------------*/
img.headline {
	padding-bottom: 10px; /* changed from margin because of bullet jump */
}
img.headline-multi {
	display: block;
	margin: 10px 0 0px; /* bottom margin removed because of bullet jump */
	padding-top: 15px;
	border-top: solid #C03202 1px;
	padding-bottom: 10px; /* added changed from margin */
}
#feature div.headline {
	background-color: #C03202;
	padding: 15px;
/*	display: block; */
}

/* Main Image Formatting Home
--------------------------------*/
div.mainimagehome {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFF;
}
div.mainimagehome img { /* Removes gap below image */
	display: block;
	background-color: #FFF;
}
div.mainimagehome img.whitepadding {
	padding: 15px 0px;
}

/* Sidebar w/bullets Home
-------------------------------*/
div.sidebar-home {
	margin: 0;
	padding: 20px;
}
div.sidebar-home ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sidebar-home ul li {
/*	display: block; */
	margin-left: 0px;
	padding: 5px 0px 5px 12px;
	background: url(../images/bullet-whtarrow.gif) 0 .6em no-repeat;
	color: #FFF;
	font-weight: normal;
}
div.sidebar-home ul li.noarrow {
	background: none;
}
div.sidebar-home a:link, div.sidebar-home a:visited {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
div.sidebar-home a:hover {
	color: #C03202;
	font-weight: bold;
}

/* Sidebar Right Home
----------------------------------*/
#promoslg { /* large promo buttons */
	padding-right: 10px;
}
#promoslg img {
	display: block;
	margin-bottom: 10px;
}

/* Middle Feature Home
---------------------------- */
#feature {
	padding: 0px;
}
#feature img { /* Removes gap below image */
	display: block;
}
#feature div.featureimage {
	padding: 0;
	margin: 0;
}
#feature p {
	color: #FFF;
}

/* Middle Program
-----------------------------------*/
#sectionhead {
	padding: 0 10px;
	text-align: center;
	color: #646E78
}

#sectionhead h2 {
	font-family: trebuchet, georgia, times, serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0.5em;
	border-top: solid #646E78 1px;
	padding: 10px 0 5px 0;
}

#sectionhead h1 {
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid #646E78 1px;
	padding: 5px 0 10px 0;
}

#programmenu {
	padding: 0 10px;
	text-align: center;
}

#programmenu ul {
	margin: 0;
	padding: 5px 0 5px 0;
	text-style: none;
	border-bottom: solid #646E78 1px;
}

#programmenu li {
	display: inline;
	padding: 0 5px 0 5px;
}

#programmenu a:link, #programmenu a:visited {
	color: #F78C2C;
	text-decoration: none;
}

#programmenu a:hover {
	color: #333;
}

#programcontent {
	padding: 0 10px 10px 10px;
	text-align: left;
}

#programcontent p {
	font-family: trebuchet, georgia, times, serif;
	font-size: 1.3em;
	color: #333;
	line-height: 1.6em;
	padding-top: 10px;
}

#programsidebar { /* sidebar for photos */
	float: right;
	width: 170px;
	text-align: right;
}

#programsidebar img {
	margin-top: 10px;
}

/* Footerbar
------------------------------------*/
#footerbar {
	background-color: #000;
	height: 1%;
}
#footerlink {
	float: right;
	width: 200px;
	text-align: right;
}
#footerlink a:link, #footerlink a:visited {
	color: #FFF;
	text-transform: lowercase;
	text-decoration: none;
}
#footerlink a:hover {
	color: #999;
}
#copyright {
	padding: 10px 15px;
	color: #FFF;
}
#copyright a:link, #copyright a:visited {
	color: #FFF;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

/* Footer
-----------------------------------*/
#footer {
	padding: 5px 5px 15px 5px;
	text-align: center;
}
#footer p {
	color: #333;
}
#footer a:link, #footer a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
}