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, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12pt;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
ol, ul { list-style: none; }

table, tr, td {
	border-collapse: separate;
	border-spacing: 0;
	border: thin solid #CCCCCC;
}
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: #0e0f0e url('images/bg.gif') repeat-x bottom;
	color: #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a { color: #aaa; text-decoration: underline; }
a:hover { color: #ffa227; text-decoration: none; }

#container {
	width: 900px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: url(images/logoaap.png);
	background-repeat: no-repeat;
	background-position: 300px 75px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*-------------------- HEADER --------------------*/

#header { clear: both; background: transparent; height: 80px; text-align: right; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1 {
	display: block;
	font-size: 200%;
	font-weight: bold;
	padding: 0;
	text-align: right;
	margin: 20px 380px 0 0;
	color: #ffa227;
}
h1 span { color: #fff; display: inline; font-size: 110%; font-family: Verdana, sans-serif; }

h2 { font-size: 200%; font-weight: bold; }
h3 { font-size: 150%; }

/*--------------------SIDEBAR --------------------*/

#sidebar {
	float: right;
	width: 145px;
	margin-top: 150px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#sidebar2 {
	float: left;
	width: 145px;
	margin-top: 150px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#sidebar h3 { font-weight: bold; }

#nav {
	float: right;
	text-align: left;
	width: 150px;
	padding: 0;
	margin-top: 100px;
}
#nav li { display: block; margin: 0; padding: 0px; font-weight: bold;}
#nav li a {
	display: block;
	text-decoration: none;
	padding: 0 0 5px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12pt;
	font-weight: bold;
}


#current { color: #ffa227; }

/*--------------------SHOWS --------------------*/

#shows { float: right; width: 170px; margin-right: 10px; }
#shows ul { margin-bottom: 20px; }
#shows ul li { padding: 10px 0 10px 0; }

form { background: transparent; width: 170px; margin-top: 0; padding-top: 1em; }
fieldset { border: 0; padding: 0; margin: 0; width: 170px; }
input, .button  { font-size: 90%; }
label, input { float: left; display: block; margin-bottom: 10px; }
label { width: 100px; text-align: left; padding-right: 0px; font-size: 120%; font-weight: bold; }
input { width: 100px; border: 1px solid #fff; }
br { clear: both; }

/*-------------------- MAIN CONTENT --------------------*/

#main {
	background: transparent;
	float: right;
	width: 550px;
	margin: 0;
	padding-top: 225px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
#main h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }
#main p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul { list-style-image: url('images/arrow.gif'); list-style-position: inside; margin-top: 10px; }

.divider { clear: both; background: transparent url('images/divider.gif') no-repeat; height: 3px; margin: 15px 0; }
input.button { width: 50px; color: #aaa; background: #0e0f0e; font-weight: bold; border: 1px solid #ffa227; padding: 2px; }

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; 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 #333; }
a:hover img.alignleft, a img.alignright, a img.centered { border: 3px solid #ffa227; }

/*-------------------- FOOTER --------------------*/

#footer { clear: both; text-align: center; }
#footer p { font-size: 90%; padding: 20px 0;  }
