/*
2nd Layout styles
Como
created 16/8/07 CL
*/

html, body {height:100%}

body {
	padding: 0;
	margin: 0;
	color: #fff;
	font: .7em/1.7em Arial, Helvetica, sans-serif;
	background: #2E2E2E url(../images/main_bg.gif) top center repeat-y;
}

#outer {
	width: 989px;
	margin: 0 auto -55px auto;
	padding: 0;
}

/* Hidden content */
.structurelabel, .skiplinks
{
    position: absolute;
    left: -5000px;
    width: 4000px;
}


/* HEADER AND MAIN NAV */

#header {
	height: 215px;
	margin: 0;
	padding: 0;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
}

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 a {
	width: 120px;
	height: 128px;
	display: block;
	margin: 70px 0 0 100px;
	padding: 0;
	background: url(../images/siteid.gif) no-repeat 0 0;
}

#header h1 a span,
#header ul,
#header form { 
	display: none;
}

#header script {
	/* margin: 0;
	padding: 0;
	 */
	display: none;
}

#header a.nattrust_logo img {
	float: right;
	display: inline;
	width: 188px;
	height: 25px;
	margin: 0;
	padding: 10px;
	border: none;
}

/*********** Navigation styles ***********/

#mainNav {
	float: left;
	width: 185px;
	height: 460px;
	margin: 0;
	padding: 86px 0 0 0;
	background: url(../images/left_bg.jpg) 0 0 no-repeat;
}

#mainNav h1 {
	display: none;
	margin: 0;
	padding: 0;
}

#mainNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 1px;
	width: 184px;
}

#mainNav li {
	margin: 0;
	padding: 0;
}

#mainNav li a {
	display: block;
	width: 150px; /* less padding */
	margin: 0;
	padding: 10px 17px 5px 17px;
	font: Bold 1.1em Times New Roman, Times, serif;
	color: #533E3C;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: solid 2px #FDF8BF;
}

#mainNav li a:hover,
#mainNav li a.active {
	text-decoration: none;
	color: #533E3C;
	background: url(../images/nav_rollover.gif) 0 0 repeat-y;
}

/* Secondary nav styles */

#mainNav ul ul {
	margin: 0;
}

#mainNav li li a,
#mainNav li li.last a {
	display: block;
	width: 140px; /* less padding */
	padding: 5px 17px 5px 27px;
	height: 10px;
	font: 0.8em;
	font-weight: normal;
	color: #533E3C;
	text-transform: none;
	background: #FDF8BF;
}

#mainNav li li a:hover,
#mainNav li li.last a:hover,
#mainNav li li a.active,
#mainNav li li.last a.active {
	background:#DFE79F;
}


/* tertiry nav styles  */

#mainNav li li li a {
	display: block;
	width: 85px;
	color: #fff;
	padding-left: 25px;
	border-bottom: none;
}

#mainNav li li li a:hover {
	background: #0091C7;
}

#mainNav li li li a.active {
	font-weight: bold;
	background: none;
}

/* Utility styles */

#mainNav #utilities {
	display: none;
}

/* LEFT STYLES */

#left {
	display: none;
}

/* CENTRECONTENT STRUCTURE */

#container {
	float: left;
	width: 804px;
	padding: 0;
	margin: 0;
}

#centrecontent {
	float: left;
	display: inline;
	width: 600px;
	padding: 0;
	margin: 0;
	font: 1.1em arial;
}

#centrecontent #content {
	padding: 49px 59px;
	margin: 0;
	color: #533E3C;
}

/* CONTENT STYLES */

#centrecontent h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #533E3C;
}

#centrecontent h2 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #533E3C;
	margin: 0 0 10px 0;
	clear: both;
	border-bottom: 2px solid #D1BEDA;
}

#centrecontent h3 {
  font: bold 1.1em Arial, Helvetica, sans-serif;
  color: #533E3C;
  margin: 7px 0 10px 0;
  padding-bottom: 5px;
  clear: both;
}

#centrecontent h4 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	color: #533E3C;
	margin: 5px 0;
	padding: 0;
	clear: both;
}

#centrecontent h5 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	color: #533E3C;
	margin: 5px 0;
	padding: 0;
	clear: both;
}

#centrecontent a:link {color: #999900; text-decoration: none;}
#centrecontent a:visited {color: #999900; text-decoration: none;}
#centrecontent a:hover {color: #999900; text-decoration: underline;}
#centrecontent a:active {color: #999900; text-decoration: none;}

#centrecontent img {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	border: 2px solid #F8F1DE;
}

/* form styles */

#centrecontent form {
	width: 100px;
}

#centrecontent form label {
	font: bold 1em Arial, Helvetica, sans-serif;
}

#centrecontent form input.formText,
#centrecontent form textarea {
	width: 200px;
	margin: 5px 0;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#centrecontent form fieldset {
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#centrecontent form fieldset legend {
	margin: 10px 0 10px -7px;
	padding: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
}

#centrecontent form fieldset select {
	margin: 0;
	padding: 0;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#centrecontent form input.formSubmit {
	padding: 4px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #E18503;
	border: none;
}

/* RIGHT STYLES */

#right {
	float: right;
	margin-right: -2px;
	padding: 104px 18px 18px 18px;
	width: 151px; /* less padding */
	background: url(../images/right_bg.jpg) 0 0 no-repeat;
}

#right .toolbarPortal,
#right .toollist {
	margin: 0 0 15px -13px;
	color: #FDF8BF;
	background: url(../images/divider.gif) left bottom no-repeat;
	width: 180px;
	padding-bottom: 20px;
}

#right .toolbarPortal h1,
#right .toolbarPortal h2,
#right .toollist h1 {
	margin: 0 0 5px 0;
	color:#FDF8BF;
	font: bold 1.2em Times New Roman, Times, serif;
	text-transform: uppercase;
}

#right .toollist ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#right .toollist ul li {
	padding: 0;
	margin: 0;
}

#right .toollist ul li a {
	margin: 0;
	padding: 0;
	background: url(../images/) 0 0 no-repeat;
}

#right .toolbarPortal a {
	font-weight: bold;
	color: #533E3C;
	text-decoration: none;
}

#right .toolbarPortal a:hover {
	text-decoration: underline;
}

/* FOOTER STYLES */

#footer {
	clear: both;
	width: 558px; /* less padding */
	height: 55px;
	padding: 5px 30px 0 30px;
	margin: 55px auto 0 auto;
	color: #EFECD0;
	font: 1em Arial, Helvetica, sans-serif;
	border-top: 1px solid #978975;
}

#footer #footerDesc {
	clear: left;
}

#footer #footerDesc p {
	margin: 0;
	padding: 0;
}

#footer ul {
	list-style-type: none;
	float: left;
	clear: right;
	padding: 0;
	margin: 0 0 5px 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer li a {
	display: block;
	float: left;
	color: #EFECD0;
	text-decoration: none;
	font-weight: bold;
	padding: 0 15px 10px 0;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer ul#Credits {
	display: none;
}