@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #fff;
	font: 90% Arial, Helvetica, sans-serif;
	background: #000; 
}

/* wrappers */

#mainWrapper {min-width: 760px;}

#header { 
	height: 150px;
	background: #000 url(/images/headerBg.jpg) repeat-x; 
}

#headerNav {margin-left: 258px;}

#header IMG, #nav a IMG { 
	display: block;
	float: left;
}

#nav {
	width: 415px; 
	margin: auto;
}

#nav a img { border: none; }

#bar, #footer {
	color: #fff;
	background: #000 url(/images/bar.jpg) repeat-x;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 10px 0 10px;
	font-size: 12px;
}

#footer div { text-align: right; } 

#contentWrapper {
	color: #000;
	background: #ccc url(/images/content-bg.jpg) repeat-y; 
	margin: 20px;
}

#content { 
	padding: 10px;
	min-height: 300px;
}

/* Links */

a {text-decoration: none;}

a:link {color: #F00;}

a:visited {color: #F00;}

a:hover {color: #06F;}

a:active {color: #CCC;}

a img {border: none;}


/* font */

H1 {
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

H2 {font-size: 1.2em;}

H3, H4, H5, H6 {font-size: 1em;}

H2, H3, H4, H5, H6 {margin: 10px 0 15px 0;}

p {margin: 0 0 15px 0;}

#content ol, #content ul {margin: 10px 0 15px 20px;}

.centerText, #footer {text-align: center;}

.smallText, #footer {font-size: .8em;}

.italic {font-style: italic;}

.bold {font-weight: bold;}

/* box */

.box { background: #09c; }

.boxTop {background: url(/images/box-TR.gif) 100% 0 no-repeat;}

.boxContent {padding: 0 10px 0 10px;}

.boxBase {background: url(/images/box-BR.gif) 100% 100% no-repeat;}

/* layout */

.clearBoth { clear: both; }

.left {
	float: left;
	margin: 0 10px 5px 0;
}

.right {
	float: right;
	margin: 0 0 5px 10px;
}