* RESET STYLES
 *****************************************************************************/
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;  color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
#facebook { float:right; width:160px; padding-top:20px; }

/******************************************************************************
 * ELEMENT & CORE STYLES
 *****************************************************************************/

body {
	background: #fff url('/images/bg.jpg') top center no-repeat;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
#container {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 90px;
	margin-top: 65px;
}
#content {
	/* allow absolute positioning inside */
	position: relative;
	clear: both;
	height: 460px;
	padding: 20px;
}
#slideshow {
	height: 452px;
	overflow: hidden;
	padding: 0px;
	width: 650px;
}
#sidenav {
	float: right;
	padding: 0px;
	width: 175px;
}
#brain {
	bottom: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 160px;
}
#footer {
	font-size: 10px;
	margin: 5px 0;
}

/* LINKS */
a, a:link, a:visited { color: #cc3399; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }
a.currently_active { color: #000; }

/* IMAGES */
img, a img { border:0; }

/* PNG-24 HACK */
img.png24 { behavior: url('/images/pngfix.htc') }

/* HEADLINES */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; }
h1 { font-size: 2em; text-transform: uppercase; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }


/* TEXT ELEMENTS */
p { margin: 1em 0; }
em {}
b, strong {}
i {}
small { font-size: 10px; }

/* LISTS */
ul, ol { list-style: none; }
ul.bulleted { margin-left: 1.5em; list-style: disc; }
ol.numbered { margin-left: 1em; list-style: decimal; }

/* FORMS */
form div { margin-bottom: 0.25em; }
form p { margin-bottom: 1em; }

input[type=text], input[type=password], select, textarea {
	border: 1px solid #999;
	padding: 2px;
}
input[type=submit] {}
input[type=button] {}

select option { padding-right: 1em; }

fieldset {
	border: 1px solid;
	border-color: #666 #666 #777;
	margin: 1em 0;
	padding: 0.75em;
}
fieldset legend { color: #999; }

/* TABLES */
#admin table { width: 100% }
table tr { vertical-align: top; }
table tr th { text-align: left; font-weight: bold; }
table.midcells tr { vertical-align: middle; }
table.padded tr th, table.padded tr td { padding: 2px; }

/* DATA TABLES */
table.data {
	width: 100%;
	border-collapse: collapse;
}
table.data tr th {
	text-align: left;
	border-bottom: 1px solid #000;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
table.data tr  { vertical-align: top; }
table.data tr th, table.data tr td { padding: 0.3em; }
table.data tr.odd td { background-color: #eee; }
table.data tr.even td { background-color: #ccc; }
table.padded td { padding: 1px; }

/* UTILITIES */
.clear, .clear_both { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.float_left { float: left; }
.float_right { float: right; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.no_display { display: none; }
.hidden { visibility: hidden; }
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }  

/* DEBUG */
.debug { border: 1px solid #0c3; }
.debugbg { background-color: #cfc; color: #000; }

/* COMMON TEXT STYLES */
.muted { color: #666; }
.muted a, .muted a:link, .muted a:visited, a.muted, a.muted:link, a.muted:visited { color: #999; }
.muted a:hover, .muted a:active, a.muted:hover, a.muted:active { color: #333; }
.red { color: #c00; }
.underlined { border-bottom: 1px solid #666; padding-bottom: 1px; margin-bottom: 2px; }

/* HANNA'S SITE STYLES */