/*
GLOBAL RESET by Eric Meyer
==================================================
*/

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

img, div, a, ul, li, table, tr { behavior: url(pngfix.htc) } /* PNG transparecy fix */

/*
GENERAL
==================================================
*/

body {
	background: url(images/body_bg.jpg) 50% 0% no-repeat #1c1c1c;
	font-family: Arial, Helvetica, "Sans-Serif";
	font-size: 80%;
	line-height: 160%;
	color: #7F7A77;
	text-shadow: 0 0 0 #000;
}

/* HEADERS */
h1 {
	padding: 0;
	margin: 0 0 1em 0;
	font-family: Arial, Helvetica, "Sans-Serif";
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #EEE;
}

h2 {
	padding: 1em 0 1.5em 0;
	margin: 0;
	font-family: Georgia, "Serif";
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -1px;
	color: #bfb4ac;
}

h3 {
	padding: 1em 0 2em 0;
	font-family: Arial, Helvetica, "Sans-Serif";
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	text-transform: normal;
	letter-spacing: -1px;
	color: #FFF;
}

span { font-weight: ; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0; padding: 0 0 1.2em 0; line-height: 1.75em; }
strong { font-weight: bold; }
em { font-style: italic; color: #BBB; }
small { font-size: 0.89em; }
sup { vertical-align: super; font-size: 0.81em; }

a:link, a:visited {
	color: #b0232a;
	border-bottom: 1px solid #333;
	background: transparent;
	text-decoration: none;
}
a:active {
	color: #FFF;
	background: transparent;
	font-style: normal;
	border-bottom: none !important; border-bottom: 1px solid #333; 
}
a:hover {
	color: #FFF;
	background: transparent;
	border-bottom: none !important; border-bottom: 1px solid #333;
}

ol { margin: 0 0 1.5em 0; }
ol li { list-style: decimal outside; margin: 0 0 1em 2em; }

blockquote {
	font-family: Georgia, 'Times New Roman', 'Serif';
	font-style: italic;
	padding: 0 0 0 30px;
	background: url(images/quote.gif) no-repeat 0 0;
}
blockquote a:link, blockquote a:visited { color: #555; border: none; }
blockquote a:hover, blockquote a:active { color: #000; }

/*
DIV TEMPLATE
=============================================================
*/
#container {
	width: 100%; 
	margin: 0 auto;
}

.general {
	width: 100%; 
	margin: 30px auto 0 auto;
}
.general.center { width: 910px; }
.general .half.left { width: 435px; float: left; padding: 0 20px 0 0; margin: 0; display: inline; }
.general .half.right { width: 435px; float: right; padding: 0 0 0 20px; margin: 0; display: inline; }
.general .whole { width: 910px; float: left; }

.break { float: left; width: 100%; height: 1px; display: inline; background: transparent; font-size: 0em; }

#headercontainer {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	width: 910px;
	height: 180px;
	margin: 0 auto;
}
#header h1 { margin: 0; padding: 0; text-indent: -9999px; }
#header h1 a { height: 97px; width: 160px; margin: 55px 0 0 0; background: transparent; float: left; border: none; }

#menucontainer {
	width: 100%;
	height: 70px;
	margin: 30px auto 0 auto;
	background: url(images/medium_bg.png);
	overflow: hidden;
}
#menu {
	width: 910px;
	height: 70px;
	margin: 0 auto;
	/*text-align: center;*/
}
#menu ul { padding: 0; margin: 0; display: inline; float: left; }
#menu li a span { font-size: 0.89em; font-style: italic; color: #555; display: block; }
#menu li { display: inline; float: left; }
#menu li a { height: 42px; }
#menu li a:link, #menu li a:visited { height: 42px; color: #888; border: none; padding: 14px 20px; float: left;  }
#menu li a:hover, #menu li a:link.current, #menu li a:visited.current { color: #CCC; height: 42px; padding: 14px 20px; float: left; background: url(images/menu_bg.png) !important; background: #231E1C; }

#quotecontainer {
	width: 100%;
	margin: 0 auto;
	background: url(images/light_bg.png);
	overflow: hidden;
}

#quote {
	width: 910px;
	margin: 0 auto;
	text-align: center;
}
#quote h1 { font-size: 1.8em; border: none; line-height: 1.5em; padding: 0; margin: 1em 0; color: #CCC; font-family: Georgia, "Serif"; }
#quote h1 span { font-style: italic; font-weight: normal; }
#quote h1 span.emp { font-style: normal; font-weight: normal; font-size: 1.5em; }
#quote h1 span.red { color: #b0232a; font-size: 1.25em; }
#quote p { padding: 0; margin: -2em 0 2em 0; }
#quote span.author { font-size: 0.89em; }

#intro { background: url(images/medium_bg.png); float: left; margin: 0; width: 100%; color: #999; }
#intro .overview { width: 415px; height: 210px; overflow: hidden; float: left; padding: 20px; }
#intro .overview p { padding:  0 0 1em 0; margin: 0; line-height: 1.35em;  font-size: 1.2em; }
#intro .overview h1 { margin: 0 0 1em 0; border: none; }

#slideshow { height: 250px; width: 455px; float: right; }
ul#banner { width: 455px; height: 250px; float: left; display: inline; position: relative; overflow: hidden; }
ul#banner li { height: 250px; width: 910px; background: transparent; border: solid 0px #FFF; border-bottom: 0; float: left; }

#footerholder {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

#footer {
	float: left;
	font-size: 0.89em;
	width: 880px;
	padding: 15px;
	margin: 15px 0 0 0;
	background: url(images/light_bg.png) 0 0;
	color: #444;
	text-align: center;
}

#footer p { margin: 1em 0; }
#footer a { color: #585858; font-weight: normal; }
#footer a:hover { color: #CCC; }

#footer a:link.bthreen, #footer a:visited.bthreen {
	overflow: hidden;
	height: 80px;
	padding: 3px 15px 0 0;
	margin: 0;
	text-indent: -9999px;
	background: url(images/bthreen.gif) 100% 0 no-repeat;
	border: none;
}
#footer a.bthreen:hover { background-position: 100% 0; border: none; }

/*
FORMS
==================================================
*/

input {
	font-size: 1em;
	border: solid 1px #DDD;
	border-top: solid 1px #AAA;
	background: #FFF;
	padding: 0.2em;
	line-height: 0.6em;
	color: #AAA;
}
textarea {
	font-family: Verdana, "Sans-Serif";
	font-size: 1em;
	border: solid 1px #DDD;
	border-top: solid 1px #AAA;
	background: #FFF;
	padding: 0.2em;
	width: 35em;
	color: #AAA;
}

/*
OTHER
==================================================
*/

span.highlight { color: #BBB; }
.image.lt { float: left; }
.image.rt { float: right; }

p.arrowbutton { float: left; width: 100%; padding: 0; margin: 0 0 1em 0; }
p.arrowbutton a:link, .arrowbutton a:visited { float: left; background: url(images/arrow_button.gif) 100% 0 no-repeat; border: none; padding: 3px 20px 3px 8px; line-height: 19px; vertical-align: middle; font-size: .89em; text-align: right; color: #df444c; }
p.arrowbutton a:hover { background-position: 100% -50px; color: #FFF; } 

.caption { text-align: center; font-style: italic; font-size: 0.89em; }

.quotebox { float: left; background: url(images/light_bg.png); width: 92%; padding: 4%; font-size: 1.2em; margin: 0 0 1em 0; text-align: center; color: #777; font-style: italic; }
.quotebox p { padding: 0; margin: 0; }
.quotebox span.author { font-size: 0.69em; font-style: normal; }

table { margin: 0 0 1em 0; }
td { vertical-align: middle; border-left: solid #333 1px; border-bottom: solid #333 1px; padding: 5px }
td.noborder { border: none; }
td.noleft { border-left: none; }
td.nobottom { border-bottom: none; }

table.nothing td { vertical-align: top; border: none; padding: 5px }
td.tabledate { color: #DDD; font-style: italic; width: 150px; }

table.quiz { float: left; color: #b0232a; font-style: italic; width: 620px; border-collapse: collapse; }
table.quiz td { padding: 5px; border: none; vertical-align: top; }
table.quiz td.question { vertical-align: top; border: none; padding: 25px 5px 5px 5px; }
table.quiz a:link, table.quiz a:visited { background: url(images/quiz_window.gif) 100% 50% no-repeat !important; padding: 0 18px 0 0; }
table.quiz input { border: none; background: transparent; }
table.quiz td.answer { width: 122px; font-size: 0.89em; color: #6F6F6F; font-style: normal; padding: 5px; }
table.quiz tr.answers { background: url(images/light_bg.png) !important; background: url(images/quiz_ie.gif); }
table.quiz .highlight { background: url(images/light_bg.png) !important; background: url(images/quiz_ie.gif); }