/* ========================================================== GLOBAL ================================================================*/
body {
	background: url(../images/main-bg.png) repeat-x #000;
}

#container {
	position: relative;
	margin: 0 8% 5px;
	min-width: 846px;
	background-color: #FFF;
}

#header {
	position: relative;
	height: 115px; 
	background: url(../images/logo-main.png) no-repeat #E7E7E7;
}
#header h1 { position: absolute; left: -1000em }
#header p {
	position: relative;
	margin: 0px 10px 5px 320px;
	padding-top: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #0067AA;
	text-align: right;
}
#header div#bannerMain {
	position: relative;
	text-align: right;
}
#header div#bannerMain img{
	position: relative;
	margin: 24px 5% 5px 0;
	/*align: right;*/
	border: 0px solid #FFF;
}


/* == New Header Stuff ========================================================================================*/

#header1 {
	position: relative;
	height: 125px; 
	background: url(../images/logo-main2.png) no-repeat #E7E7E7;
}
#header1 h1 { position: absolute; left: -1000em }
#header1 p {
	position: relative;
	margin: 0px 10px 5px 320px;
	padding-top: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #0067AA;
	text-align: right;
}
#header1 div#bannerMain {
	position: relative;
	text-align: right;
}
#header1 div#bannerMain img{
	position: relative;
	margin: 24px 5% 5px 0;
	/*align: right;*/
	border: 1px solid #FFF;
}


/* == Contact ================================================================================================*/
#contact { padding: 0px 5px; border-bottom: 1px solid #FFF; }
#contact h3 { font-size: 1.3em; margin: 1em 0; }
#contact h4 { font-size: 0.9em; margin: 1em 0; }
#contact p {
	margin: 1em 0;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2em;
}
#contact a { color: #333; text-decoration: none; }
#contact a:hover { color: #0072BC; }

/* == Footer =================================================================================================*/
#footer {
	border-top: 1px solid #666;
	background-image : url("http://www.w3.org/Icons/valid-xhtml10-blue");
	background-position : left;
	background-repeat : no-repeat;
}
#footer p { 
	margin: 0;
	padding: 10px 15px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}

/* == feature area ============================================================================================*/
#feature {
	position: relative;
	border-top: 1px solid #E7E7E7;
	background: url(../images/header-bg2.jpg) 0 7px no-repeat #0072BC;
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 10px;
}
#fContent {
	position: relative;
	margin-top: 144px;
	padding-left: 190px;
	background: url(../images/feature-van.jpg) 14px 0 no-repeat;
}
#fContent h2 {	
	position: relative;
	margin: 0;
	padding-top: 87px;
}
#fContent h2 a { color: #45CE0F }
#fContent p {
	margin: 0;
	padding-top: 0px;
	font-size: 0.8em;
	font-weight: bold;
	color: Fuchsia;
}

/* == nav =====================================================================================================*/
#navMain {
}

/* == HOME ====================================================================================================*/
/* == home content ============================================================================================*/
#hContent {
	position: relative;
	background-color: #FFF;
}
#hLayout { position: relative; }
#hLayout td { width: 45%; }
#hLayout td#tdCenter { background: url(../images/center-col-bg.png) repeat-x #FFF; }
#hLayout td#tdRight { background: url(../images/center-col-bg.png)  1px 0 no-repeat #FFF; }
#hLayout td.leftCol {width: 170px;	position: relative;}
#hLayout li.current{
	background: #F7931D url(../images/subnav-current.png) no-repeat 5px 13px;
	border: 1px;
	width: 159px;
}
#hLayout li.current a{
	color: #FFF;}
#centerCol {
	margin-left: 1px;
	border-top: 10px solid #000;	
	padding: 15px;
}

#rightCol {
	margin-left: 1px;
	margin-right: 0;
	border-top: 10px solid #F7931D;	
	background: url(../images/test.png) right top no-repeat;
	padding: 20px 15px 15px 15px;
}

#centerCol h2, #rightCol h2 {
	margin-bottom: 0;
	font-size: 2.1em;
	line-height: 1.1em;
	color: #333;
}

#centerCol p, #rightCol p {
	margin: 0.5em 0;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2em;
}

#hContent ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
	color: #333;
}

#hContent li {
	margin: 1.7em 0;
	padding: 0 0 0 15px;
	background: url(../images/bullet.png) 0 3px no-repeat;
}

/* == sub nav ==================================================================================================*/
#subnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnav li {
	margin: 0;
	padding: 10px 3px 10px 15px;
	background: none;
}

#subnav li.current {
	background: url(../images/subnav-current.png) 5px 13px no-repeat #F7931D;
	border : 1px #fff;
}

#subnav li.hilite {
	background: url(../images/subnav-hilite.png) 5px 13px no-repeat #0072BC;
}

#subnav li a { color: #0072BC; text-decoration: none; font-weight: bold; }
#subnav li a:hover { color: #0072BC; }
#subnav li.current a { color: #FFF; }
#subnav li.hilite a { color: #FFF; }

/* == feature level ============================================================================================*/
#featureLevel {
	position: relative;
	border-top: 1px solid #E7E7E7;
	background: url(../images/feature-level.png) 0 7px repeat-x #0072BC;
	border-bottom: 1px solid #FFF;
	padding-bottom: 31px;
}

/* == level content ============================================================================================*/
#lLayout { position: relative; }
#lLayout td { width: 100%; }
#lLayout td#tdRight { background: url(../images/center-col-bg.png)  1px 0 repeat-x #FFF; }
#lLayout td.leftCol { background-color: #CCC; width: 170px; }

#rightColLvl {
	margin-left: 1px;
	margin-right: 0;
	border-top: 10px solid #F7931D;	
	padding-bottom: 3em;
}

#rightColLvl h2 {
	margin: 20px 0 0 15px;
	font-size: 2.1em;
	line-height: 1.1em;
	color: #333;
}

#rightColLvl h3 {
	margin: 3em 0 -0.5em 15px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333;
}

#rightColLvl p {
	margin: 1em 20px 1em 15px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.2em;
    top: -137px;
    left: 658px;
    width: 347px;
}

#rightColLvl p.seperator {
	border-top: 1px solid #333;
	margin-top: 2em;
	padding-top: 1em;
}

#mbox {
    width: 50%;
	padding: 5px;
	background-color: #ccffbb;
}

#rightColLvl a { color: #333; font-weight: bold; }
#rightColLvl a:hover { color: #0072BC; }

#rightColLvl img.contentImg {
	float: right;
	margin: 5px 15px 5px 20px;
}


/* == header pics ==============================================================================================*/
#rightColLvl #titlePic {
	float: right;
	margin: 0 0 5px 20px;	
	text-align: right;
}
#rightColLvl .tpAbout { 
	height: 306px;
	width: 295px;
	background: url(../images/right-col-about-img.jpg) no-repeat; 
}
#rightColLvl .tpPapers { 
	height: 315px;
	width: 289px;
	background: url(../images/right-col-papers-img.jpg) no-repeat; 
}
#rightColLvl .tpContact { 
	height: 245px;
	width: 390px;
	background: url(../images/right-col-contact-img.png) 0 25px no-repeat; 
}
#rightColLvl .tpSubs { 
	height: 329px;
	width: 310px;
	background: url(../images/right-col-subs-img.jpg) no-repeat; 
}
#rightColLvl .tpNpd { 
	height: 329px;
	width: 310px;
	background: url(../images/right-col-npd.jpg) no-repeat; 
}
#rightColLvl #titleNoPic {
	float: right;
	margin: 0 0 5px 20px;	
	text-align: right;
	height: 107px;
	width: 36px;
}

/* == latest news =================================================================================================*/
#rightColLvl h3.news {
	border-top: 1px solid #333;
	margin-top: 2em;
	margin-right: 20px;
	padding-top: 1em;
} 
#rightColLvl h3.first { margin-top: 1em; }

#rightColLvl h4.news {
	margin: 2em 0 -0.5em 15px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #3D9B3D;
}
#rightColLvl h4.news span { color: #C00; }
#rightColLvl h4.first { margin-top: 1em; }

/* == news archive ================================================================================================*/
#hContent ul#newsArchive {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #3D9B3D;
}

#hContent ul#newsArchive li {
	margin: 0.5em 0;
	padding: 0 0 0 15px;
	background: none;
}
#hContent ul#newsArchive li li { 
	padding: 0; 
	font-size: 0.7em; 
}
	
/* == going green =================================================================================================*/

.green #rightColLvl { border-top: 10px solid #3E9C3E; }


/* == USER AREA ===================================================================================================*/
#aLayout td { padding: 0; }
#aLayout .rightCol { 
	background: url(../images/center-col-bg.png) repeat-x; 
	width: 90%; 
	padding: 0; 
}
#aLayout .rightCol #rightColUser {
	margin: 0;
	border-top: 10px solid #F7931D;	
	background: url(../images/right-col-cat.png) right top no-repeat;
	padding: 20px 15px 15px 15px;
}
#aLayout td.leftCol { background-color: #CCC; width: 170px; border-right: 1px solid #FFF; }

#userMenuMain {
	float: right;
	padding-top: 100px;
	width: 110px;
	margin-left: 20px;
}

/* == left col ====================================================================================================*/
div#login { margin: 0; padding: 3px 8px; width: 148px; }
div#login p { margin: 7px 0; color: #FFF }
div#login a { color: #FFF; }
div#login a:hover { color: #0072BC; }

#aContent .subnav {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em
}

#aContent .subnav li {
	margin: 0;
	padding: 3px 3px 3px 10px;
	background: none;
}
ul.subnav li a { color: #333; text-decoration: none; font-weight: bold; }
ul.subnav li a:hover { color: #0072BC; }

/* == center col ===================================================================================================*/
#centerColUser {
	margin-left: 1px;
	border-top: 10px solid #F7931D;	
	padding: 15px;
	padding-bottom: 3em;
}

table#userData {
	font-size: 1.6em;
}
table#userData a { color: #000; }

table#userData .heading { background-color: #000; color: #FFF; }
table#userData .heading a { color: #FFF; }
table#userData th, table#userData td { 
	text-align: left; 
	font-weight: bold;
}
table#userData th { padding: 2px 6px 6px 6px; }
table#userData td { padding: 2px 6px; color: #000;  }
table#userData tr { background-color: #6B9EBF }
table#userData tr.altRow { background-color: #FFF }
table#userData tr.footer td { text-align: center; color: #FFF; }