/*
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, p { 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: 0; margin: 1em 0 1.5em 0; font-family: Georgia, "Serif"; font-size: 20px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: -1px; color: #bfb4ac; }
h3 { padding: 0; margin: 1em 0 2em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 16px; font-weight: normal; font-style: italic; text-transform: normal; letter-spacing: 0; color: #FFF; }

span { font-weight: normal; }
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, 'Serif'; font-style: italic; padding: 0 0 0 30px; }
	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.center.home { margin: 0 auto; }
	.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; float: left; }
		#menu li { display: inline; float: left; z-index: 1; position: relative; /* Makes the menu buttons on a higher level to the bg */ }
		#menu li a:link span, #menu li a:hover span, #menu li a:visited span { font-size: 0.89em; font-style: italic; color: #555; display: block; }
			#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, #menu li a:hover.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; }
	#quote p { padding: 0; margin: -2em 0 2em 0; }
	#quote span.author { font-size: 0.89em; }

#intro { background: url("images/light_bg.png"); float: left; margin: 0; width: 910px; color: #8F8986; }
	#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; overflow: hidden; }
	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; }

/* Arrow button */
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"); }