@charset "utf-8";
body, html {
	margin: 0;
	padding: 0;
}
body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: #999 url(../images/main-bg.gif) repeat-x;
	height: 100%;
}
#wrapper {	
	margin: 20px auto;
	padding: 0;
	width: 790px;
	text-align: left;
	border: solid 1px #666;
	background-color: #e8e8e8;
}
img {
	border: none;
}

/**
 * Home Page - Header
 */
#header {
	background-color: #eee;
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	height: 105px;
	margin: 0;
	padding: 0;
}
#header .h1 {
	float: left;	
	margin: 34px 0 0 12px;
}
#header .h1 a {
	display: block;
	background: url(../images/nn-logo.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 48px;
	width: 245px;
}
#header form {
	margin: 12px;
	padding: 0;
	float: right;
	width: 178px;
}
#header fieldset {
	margin: 0;
	border: 0;
}
#header form label {
	clear: both;
	float: left;
	margin: 0.3em 0 1em 0;
	color: #666;
	font-size: 0.7em;
	font-weight: bold;
}
#header form #username,
#header form #password {
	float: right;
	height: 14px;
	margin-bottom: 10px;
	border: solid 1px #a0d8e5;
	width: 120px;
}
#header form #tmp_username,
#header form #tmp_password {
	display: none;
	visibility: hidden;
}
#header form #login-button {
	float: right;
	padding: 0;
	margin: 0;
}


/**
 * Home Page - Menu + Footer Bar
 */
#menu,
#footer {
	margin: 0;
	padding: 0;
	height: 21px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color: #990000;
	color: #fff;
}

/**
 * Home Page - Footer
 */
#footer {
	clear: both;
	margin-bottom: 21px;
	padding-right: 2em;
	border: solid 1px #fff;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
}
#footer a,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;	
}
#footer a:hover {
	text-decoration: underline;
}

/**
 * Home Page - 3 x Middle Panels
 */
#content .panel {	
	float: left;
	margin: 8px -3px 2px 8px;
	padding: 0;
	width: 256px;
	background: url(../images/panel-right.gif) top right no-repeat;
	text-align: center;
}
#content .panel .top {
	margin: 0;
	padding: 8px 8px 0 1px;
	background: url(../images/panel-left.gif) top left no-repeat;
}
#content .panel .bottom {
	margin: 22px 0 0 0;
	padding: 1px 0 0 8px;
	background: url(../images/panel-left.gif) bottom left no-repeat;
}
#content .panel .bottom .link {
	display: block;
	margin: 0;
	padding: 0 8px 8px 0;
	background: url(../images/panel-right.gif) bottom right no-repeat;
	text-align: right;
}
#content .panel .bottom .link img {
	height: 11px;
	width: 11px;
	border: 0;
	margin: 7px;
}
#content .panel .bottom .link a,
#content .panel .bottom .link a:visited {
	text-decoration: none;	
}
#content .panel h2 {
	margin: 18px 0 0 14px;
	padding: 0;
	color: #990000;
	text-align: left;	
	letter-spacing: -1px;
	font-size: 1.5em;
	position: relative;
	z-index: 1;
}
#content .panel img.icon {
	margin: -55px 0 0 190px;
	padding: 0;
	height: 50px;
	width: 50px;
	display: block;
}
#content .panel img.photo {
	margin: 0;
	margin-left: -1px;
	padding: 0;
	height: 87px;
	width: 246px;
}
#content .panel .bottom p {
	float: left;
	text-align: left;
	font-size: 0.7em;
	width: 230px;
	margin: 0.7em 0 0 2px;
	padding: 0;
	line-height: 1.2em;
}
#content .panel .bottom p strong {
	display: block;
	margin: 0 0 0.5em 0;
}

/**
 * Home Page - Menu + Middle Panel Bars
 */
#menu ul,
#menu ul li ul,
#content .panel ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	text-align: center;
	line-height: 21px;
}
#content .panel ul {
	margin-left: 1px;
	margin-top: -4px;
}
#menu ul li,
#menu ul li ul li,
#content .panel ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 81px;	
	border-right: solid 1px #fff;
}
#content .panel ul li {
	width: 81px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
#content .panel ul li.left {
	width: 74px;
}
#content .panel ul li.right {
	width: 88px;
}

#menu ul li a,
#menu ul li ul li a,
#content .panel ul a {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;	
	display: block;
	background-color: #990000;
}
#menu ul li a:hover,
#menu ul li ul li a:hover,
#content .panel ul a:hover,
#content .panel ul a.middle:hover,
#content .panel ul a.right:hover {
	background-color: #cc7f7f;
	color: #990000;
	text-decoration: underline;
}
#menu ul li a.current {
	background-color: #fff;
	color: #990000;
}
#content .panel ul li a.middle {
	background-color: #880101;
}
#content .panel ul li a.right {
	background-color: #680101;
}

#menu ul.sub-menu {
	position: absolute;
	z-index: 5;
	border-top: solid 1px #fff;
	width: 72px;
}
#menu ul.sub-menu li a {
	background-color: #680101;
	width: 100%;
	border: solid 1px #fff;
	border-top: none;
}


/**
 * Home Page - Bottom Panel
 */
#content .panel-bottom {
	clear: both;
	float: left;
	margin: 8px;
}
#content .panel-bottom ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	width: 204px;
	float: left;
	background:url(../images/panel-bottom-left.gif) left top no-repeat;
	height: 155px;
}
#content .panel-bottom ul li {
	float: left;
	line-height: 49px;	
	margin: 0;
	padding: 0;
	display: block;
}
#content .panel-bottom ul li.item0 {
	background:url(../images/panel-bottom-left-a.gif) left top no-repeat;
	height: 48px;
}
#content .panel-bottom ul li.item1 {
	background:url(../images/panel-bottom-left-b.gif) left top no-repeat;
	height: 50px;
}
#content .panel-bottom ul li.item2 {
	background:url(../images/panel-bottom-left-c.gif) left top no-repeat;
	height: 51px;
}
#content .panel-bottom ul li a {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 200px;
	padding-left: 1em;
}
#content .panel-bottom ul li a:hover,
#content .panel-bottom ul li a.hover {
	background-color: #cc7f7f;
	color: #990000;
	text-decoration: underline;
}
#content .panel-bottom ul li.item0 a:hover,
#content .panel-bottom ul li.item0 a.hover {
	background: url(../images/panel-bottom-left-a-hover.gif) left top no-repeat;	
}
#content .panel-bottom ul li.item1 a:hover,
#content .panel-bottom ul li.item1 a.hover {
	background: url(../images/panel-bottom-left-b-hover.gif) left top no-repeat;
}
#content .panel-bottom ul li.item2 a:hover,
#content .panel-bottom ul li.item2 a.hover {
	background: url(../images/panel-bottom-left-c-hover.gif) left top no-repeat;
}
#content .panel-bottom .news {
	margin: 0 0 0 204px;
	padding: 0;
	background:url(../images/panel-bottom-right.gif) right top no-repeat;
	height: 155px;
	width: 574px;
}
#content .panel-bottom .news img {
	float: left;
	display: block;
	width: 123px;
	height: 146px;
	margin: 0 0.8em 0 0;
	padding: 0;
}
#content .panel-bottom .news h4 {
	font-size: 0.7em;
	margin: 0;
	padding: 0.7em 0 0 0;	
}
#content .panel-bottom .news p {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	background-color: #fff;
	margin: 0.2em 2em 1em 0;
}


/**
 * Content Page - Left Panel
 */
#content h1 {
 	margin: 0;
	padding: 0;
	color: #990000;
	letter-spacing: -1px;
	font-size: 1.5em;
	position: absolute;
	left: 22px;
	top: 27px;
}
#content h1.long {
	top: 35px;
	font-size: 1em;
}
#content h2,
#content h3,
#content .partners h4 {
	clear: both;
	color: #990000;
	padding: 0;
	font-size: 0.7em;
	margin: 0.7em 0 0 1.2em;
}
#content .panel-main {
	float: left;
	margin: 8px 0 0 8px;
	padding: 0;	
	width: 520px;
	position: relative;
}
#content .panel-main img.icon {
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 8px;
	top: 2px;
}
#content .panel-main .top {
	margin: 0;
	height: 43px;
	padding: 8px 8px 0 0;
	background: url(../images/panel-top.gif) top left no-repeat;
}
#content .panel-main .bottom {
	margin: 0;
	padding: 1px 0 0 0;
	background: url(../images/panel-sides.gif) bottom left repeat-y;
}
#content .panel-main .bottom .image-container {
	margin: 0 0 0.6em 1px;
	padding: 0;	
}
#content .panel-main .bottom .image-container img {
	border-bottom: solid 1px #ccc;
	width: 511px;
}
#content .panel-main .bottom .space {
	margin: 0;
	padding: 0 8px 8px 0;
	background: url(../images/panel-bottom.gif) bottom right no-repeat;
	height: 45px;
}
#content .panel-main .bottom p {
	margin: 0.5em 7em 1em 1.2em;
	padding: 0;
	font-size: 0.7em;
}
#content .panel-main .bottom ul {
	margin-top: -0.5em;
	margin-right: 5em;
	list-style-type: square
}
#content .panel-main .bottom li {
	font-size: 0.7em;
}
#content .panel-main .bottom hr {
	height: 1px;
	width: 460px;
	color: #ccc;
	background-color: #ccc;
	margin: 0 0 0 0.5em;
}
#content .panel-main .bottom .icon {
	height: 43px;
	width: 30px;
	float: right;
	margin: -33px 12px 0 0;
}

/**
 * Content Page - Right Top Panel - Latest News
 */
#content .panel-right {	
	float: left;
	margin: 8px 3px 2px 3px;
	background: url(../images/panel-right-red.gif) top right no-repeat;
}
#content .panel-right .top {
	background: url(../images/panel-left-red.gif) top left no-repeat;
}
#content .panel-right .bottom {
	margin-top: 0;
	background: url(../images/panel-left-red.gif) bottom left no-repeat;
}
#content .panel-right .bottom .link {
	background: url(../images/panel-right-red.gif) bottom right no-repeat;
}
#content .panel-right h3,
#content .panel-right h4 {
	margin: 20px 0 -7px 14px;
	padding: 0;
	color: #fff;
	text-align: left;	
	letter-spacing: -1px;
	font-size: 1.5em;
	position: relative;
	z-index: 1;
}
#content .panel-right img.photo {
	height: 68px;
}
#content .panel-right .bottom p {
	/* line-height: 1em; */
}
#content .panel-right .bottom p strong {
	color: #990000;
}

/**
 * Content Page - Right Bottom Panel - Partners
 */
#content .partners {
	display: none;
	float: right;
	background: url(../images/panel-right-red-short.gif) top right no-repeat;
}
#content .partners .top {
	height: 22px;
	background: url(../images/panel-left-red-short.gif) top left no-repeat;
}
#content .partners .bottom {
	padding: 1px 0 0 0;
	background: url(../images/panel-left-red-short.gif) bottom left no-repeat;
}
#content .partners .bottom .link {
	background: url(../images/panel-right-red-short.gif) bottom right no-repeat;
}
#content .partners .bottom .link img {
	width: 165px;
	height: 60px;
}
#content .partners .bottom p {
	margin-left: 1em;
}
#content .partners h4 {
	margin: 0 0 0 14px;
	font-size: 1em;
}

/**
 * Content Page - Lists
 */
#content .list-header {
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
}
#content .list-header a.close {
	background: #fff url(../images/plus.gif) bottom right no-repeat;
	padding-right: 15px;
}
#content .list-header a.open {
	background: #fff url(../images/minus.gif) bottom right no-repeat;
	padding-right: 15px;
}
#content .list {
	float: left;
}
#content .list ul {
	width: 500px;
	float: left;
	margin: 1em 0.5em;
	padding: 1em 0 0.5em 0;
}
#content .list ul li {
	float: left;
	margin: 0 0 0 2em;
	padding: 0;
	width: 225px;
}

/**
 * Content Page - Anchors
 */
#content a {
	color: #000;
	text-decoration: underline;
}
#content a:hover {
	color: #666;
	text-decoration: none;
}

/**
 * Sub-Content Panel - Home Page
 */
#news-container {
	margin: 0 0 0 204px;
	padding: 0;
	position: relative;
}
#news-container .news {
	position: absolute;
	left: -204px;
	top: 0;
}

/**
 * Miscellaneous
 */
.clear {
	clear: both;
}

/**
 * Sitemap
 */
#content .sitemap {
	margin-bottom: 2em; 
}
#content .sitemap ul {
	padding-top: 0.5em;
	padding-bottom: 0;
	margin-bottom: 0;
}

/**
 * Map
 */
#map {
	margin-top: 25px;
	height: 300px;
	width: 495px;
}