/********************************************
 LICENSE:
 This stylesheet is free.  If you like the 
 way this stylesheet looks, by all means use 
 it! I'd prefer if you didn't pass it off as 
 your own, but if you're smart enough to 
 modify it and make it work how you want, 
 then I say, more power to you.  

 Good luck developing!         	
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
*
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000 url(bg.gif) repeat-x;
}

/* links */
a
{
	color: #ff9900;
	background-color: inherit;
	text-decoration: none;
}
a:visited
{
	color: #CCCCFF;
}
a:hover
{
	color: #CC0001;
	background-color: inherit;
}

/* headers */
h1, h2, h3
{
	font-family: Arial, 'Trebuchet MS' , Sans-Serif;
	font-weight: bold;
	color: #333;
}
h1
{
	font-size: 120%;
	letter-spacing: .5px;
}
h2
{
	font-size: 115%;
	text-transform: uppercase;
	color: #FFFFFF;
}
h3
{
	font-size: 115%;
	color: #003366;
}

/* images */
img
{
	border: none;
	
}
img.float-right
{
	margin: 5px 0px 10px 10px;
}
img.float-left
{
	margin: 5px 10px 10px 0px;
}

h1, h2, h3, p
{
	padding: 0;
	margin: 10px;
}

ul, ol
{
	margin: 10px 20px;
	padding: 0 20px;
}

code
{
	margin: 10px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace; /* white-space: pre; */
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	border-left: 4px solid #CC0000;
}
acronym
{
	cursor: help;
	border-bottom: 1px solid #777;
}
blockquote
{
	margin: 10px;
	padding: 0 0 0 32px;
	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important;
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 4px solid #CC0000;
	font-weight: bold;
}

/* form elements */
form
{
	margin: 10px;
	padding: 0 5px 0 5px; /*border: 1px solid #f2f2f2;*/
	background-color: #000000;
}
label
{
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
input
{
	padding: 2px;
	border: 1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color: #777;
}
textarea
{
	width: 400px;
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid #eee;
	height: 100px;
	display: block;
	color: #777;
}
input.button
{
	margin: 0;
	font: bolder 12px Arial, Sans-serif;
	border: 1px solid #CCC;
	padding: 1px;
	background: #FFF;
	color: #CC0000;
}
/* search form */
form.search
{
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
}
form.search input.textbox
{
	margin: 0;
	width: 120px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #333;
}
form.search input.searchbutton
{
	margin: 0;
	font-size: 100%;
	font-family: Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFFFFF url(headerbg.gif) repeat-x bottom left;
	padding: 1px;
	font-weight: bold;
	height: 23px;
	color: #333;
	width: 60px;
}

/**********************************
  LAYOUT 
***********************************/
#wrap
{
	margin: 0 auto;
	width: 780px;
}

/* header */
#header
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 60px;
}
#header span#slogan
{
	z-index: 3;
	position: absolute;
	left: 3px;
	bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma, Sans-serif;
	color: #FFF;
}

#header-logo
{
	position: relative;
	clear: both;
	height: 50px;
	margin: 0;
	padding: 0;
}
#header-logo #logo
{
	position: absolute;
	top: 3px;
	left: 5px;
	font: bold 30px "trebuchet MS" , Arial, Tahoma, Sans-Serif;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #000;
}

/* navigation tabs */
#header ul
{
	position: absolute;
	margin: 0;
	list-style: none;
	right: -18px;
	bottom: 3px;
	font: bold 13px 'Trebuchet MS' , Arial, Sans-serif;
}
#header li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#header a
{
	float: left;
	background: url(tableft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#header a span
{
	float: left;
	display: block;
	background: url(tabright.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span
{
	float: none;
}
/* End IE5-Mac hack */
#header a:hover span
{
	color: #FFF;
}
#header a:hover
{
	background-position: 0% -42px;
}
#header a:hover span
{
	background-position: 100% -42px;
}
#header #current a
{
	background-position: 0% -42px;
}
#header #current a span
{
	background-position: 100% -42px;
}

/* main column */
#main
{
	float: left;
	margin: 0;
	padding: 0;
	width: 545px;
	font-family: Trebuchet MS;
}
#main h1
{
	margin: 10px 0;
	padding: 4px 0 4px 8px;
	font-size: 105%;
	color: #FFF;
	text-transform: uppercase;
	background-color: #CC0000;
	letter-spacing: .5px;
}

#main p
{
	font-size: 1.2em;
}

#main ul
{
	font-size: 1.2em;
}

/* sidebar */
#sidebar
{
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	background-color: #000000;
}
#sidebar h1
{
	margin: 10px 0 0 0;
	padding: 4px 0 4px 8px;
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	text-transform: uppercase;
	background: #333;
	letter-spacing: 1px;
}
#sidebar .left-box
{
	border: 1px solid #222222;
	margin: 0 0 5px 0;
	padding: 0 5px 0 0;
	background: #000000;
	color: #FFFFFF;
}
#sidebar ul.sidemenu
{
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0;
	padding: 0;
	text-decoration: none;
}
#sidebar ul.sidemenu li
{
	border-bottom: 1px solid #f2f2f2;
	background: url(bullet.gif) no-repeat 3px 2px;
	padding: 3px 5px 3px 25px;
	margin: 0;
}
#sidebar ul.sidemenu a
{
	font-weight: bolder;
	padding: 3px 0px;
	background: none;
}

/* footer */
.footer
{
	clear: both; /*border-top: 1px solid #f2f2f2;*/
	background: #000000;
	padding: 2px 0 10px 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 95%;
	color: #FFFFFF;
}
.footer a
{
	text-decoration: none; /*font-weight: bold;*/
}

/* alignment classes */
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}

/* display and additional classes  */
.clear
{
	clear: both;
}
.red
{
	color: #CC0000;
}
.comments
{
	margin: 20px 10px 5px 10px;
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1;
	border-top: 1px dashed #EFF0F1;
}