/*This is the MEDIUM style sheet for this website. It is broken into three sections: MAIN, MENU, and SUB. MAIN contains the main body styles, MENU contains the styles required to make the drop-down menu work properly, and SUB contains styles that are availabel to users of the template*/

/************************************/
/* 	        MAIN BODY STYLES        */
/************************************/

body {
background: #FFFFFF;	
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;	
color: #333333	text-align: center;
}

a {
text-decoration: none;	
color: #4190bd;	
background: inherit;
}

a:visited {
text-decoration: none;	
color: #4190bd	background: inherit;
}

a:hover {
color: #229c5f;	
background: inherit;
text-decoration: underline;
}

/* search */

#search {
	float: right;
	position: relative;
	margin: 55px 5px 0 0;
	z-index: 2;
}

form {
	background: none;
	margin: 0;
	padding: 0;
}

input {
	padding: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #26286e;
}

#s_text {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #26286e;
	background-color: #cccccc;
	width: 62px;
	height: 20px;
	vertical-align: middle;	
	padding: 1px;
	border: #999999 solid 1px;
}

#s_box {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #26286e;
	width: 100px;
	height: 18px;
	border: #999999 solid 1px;
	vertical-align: middle;	
}

.option {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #26286e;
}

#catalog{font-size: 50%;
		color:#ffffff;
		text-decoration: underline;
		text-align:center;
	}
#catalogg{
	font-size: 50%;
	color:#E2E2E2;
	text-decoration: none;
	text-align:center;
	}
		
/* headers */

h1, h2{
font-family: Arial, Helvetica, sans-serif;	
font-weight: Bold; 		
}

h1 {
font-size: 120%;	
}

h2 {
font-size: 110%;	
text-transform: uppercase;	
color: #17435c;
}

h3 {
font-size: 90%;	
font-weight: lighter;	
color: #004947;
}

/* images */

img {
border: none;
}

img.float-right {
margin: 5px 0px 10px 10px;  
}

img.float-left {
margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
padding: 10px;	
margin: 0;
}

/* Layout */
#wrap-whole {
clear: both;	
width: 819px;	
background: #FFFFFF center top;	
text-align: left;	
margin: 0 auto;	
border-top: 1px solid #494aa0;	
border-left: 1px solid #494aa0;	
border-right: 1px solid #229c5f;	
border-bottom: 1px solid #2284bd;
}

#wrap {
width: 819px;	
margin: 0 auto;	
text-align: left;
}

#content-wrap {
clear: both;	
width: 819px;	
padding: 0	margin: 0 auto;
}

#header {
width: 810px;	
position: relative;	
height: 100px;	
background: #FFFFFF url(../images/rainheader.jpg) no-repeat top right;	
border-top: 8px solid #494aa0;	
border-bottom: 1px dotted #494aa0;	
padding: 0 0 0 10px;	
font-size: 18px;	
color: #FFFFFF;
}

#header a a:visited a:hover {
text-decoration: none;	
color: #DECC78;	
background: none;
}

#header h1#logo-text {
position: absolute;	
margin: 8px	padding: 0 0 0 1px;	
font: bold 1.5em Arial, Helvetica, sans-serif;	
letter-spacing: 0px;	
color: #494aa0;	
text-transform: none;	
top: 16px;	
left: 110px;
}

#header img#logo {
position: absolute;	
border: 0;	
top: 12px;	
left: 18px;
}

/* Menu */
#menu {
float: right;	
clear: both;	
width: 819px;	
background: #229c5f;	
margin: 0 auto;	
text-align: left;
}

/* Main Column */

#main {
behavior: url(iehover.htc)	float: left;	
width: 53%;	
padding: 0 5px 0 5px margin: 1px;
}

#main h1 {
margin-top: 10px;	
font: Bold 125% Arial, Helvetica, sans-serif;	
color: #004947;	
padding: 5px 0 5px 25px;	
border-bottom: 1px solid #41643F;	
background: #FFFFFF;	
}

/* slides */

#slidesshow {
position: relative;	
width: 450px	height: 213px	margin: 0	padding: 0	z-index: 1;
}

#slidesshow li {
display: block}

#slidesshow img {
width: 100%;	
height: 213px;	
position: left;	
border: 2px solid #CCCCCC;
}

/* Main Content */

#content {
float: left;	
margin-left: 5px;	
color: #000000;	
width: 100%;
}

/* Sidebar */	

#sidebar {
width: 19%;	
padding: 0	margin: 0;	
border-right: 1px dotted #8fb4cd; 	
border-bottom: 1px dotted #8fb4cd}
	
#sidebar h1 {
margin-top: 5px;	
padding: 5px 0 5px 14px	font: bold 1.3em "Times New Roman", Times, serif;	
color: #17435c;	
background: #FFFFFF url(../images/rainleftsidebar.jpg) no-repeat left bottom;	
}

#sidebar .left-box {
margin: 0 0 1px 2px;	
}

#sidebar ul.sidemenu {
list-style: none;	
text-align: left;	
margin: 1px 0 1px 1px	text-decoration: none;	
padding: 0 0 8px 0;	
}

#sidebar ul.sidemenu li {
border-bottom: 1px thin #41643F;	
background: #FFFFFF;	
line-height: 14px;	
padding: 1px 0 5px 10px;	
margin: 0 2px;	
}

#sidebar ul.sidemenu a {
font-weight: bolder;	
text-decoration: underline;	
background-image: none;	
color: #17435c;;
}

#sidebar ul.sidemenu a:hover {
text-decoration: underline;	
color: #229c5f;
}

/* Sidebar-right */	

#rsidebar {
width: 22%;	
padding: 0 10px 20px 0	margin: 0;	
border-left: 1px dotted #8fb4cd;
}
	

#rsidebar h1 {
margin-top: 6px;	
padding: 5px 0 5px 10px	font: bold 1.3em Georgia, "Times New Roman", Times, serif;	
color: #124f30;	
background: #FFFFFF url(../images/rainrightsidebar.jpg) no-repeat left bottom;	
}

#rsidebar span {
color: #124f30;
}

#rsidebar h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 8px 0 0 10px;
}

.bg {
border: none;
}

/* Stat Summary */

#stat {
float: right;	
display: none;
}

/* other classes */

.float-left  { float: left; }
.float-right { float: right; }
.clear { clear: both; height: 10px; }
.gray { color: #CCC; }

/************************************/
/*         GREEN MENU BAR           */ 
/************************************/

ul.gnav {
border: none;	
list-style: none;	
font: 1.2em normal Arial, Helvetica, sans-serif;	
margin: 0;	
padding: 2px 0 2px 40px;	
position: relative;	
z-index: 100;
}

ul.gnav ul {
border: none;	
list-style: none;	
margin: 0;	
padding: 2px 2px 4px 2px;	
left: -1px;	
position: absolute;	
background: #229c5f;	
top: 100%;	
width: auto;
}

ul.gnav li {
border: none;	
display: block;	
float: left;	
list-style: none;	
margin: 0;	
width: auto;	
padding: 1px 0;	
position: relative;	
white-space: nowrap;
}

ul.gnav li li {
border: 0;	
display: block;	
float: none;	
width: auto;	
padding: 2px 4px 1px 2px;
}

ul.gnav li:hover {
color: #004947;	
background: #c7dcd2;
text-decoration:none;
}

ul.gnav ul ul {
left: 0;	
top: 2px;
}

ul.gnav ul a {	
padding: 3px 10px 3px 6px;	
font-size: 12px;	
color: #ffffff;	
border: none;	
margin: 0;	
width: auto;
}

ul.gnav ul a:hover {	
background: #c7dcd2;	
color: #004947;
text-decoration:none;
}

ul.gnav ul a:visited {
color: #ffffff;
}

ul.gnav li ul,

ul.gnav li:hover li ul {
display: none;	
width: auto;	
margin: 0 4px 0 0;
text-decoration:none;
}

ul.gnav li:hover ul {
display: block;	
width: auto;
text-decoration:none;
}

ul.gnav li:hover li:hover ul {
display: block;	
width: auto;
text-decoration:none;
}

ul.gnav:after {
clear: both;	
content: "...";	
display: block;	
font-size: 1px;	
height: 0;	
overflow: hidden;	
visibility: hidden;
}

ul.gnav a {	
padding: 2px 14px 2px 8px;	
margin: 0;	
color: #dbfbcf;
}

ul.gnav a:hover {
color: #004947;	
background: none;
text-decoration:none;
}

ul.gnav a:visited {
color: #ffffff;
}

ul.gnav li ul {
padding: 2px 2px 4px 2px;	
width: auto;
}

ul.gnav li ul li {
padding: 2px 10px 2px 0px;	
width: auto;
}

ul.gnav li ul li:hover {
background: #c7dcd2;	
padding: 2px 10px 2px 0px;	
width: auto;
text-decoration:none;
}

	
/**************************************/
/* STYLE OF CONTENT WITHIN MIDDLE BOX */
/**************************************/

/* Path */

#path {
color: #17435c;	
float: left;	
padding: 0px 0 0 13px;	
width: 60%;	
text-align:left;	
background: #FFFFFF;	
}

#fontsize {
color: #17435c;	
float: right;	
padding: -5px 0 0 0;
margin: 0 10px 0 0;	
text-align:left;	
background: #FFFFFF;	
}

/* Subpage-Sidemenu6 */

#sub-sidebar6 {
	width: 24%;
	padding: 0; 
	margin: 0;	
}	

#sub-sidebar6 h1 {
	margin-top: 5px;
	padding: 5px 0 5px 14px; 
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #17435c;
	background: #FFFFFF url(../images/rainleftsidebar6.jpg) no-repeat left bottom;
	border-right: 1px dotted #a8a1c9;	
}

#sub-sidebar6 .left-box {
	margin: 0 0 1px 0px;
	border-right: 1px dotted #a8a1c9;
	border-bottom: 1px dotted #a8a1c9;	
}

#sub-sidebar6 ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 1px 0 1px 0; 
	padding: 0;
	text-decoration: none;	
	padding: 0 0 8px 0;
}

#sub-sidebar6 ul.sidemenu li {
	background: #FFFFFF;	
	padding: 1px 0 5px 10px;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0 1px;	
}

#sub-sidebar6 ul.sidemenu a {
	color: #17435c;
	font-weight: bold;
	text-decoration: underline;	
	background-image: none;	
}

#sub-sidebar6 ul.sidemenu a:hover {
	color: #229c5f;
	text-decoration: underline;
}

/* Subpage Main Field */
#sub-main {
float: right;	
width: 75%;	
padding: 0	margin: 1px;	
background: #FFFFFF;
}

#sub-main h1 {
font: bold 125% Arial, Helvetica, sans-serif;	
color: #004947;
}

#sub-main img {
border: 0;	
background: 0;	
padding: 0 10px 2px 0;
}

#sub-content {
float: left;	
color: #000000;	
width: 100%;	
padding: 2px 2px 20px 2px;
}

/* Subpage Main Page Content boxes */
.pLibraries {
float: left;	
color: #000000;	
padding: 4px 0 10px 0;	
width: 85%;	
background: #FFFFFF url(../images/subcontent-dec1.jpg) no-repeat top left;
}

.pLibraries h1 {
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.pLibraries h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.pLibraries a {
color: #4f936e;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.pLibraries a:hover {
color: #229c5f;	
text-decoration: underline;
}

.pGenealogy {
float: left;	
color: #000000;	
padding: 4px 0 10px 0;	
width: 85%;	
background: #FFFFFF url(../images/subcontent-dec2.jpg) no-repeat top left;
}

.pGenealogy h1 {
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.pGenealogy h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.pGenealogy a {
color: #989450;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.pGenealogy a:hover {
color: #229c5f;	
text-decoration: underline;
}

.pResearch {
float: left;	
color: #000000;	
padding: 4px 0 10px 0;	
width: 85%;	
background: #FFFFFF url(../images/subcontent-dec3.jpg) no-repeat top left;
}

.pResearch h1{
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.pResearch h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.pResearch a {
color: #5b91af;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.pResearch a:hover {
color: #229c5f;	
text-decoration: underline;
}

.pState {
float: left;	
color: #000000;	
padding: 4px 0 10px 0;	
width: 85%;	
background: #FFFFFF url(../images/subcontent-dec4.jpg) no-repeat top left;
}

.pState h1 {
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.pState h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.pState a {
color: #5f4fa2;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.pState a:hover {
color: #229c5f;	
text-decoration: underline;
}

.pStudent {
float: left;	
color: #000000;	
padding: 4px 0 10px 0;	
width: 85%;	
background: #FFFFFF url(../images/subcontent-dec5.jpg) no-repeat top left;
}

.pStudent h1 {
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.pStudent h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.pStudent a {
color: #397387;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.pStudent a:hover {
color: #229c5f;	
text-decoration: underline;
}

.mainContent {
float: left;	
color: #000000;	
padding: 6px 0 10px 0;	
width: 95%;	
/*background: #FFFFFF url(../images/subcontent-dec6.jpg) no-repeat top left;*/

}

.mainContent h1 {
font: bold 14px Arial, Helvetica, sans-serif;	
color: #000000;	
text-transform: none;	
padding: 4px 0 10px 8px;
}

.mainContent h2 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 10px 8px;
}

.mainContent h3 {
font: normal 11px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 2px 8px;
}

.mainContent a {
color: #225a93;	
background: none;	
text-transform: none;	
text-decoration: none;
}

.mainContent a:hover {
color: #229c5f;	
text-decoration: underline;
}

#mainText {
background: #ffffff;	
width: 85%;	
border: 0;	
padding: 4px 2px 8px 6px;
}

#mainText a {
color: #4190bd;	
background: none;	
text-transform: none;	
text-decoration: none;
}
#mainText a:hover {
color: #229c5f;	
text-decoration: underline;
}
#mainText h1 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #5d4dae;	
background: none;	
text-transform: none;	
text-decoration: none;	
padding: 1px 0 8px 0;
}

#mainText h2 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #5d4dae;	
font-style: italic;	
background: none;	
text-transform: none;	
padding: 1px 0 2px 12px;
}

#mainText h3 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 1px 0 2px 12px;
}

#mainText p {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 2px 0 2px 4px;
}

#mainText span {
font-style: normal;
font-size: 12px;
}

#staff {
background: #ffffff;	
width: 87%;	
border: 0;	
padding: 4px 2px 8px 6px;
}

#staff a {
color: #493a95;	
background: none;	
text-transform: none;	
text-decoration: none;
}

#staff a:hover {
color: #837ca7;	
text-decoration: none;
}

#staff h1 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #7e9355;	
background: none;	
text-transform: none;	
text-decoration: none;	
padding: 1px 0 8px 0;
}

#staff h2 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #5d4dae;	
background: none;	
text-transform: none;	
padding: 1px 0 2px 12px;
}

#staff h3 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 0 12px;
}

#unit {
background: #ffffff;	
width: 85%;	
border: 0;	
padding: 2px 2px 10px 8px;	
border: 1px dotted #a8a1c9;
}

#unit a {
color: #4190bd;	
background: none;	
text-transform: none;	
text-decoration: none;
}

#unit a:hover {
color: #229c5f;	
text-decoration: none;
}
#unit h1 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #5d4dae;	
background: none;	
text-transform: none;	
text-decoration: none;	
padding: 4px 0 2px 0;
}

#unit h2 {
font: bold 13px Arial, Helvetica, sans-serif;	
color: #5d4dae;	
font-style: italic;	
background: none;	
text-transform: none;	
padding: 12px 0 2px 12px;
}

#unit h3 {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 1px 12px;
}

#unit p {
font: normal 13px Arial, Helvetica, sans-serif;	
color: #000000;	
background: none;	
text-transform: none;	
padding: 0 0 1px 30px;
}

#anchor a {
color: #7c71b5;	
text-transform: none;	
text-decoration: none;
}

.sideimage {
border: 0;	
background: none;	
float: left;	
padding: 8px 4px 0 8px;	
margin: 0;
}

/* Footer */	

#footer {
color: #004947;	
clear: both;	
width: 819px;	
background: #FFFFFF url(../images/rainfooter.jpg) no-repeat top left;	
border-bottom: 14px solid #2284bd;	
text-align: center;	
font-size: 95%;
}

/* DCR Logo */

#dcr {
background: #FFFFFF url(../images/rainfooter-bg.jpg) no-repeat bottom left;	
width: 819px;	
height: 60px;	
float: none;
}
/* style for RSS feed in center of the page from http://goverhmentandheritagelibrary.wordpress.com/feed/ on the GHL home page at statelibrary.ncdcr.gov/ghl/ */
div.feed { 
	background-color:#FFFFFF;
}

.home-column {
width: 450px;
height: 100%;
margin: 20px 10% 0 0;
padding: 0;

}

.home-column li {
margin-left: -30px;
padding-right: 5px;
display: block;
list-style-type: none; 
margin-top: 10px;
width: 450px
}

span.listdate {
	font-weight:bold;
	margin-right: 5px;
}

#rss_feed {
	background: #FFF;
	color: #000;
	font-size: 12px;
	line-height: 99.9%;
	padding-bottom: 4px;
	b
}

#rss_feed h2 {
	text-align:center;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 8px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

#rss_feed a {
	font-weight: bold;
	letter-spacing: 1px;
	padding: 4px 15px 4px 0;
	color: #000;
}

#rss_feed a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-stretch: ultra-expanded;
}

noscript a {
	margin-left: 35%;
}