/* Top Bar
----------------------------------- */

div.bar {
	background: black;
	height: 31px;
	background-image: url('spiral.jpg');
	background-repeat: no-repeat;
	background-position: left 50%;
	padding: 6px 8px 6px 12px;
	border-top: 1px solid rgb(39,44,48);
}

div.logo, div.logogif {
	float: left;
	clear: left;
	display: block;
	padding: 3px 0 0 0;
	overflow: hidden;
	line-height: 0px;
}

img.logo {
	border: 0;
	display: block;
	line-height: 0px;
}

div.clearer {
	clear: left;
	overflow: hidden;
	height: 0;
	width: 0;
	line-height: 0px;
}

ul.menu {
	float: right;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 4px 0 0 0;
	float: left;
	border-left: 1px solid rgb(45,49,57);
	border-top: 1px solid rgb(45,49,57);
}

ul.menu li.last {
	border-right: 1px solid rgb(45,49,57);
}

ul.menu li a {
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	display: block;
	background: black;
	height: 22px;
	padding: 5px;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1px solid rgb(39,44,48);
}

ul.menu li a:hover {
	background: rgb(51,68,82);
	border-bottom: 1px solid rgb(51,68,82);
	/*background-image: url(/media/design/blue-bar.png);*/
}

/* Navigation and Copyright Bar
----------------------------------- */
div.nav, div.copyright {
	padding: 0.15em 0.5em 0.15em 0.5em;
	clear: left;
	color: #efefef;
	background: rgb(51,68,82);
	background-image: url(/media/design/blue-bar.png);
}

div.nav {
	border-top: 1px solid rgb(39,44,48);
	border-bottom: 1px solid rgb(39,44,48);
}

div.nav a {
	text-decoration: none;
}

abbr.nav {
	color: #bbbbbb;
	border-bottom: none;
}

div.copyright {
	color: #bbbbbb;
	text-align: right;
	/*border-top: 1px solid rgb(148,136,107);*/
	border-top: 1px solid rgb(39,44,48);
	margin: 0em 0em 0em 0em;
}

span.copyright {
	color: #bbbbbb;
}