@import "reset.css";

/* Screen structure styles */

body {
	background: #000;
	vertical-align: center;
	color: #fff;
	font: 12px Tahoma,sans-serif;
	line-height: 1.4;
	text-align: center;
}

p {
	font-size: 1em;
	margin: 0.6em 0 1em;
}

h1 {
	font-size: 1.75em;
	margin: 1.5em 0 1em;
}

h2 {
	font-size: 1.25em;
	margin: .8em 0 .6em;
}

h3 {
	font-size: 1.07em;
	margin: 1em 0 1em;
}

h4 {
	font-size: 1em;
	margin: 1.3em 0 0.5em;
}

h5 {
	font-size: 1em;
	margin: 1.3em 0 0.5em;
}

h6 {
	font-size: 1em;
	margin: 1.3em 0 0.5em;
}

blockquote {
	margin: .5em 1.5em;
}

ul, ol {
	margin: 1.5em;
	padding-left: 0;
	text-indent: none;
}

li {
}

a {
	font-weight: bold;
	text-decoration: none;
}

a, a:link, a:visited {
	color: #fff;
}

a:hover, a:active {
	color: #bbb;
}

/* rir = Revised Image Replacement (Dwyer Method) */
.rir { background: transparent no-repeat; display: block; margin: 0; padding: 0; position: relative; }
.rir a { display: block; height: 100%; width: 100%; }
.rir span { display: block; height: 0; overflow: hidden; width: 0; }

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

img.bordered {
	border: 1px solid #aaa;
}




/* Layout elements */

#wrapper {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 849px;
}


#menu-top-wrapper, #menu-bottom-wrapper {
	height: 40px;
	overflow: none;
}

ul#menu-top, ul#menu-bottom {
	height: 40px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 849px;
}

ul#menu-top li, ul#menu-bottom li {
	display: block;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

ul#menu-top li a, ul#menu-bottom li a {
	display: block;
	height: 100%;
	width: 100%;
}

ul#menu-top li a span, ul#menu-bottom li a span {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}

ul#menu-top {
	background: transparent url(../images/menu_top_sprites.gif) no-repeat;
}

ul#menu-bottom {
	background: transparent url(../images/menu_bottom_sprites.gif) no-repeat;
}

ul#menu-top li a:hover, ul#menu-top li a:active, ul#menu-top li a.current {
	background: transparent url(../images/menu_top_sprites.gif) no-repeat;
}

ul#menu-bottom li a:hover, ul#menu-bottom li a:active, ul#menu-bottom li a.current {
	background: transparent url(../images/menu_bottom_sprites.gif) no-repeat;
}

ul#menu-top #mt_1 { left:  35px; width: 110px; }
ul#menu-top #mt_2 { left: 145px; width: 130px; }
ul#menu-top #mt_3 { left: 275px; width: 195px; }
ul#menu-top #mt_4 { left: 470px; width: 170px; }
ul#menu-top #mt_5 { left: 640px; width: 140px; }

ul#menu-top #mt_1 a:hover, ul#menu-top #mt_1 a:active, ul#menu-top #mt_1 a.current { background-position:  -35px -40px; }
ul#menu-top #mt_2 a:hover, ul#menu-top #mt_2 a:active, ul#menu-top #mt_2 a.current { background-position: -145px -40px; }
ul#menu-top #mt_3 a:hover, ul#menu-top #mt_3 a:active, ul#menu-top #mt_3 a.current { background-position: -275px -40px; }
ul#menu-top #mt_4 a:hover, ul#menu-top #mt_4 a:active, ul#menu-top #mt_4 a.current { background-position: -470px -40px; }
ul#menu-top #mt_5 a:hover, ul#menu-top #mt_5 a:active, ul#menu-top #mt_5 a.current { background-position: -640px -40px; }

ul#menu-bottom #mb_1 { left:  60px; width: 165px; }
ul#menu-bottom #mb_2 { left: 225px; width: 125px; }
ul#menu-bottom #mb_3 { left: 350px; width: 130px; }
ul#menu-bottom #mb_4 { left: 480px; width: 155px; }
ul#menu-bottom #mb_5 { left: 635px; width: 125px; }

ul#menu-bottom #mb_1 a:hover, ul#menu-bottom #mb_1 a:active, ul#menu-bottom #mb_1 a.current { background-position:  -60px -40px; }
ul#menu-bottom #mb_2 a:hover, ul#menu-bottom #mb_2 a:active, ul#menu-bottom #mb_2 a.current { background-position: -225px -40px; }
ul#menu-bottom #mb_3 a:hover, ul#menu-bottom #mb_3 a:active, ul#menu-bottom #mb_3 a.current { background-position: -350px -40px; }
ul#menu-bottom #mb_4 a:hover, ul#menu-bottom #mb_4 a:active, ul#menu-bottom #mb_4 a.current { background-position: -480px -40px; }
ul#menu-bottom #mb_5 a:hover, ul#menu-bottom #mb_5 a:active, ul#menu-bottom #mb_5 a.current { background-position: -635px -40px; }


#content-wrapper {
	background: #fff;
	margin: 0 6px;
	padding: 5px 5px 5px;
	position: relative;
}


#content {
	color: #666;
	height: auto !important; /* IE6 min-height hack */
	height: 352px;
	min-height: 352px;
	position: relative;
}

#content a, #content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #000;
	letter-spacing: .1em;
}

#content a:hover, #content a:active {
	text-decoration: underline;
}

#content h1, #content h2, #content h3 {
	color: #000;
}

.bottom-separator {
	background: transparent url(../images/bottom_separator.gif) no-repeat;
	height: 20px;
	width: 849px;
}


#footer {
}