@import url('/reset.css');
@import url('/ie6.css');

html { height: 100%; margin: 0;}
body {background:url(images/bg-repeat.gif) #fff repeat-x; margin: 20px 0 20px 0; height: auto; font:.8em  Verdana, Geneva, Arial, Helvetica, sans-serif;}
body>#container{height:auto;}
img { border: none;}
h1 {font:1.4em  Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform:capitalize; margin: 0 0 10px 0; padding: 0;}
h2 {background:url(images/header-bg-repeat.gif) #fff repeat-x left bottom; ; font-weight: bold; padding: 3px 0 3px 10px; color: #46266a; font-size: 10pt; border: 1px solid #ccc;}
h3 {font:1.0em  Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #46266a; font-weight: bold;}
a { text-decoration: underline; color: #46266a;}
p { text-align: justify;}

form {margin: 10px 0;}
form fieldset {border: 1px solid #ccc;padding: 10px; margin: 10px 0 0 0;}
form fieldset legend {font-size:1.2em; color: #46266A;}

form span.required {color: #000; font:.7em  Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } 
form p.small {font:.8em  Verdana, Geneva, Arial, Helvetica, sans-serif; float: right; display: block;} 
form label {display: block;float: left; width:255px; padding: 0; margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */text-align: right; }
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form select {margin:5px 0 0 10px; width: 250px;}
form br {clear: both;}
form input.btnSubmit {background:url(images/submit_button_bg.gif) #fff repeat-x left bottom; cursor: pointer; width: 75px; height: 19px; color:#565757; font:.8em  Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10px auto; padding: 0 10px; font-weight: bold; border: 1px solid #FECE50;}

.clrbth {clear: both;}

/* Start Wrapper Styles */
#outer-wrapper { width: 945px; margin: 0 auto; height: auto; position: relative; min-height: 100%; padding: 0; background:url(images/side-shadow.png) repeat-y;}
#wrapper { width: 910px; margin: 0 auto;padding: 0; background: #fff; border: 1px solid #ccc;}
#inner-wrapper { width: 902px; margin: 3px auto; padding: 5px 0; background:url(images/content-bg.gif) #fff repeat-x left bottom; border: 1px solid #ccc;}
#footer {  position: absolute; left: 8px; bottom: -17px; display: block; width: 930px; height: 17px; background:url(images/bottom-shadow.png) no-repeat; margin: 5px 0 0 0; padding: 0;}
	#footer span {font:.8em Verdana, Geneva, Arial, Helvetica, sans-seri; text-align: center; display: block; padding: 20px 0 0 0; margin: 0 auto; width: 325px;}
	
	/* Start Container Styles */
	#container {width: 860px; display: block; margin: 18px auto; min-height: 500px; padding: 0; }
		#header {width: 860px; background:url(images/double-lines.gif) no-repeat left bottom; position: relative; margin: 0 0 10px 0; padding: 0; height: 130px;}
		#logo { background:url(images/NBS_Logo.gif) no-repeat; position: absolute; left: 0; top: 0; width: 254px; height: 101px; display: block; text-indent: -999em;}
		
		/* Start Login Box Styles */
		#login-box { width: 367px; height: 60px; position: absolute; right: 0; top: 55px; display: block;}
			/*#login-box div { float: right; color: #565757; font-size: 8pt; text-decoration: underline;} */
			#login-box ul {  margin: 0; width: auto; padding: 0 0 10px 0; float: right; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
			#login-box ul li { padding: 0; display: inline; font-size: 8pt; }
			#login-box ul li.first { padding-left: 25px; }
			#login-box ul li a { font-size: 8pt; margin: 0 3px 0 0; text-decoration: underline; color: #46266a;}
			#login-box a { font-size: 9pt; margin: 0 5px 0 0; text-decoration: none; color: #46266a;}
			#login-box ul li a.last { margin: 0;}
			#login-box input { color: #ccc; border: 1px solid #46266a; padding: 1px 3px; font-size: 8pt; margin: 0 5px; }
			#login-box input.button { background:url(images/login-button.gif) no-repeat 0 0; border: none; width: 47px; height: 17px; margin: 0; padding: 0; }
		
		/* Start Left Nav Styles */	
		#left-nav { width: 193px; min-height: 400px; float: left; margin: 10px 0 0 0; display: block;  }
		
			/* Needed so all menu items display */	
			#left-nav div.rpSlide {display: block !important; margin: 0; padding: 0; width: 188px; overflow: hidden; }
			
			/* Menu Header Styles */
			#left-nav ul {overflow: hidden;}	
			#left-nav ul.rpRootGroup li {width: 193px; margin: 0 0 10px 0; padding: 3px 0 3px 3px;}
			#left-nav ul.rpRootGroup li.rpFirst {margin: 0 0 15px 0;}
			#left-nav ul.rpRootGroup li a {background:url(images/left_nav_off.gif) no-repeat; height: 20px;}
			#left-nav ul.rpRootGroup li a.rpSelected {background:url(images/left_nav_on.gif) no-repeat; height: 20px;}
			#left-nav ul.rpRootGroup li a.rpExpanded {background:url(images/left_nav_on.gif) no-repeat; height: 20px;}
			#left-nav ul.rpRootGroup li a span {color: #565757; font-size: 9pt; font-weight: bold; margin: 0 0 0 20px; padding: 3px 0 0 0;}
		
				/* Sum Menu Link Styles */
				#left-nav ul.rpLevel1 li {width: 193px; margin: 0; padding: 0;}
				#left-nav ul.rpLevel1 li.rpFirst {margin: 10px 0 0 0;}
				#left-nav ul.rpLevel1 li a {background:none; margin: 0 0 0 10px; padding: 0;   }
				#left-nav ul.rpLevel1 li a span { padding: 0; text-decoration: underline; color: #46266a; font-size: 7pt; font-weight: normal;}
				#left-nav ul.rpLevel1 li a.rpSelected {background:none; font-weight: bold;}
				#left-nav ul.rpLevel1 li a.rpSelected span { font-weight: bold; padding: 0; text-decoration: underline; color: #46266a; font-size: 7pt;}
		
		/* Start Content Styles */
		#breadcrumb { width: 650px; float: right; margin: 10px 0 10px 0; display: block;  }
			#breadcrumb a, #breadcrumb span { font-size: 8pt; }
		
		#content { width: 620px; min-height: 400px; float: right; margin: 0 0 10px 0; display: block; background: #fff; border: 1px solid #ccc; padding: 15px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
			div.staff { float: left; width: 110px;}	
			div.bio { float: left; width: 460px; padding-left: 15px; margin-left: 15px; border-left: 1px solid #ccc;}	
			span.horiz-line { width: 100%; height: 5px; margin: 20px 0; background:url(images/double-lines.gif) no-repeat left bottom; display: block;}
				.last { background: none;}
			/* Start Services Menu Styles */
			#ServicesMenu {width: 620px; min-height: 300px; background-color: #ccc;}
			
			/* Start Case Studies Styles */
			#CaseStudies {min-height: 125px; height: auto; width: 618px; background: #FFF0CA; padding-bottom: 5px; margin-bottom: 25px;}
				#CaseStudies .first {margin-top: 20px;}
					#CaseStudies-inner {border: 1px solid #ccc; min-height: 125px; width: 612px; background: #fff;}
						#CaseStudies-inner h1 {border-bottom: 1px solid #ccc; display: block; background: #F0F0F0; font-size:0.9em; margin: 0 0 10px 0; padding: 5px 0 5px 10px; color: #46266a; font-weight: bold;}
							#CaseStudies-inner h1 a {display: block; width: 250px; margin: 0; text-decoration: none; color: #46266a;}
						#CaseStudies-inner p {display: block; width: 355px; margin-left: 10px; text-align: left;}
						#CaseStudies-inner a {display: block; width: 250px; margin: 5px 0 5px 10px;}
						#CaseStudies-inner img {display: block; float: right; padding: 0 35px 0 0;}
				
			/* Start Services Overview Styles */
			#Overview-wrap {min-height: 165px; height: auto; width: 618px; background: #FFF0CA; padding-bottom: 5px; margin-bottom: 25px;}
				#Overview-inner {border: 1px solid #ccc; min-height: 165px; width: 612px; background: #fff;}
					#Overview-inner h1 {border-bottom: 1px solid #ccc; display: block; background: #F0F0F0; font-size:0.9em; margin: 0 0 10px 0; padding: 5px 0 5px 10px; color: #46266a; font-weight: bold;}
					#Overview-inner p { float: left; width: 465px; padding: 10px 10px 0 10px; text-align: left;}
					#Overview-inner img { float: left; padding: 10px 10px; }

