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%; vertical-align: baseline; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, sans-serif; color: #CC3300;
}
h1 { font-size: 150%; font-weight: bold; padding: 0; margin: 20px 10px 0 0; }
h2 { font-size: 130%; font-weight: bold; }
h3 { font-size: 110%; font-weight: bold; }

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: "" ""; }
strong { font-weight: bold; }
body { background: #e8d27e url('images/bg.jpg') no-repeat; color: #3a2a18; font: normal 78.75% Arial, Helvetica, sans-serif; }
a { color: #330000; text-decoration: none; }
a:hover { color: #a42017; text-decoration: underline; }

#container { width: 760px; margin: 0; padding: 0; margin: 0 auto; background: transparent url('images/badgirl.jpg') no-repeat 420px 0px; }

/*-------------------- HEADER --------------------*/

#header { clear: both; background : url('images/header.png') no-repeat; height: 80px; text-align: right; }
.header_icons { width: 21px; float: right; height: 18px; margin-top: 2px; margin-right: 20px; }


/*--------------------SIDEBAR --------------------*/

#sidebar { float: right; width: 340px; margin: 400px 0 0 0; }

#navigation { float: right; text-align: left; width: 150px; padding: 0; } /*Use a div with this id this if you don't want to use the flash menu provided*/

/*-------------------- MAIN --------------------*/

#main { background: transparent; float: left; width: 380px; padding: 0; margin: 0; }
#main h3 { font-size: 90%; margin-bottom: 20px; font-weight: bold; }
#main p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul li { text-align: justify; list-style: none; background:url("images/arrow.gif") no-repeat 0 2px; margin: 0 0 5px 24px; padding: 0 0 5px 20px; border-bottom: 1px dashed #CC3300; }

.divider { clear: both; background: transparent url('images/divider.gif') no-repeat; height: 3px; margin: 15px 0; }

img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left; }

a img.alignleft, a img.alignright, a img.centered { border: 3px solid #CC3300; }
a:hover img.alignleft,  a img.alignright, a img.centered { border: 3px solid #780000; }

/*-------------------- FOOTER --------------------*/

#footer { clear: both; }
#footer p { font-size: 90%; padding: 20px 0;  }
.footer_icons { width: 21px; float: right; height: 18px; margin-top: 2px; margin-right: 20px; }
.colortext {
	font-weight: bold;
	color: #F69;
	text-decoration: underline blink;
}

