/****************************************************
*****************************************************
	NCORP CSS - Richard Lee
	7-27-06
*****************************************************
****************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #555 url(images/body_bg_tile.gif) center repeat-y; 
}
a {color: #475179;}
a:hover {color: #000;}

/*  layout structure  */
#wrap {
	width: 760px;   
	/* background: url(images/wrap-bg1.gif) top left repeat-y; */	
	margin: 0 auto;
}
#content {
	float: right;
	width: /* 76%; */ 618px;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	height: auto;
}
.homepageA {
	text-align: justified;
}
#panel{
	font-size: 92%;
	padding: 0 6px; width: 175px; float: left;
	margin: 0 auto;
	letter-spacing: -0.07em;
	line-height: 1.25;
	text-align: left;
}
#headlinepanelfull {
	padding: 1em;
	clear: both;
	margin: 0;
}
#headlinepanelhalf {
	width: 225px; 
	height: auto;
	float: left;
	padding: 0 1em 10em 0;	
	margin: 0;
}
#title_and_pic {
	float: right;
	vertical-align: middle;
	width: 530px;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	display:inline;
	border: 1px;
	border-style: solid;
}
#pic {
	float: left;
	width: 140px;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	display:inline;
}
#title {
	float: left;
	width: 390px;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	display:inline;
}

#sidebar {
	float: left;
	width: 135px;
	height: 100%;
	background: url(images/sidebar-bg.gif) repeat-y top left;
}

#footer {
	clear: both;
	background: #6e6e6e url(images/footer-bg.gif) repeat-x top left;
	text-align:center;
} 
#footer p {
	margin: 0;
	padding: 5px;
	font-size: 85%;
	color: #fff;
}
#footer a {color: #fff;}
#footer a:hover {color: #000;}
/*  header  */
#header { 
	background: #79b0d9 url(images/header-bg-blue.gif) repeat-x top left;
}
#logo {}
#header h1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
	color: #fff; 
}
#header h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #CCCCCC;
}
/*  message row */
#message {
	clear: left;
	margin: 0;
	padding: 3px;
	font-size: 80%;
	color: #000;
	text-align: right;
	background: #79b0d9 url(images/message-bg-blue.gif) repeat-x top left;
}
#message strong {
	padding: 0 0 0 23px;
	font-size: 115%;
}
#message a {text-decoration: none;}
.alert_orange {color: #D98907;}

a.message-button {
	background: #DEDEDE;
	padding: 0.05em 1em 0.05em 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #3E4766;
	border: 2px solid #3E4766;
	text-decoration: none;
	font-size: 120%;
}
a.message-button:hover {
	background: #DEDEDE;
	padding: 0.05em 1em 0.05em 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #3E4766;
	border: 2px solid white;
	text-decoration: none;
	font-size: 120%;
}

/* content */
#content h1 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 150%;
}
#content h2 {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	color: #284B62;
}
#content h3 {
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #284B62;
}
#content h4 {
	clear: both;
	color: #990000;
	font-size: 125%;
	margin: .25em 0;
}
#content #resources img {
/*	float: left;*/
	margin: 12px 8px 4px 0;
	padding: 2px;
	background: #333;
}

/* Programs page - feed styles */
#program1, #program2, #program3, #program4 {
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	display: none;
}
/* -- */
#resources {margin-bottom: 1em;}
#content ul {
	background: #FAFAFA;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}
#content ul li {
	margin: 0;
	padding: 0;
}
#content #headlinepanelhalf ul#hphul {
	list-style-type: square;
}
#content #headlinepanelhalf li#homepageheadlines {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0;
	list-style-position: outside;
}

span.homepagetitle {
	font-size: small;
	color: #71B0DC;
	font-weight: bold;
	text-decoration: none;
}
a.homepagetitle {
	font-size: small;
	color: #71B0DC;
	font-weight: bold;
	text-decoration: none;
}
a.homepagetitle:hover {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
/* Video Section on Homepage  */
#video_description {
	width: 260px;
	float: left;
}
#video_description p {
	font-size: 90%;
	margin: 7px 9px 5px 0;
	padding: 0;
}
#video_description h4 {
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#video_description a {font-weight: bold; }
#video_box {float: right;}
#video_screen {
	width: 270px;
	margin: 0 0 15px;
	background: #aaa;
}

/* Feature */
dl.feature {
	margin: 15px 0;
	padding: 15px 15px 15px 0;
	border-top: 1px dotted #a87a5c;
}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 2px;
	background: #333;
}
dl.feature dd {
	margin-left: 201px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* NEWS ITEMS */
dl.news_item {
	clear: both;
	margin: 7px 0;
	padding: 15px 15px 15px 0;
	border-top: 1px dotted #a87a5c;
	/* border-bottom: 1px dotted #a87a5c; */
}
dl.news_item dt img {
	clear: left;
	float: left;
	margin: 6px 15px 15px 0;
	padding: 2px;
	/*background: #333;*/
}
dl.news_item dd {
	margin: 3px 0 7px 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #222;
}
dl.news_item dd strong {
	color: #475179;
}
.news_bullets {
	margin-top: 1em;
}

/* Alerts Section */
dl.news_alert {
	margin: 7px 0;
	padding: 15px 15px 15px 0;
	border-top: 1px dotted #a87a5c;
	/* border-bottom: 1px dotted #a87a5c; */
}
dl.news_alert dt img {
	display: block;
	margin: 0 0 0 0;
	padding: 2px;
	/*background: #333;*/
}
dl.news_alert dd {
	margin: 2px 0 2px 0;
	font-size: 90%;
	line-height: 1.2em;
	color: #222;
}
dl.news_alert dd strong {
	color: #475179;
	font-weight: bold;
}

/* tabs */
#tab_box {
  float:left;
  width:100%;
  background:#fff;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #24618E;
  }
#tab_box ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
  }
#tab_box li {
  display:inline;
  margin:0;
  padding:0;
  }
#tab_box a {
  float:left;
  background:url("images/tableftJ.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tab_box a span {
  float:left;
  display:block;
  background:url("images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
  }
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab_box a span {float:none;}
/* End IE5-Mac hack */
#tab_box a:hover span {
color:#FFF;
}
#tab_box a:hover {
background-position:0% -42px;
}
#tab_box a:hover span {
background-position:100% -42px;
}

#tab_box #current a {
		background-position:0% -42px;
}
#tab_box #current a span {
		background-position:100% -42px;
		color:#FFF;
}
		
/* gutters */
#content .gutter {
	margin-left: 1px;
	padding: 25px 23px;
	/* background:  url(images/content-bg.gif) repeat-x top left; */
}

#sidebar .gutter {
	padding: 0;
}

/* sidebar */
#box {
	/* background:  url(images/content-bg.gif) repeat-x top left; */
	width: 100%;
	font-size: 85%;
	text-align: left;
}
#box h3 {
	margin: 0;
	padding: 3px 0 3px 14px;
	color: #284B62;
}
#box h4 {
	margin: 0;
	padding: 6px 5px 2px 14px;
	font-size: 105%;
	color: #284B62;
}

#box h4 a {
	text-decoration: none;
}
#box h4 a:hover {
	color: white;
}

#box h5 {
	margin: 30px 0 0 0 ;
	padding: 0px 0 5px 14px;
	font-size: 105%;
	color: #284B62;
}

#box h6 {
	margin: 0;
	padding: 0px 5px 2px 14px;
	font-size: 95%;
	color: #284B62;
}
#box h6 a {
	text-decoration: none;
}
#box h6 a:hover {
	color: white;
}

ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 95%;
}
ul#navlist li {
	display: block;
	margin:  0;
	padding: 0;
}
ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em .5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #white;
	text-decoration: none;
	background: #DEDEDE;
	font-weight: bold;
}

ul#navlist li#active a {
	background: #DEDEDE;
	color: #3e4766;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0.5em;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: white;
	background: #b0b0b0;
	border-color: #aaab9c #fff #fff #ccc;
}
.littleLink, littleLink a {
	margin: 0 0 0 4px;
	padding: 0 0 3px 9px;
	list-style: none;
	line-height: 1.6em;
	font-size: 90%;
	font-weight: bold;
}
 
.chairman {
	margin: 0;
	padding: 0;
}
.chairman li a{
	font-size: 90%;
	line-height: 0.8em;
}
.instructions {
	font-size: 50%;
	color: #284B62;
}

/* IE Hacks */

.clearfix {clear: both;}

/* holly hack, ie needs clearing element to have specified dimension (wrapped in * html hack, to target IE/Win only) */
/* Hide from IE5/Mac \*/
* html #footer { height: 1%;  }
/* End Hide from IE5/Mac */

/* Hide from IE5/Mac \*/
* html dl.feature { height: 1%;  }
dl.feature {display: block;}
/* End Hide from IE5/Mac */

/* IE/Mac fix for clearing dl.feature floats */
dl.feature {display: inline-table;}

/* Hide from IE5/Mac \*/
* html #message, * html #header {position: relative;} /* added to fix vanishing background image in IE */
/* End Hide from IE5/Mac */