/***
 * Stylesheet for GFWCNC Template
 */
/**********
 * Shared CSS for all tempaltes
 **/

/** inline attached images **/

.pagecontent .imgframe { width:120px; float:right; clear: both; margin:5px; margin-bottom:15px; }
.pagecontent .imgframe img{}
.pagecontent .imgframe .caption{ clear:both; font-size:10px; background-color:#efefef; 
								 line-height:10px;  }

.popup				{ margin:0px; background-color:#DAD6C1; font-family:Arial, Helvetica, sans-serif;}	
.popup_img			{ text-align:center;}
.popup_img img		{ width:inherit; margin-left:auto; margin-right:auto; }
.popup_img .caption { font-weight:bold; color:white; padding:5px; text-align:center;
					  background-color:#999687; width:790px; margin-right:auto; 
					  margin-left:auto; height:60px; overflow:scroll; }

/** content page title **/					  
.pagecontent h1		{}

/** page content items (multiple items shown) **/
.pagecontent  		{ }
.pagecontent a		{ color:#3F4177; }
.pagecontent .title { font-size:16px; font-weight:normal; }
.pagecontent .date	{ font-size:11px; color:#666666; letter-spacing:.1ex; }
.pagecontent .intro	{ font-size:12px; line-height:1.5em; }
.pagecontent .content	{ font-size:12px; line-height:1.5em; }

/** module listing **/
.modulepane{}

/** category content listing **/
.categorypane{}

/** item listing **/
.itempane{}
.itempane .intro	{ margin-top:10px; }
			
/** each item **/	
.contentitem		{ margin-left:10px; margin-bottom:15px;  }

/** contact **/

/** event summary listing **/
.eventpane { width:100%; }
.eventpane .year 	{ border-top: 1px solid #cccccc; font-size:14px; 
					  font-weight:bold; clear:both;  }
.eventpane .months 	{ float:left; font-weight:normal; }
.eventpane .month 	{ float:left; font-style:italic; clear:both; }
.eventpane .month .label { width:100px; }
.eventpane .label 	{ float:left; width:50px; }
.eventpane .events 	{ float:left; font-style:normal; }
.eventpane .event 	{ margin-bottom:5px; clear:both; }
.eventpane .event .date { margin-left:10px; letter-spacing:normal;}
.eventpane .event .intro { margin-left: 10px; margin-top:5px; font-size: 11px; }

.modulepane .event .intro { display:none; }		/** hide intro in module overview **/
.categorypane .event .category { display: none; } /** hide cateory info in category view **/

#related_files{ float:right; border: 1px solid #cccccc; width:150px;}
#related_files th { background-color:#cccccc; }
#related_images{}
.imgframe{}

/** display district connection search results **/
TABLE.list{
	width:100%;
	border:1px solid #666666;
}

TABLE.list TH{
	background-color:#EFEFEF;
	border-bottom:1px solid #999999;
	height:2em;
}

/** search results **/
.search_results .results { border: 1px solid #cccccc; background-color:#efefef; }
.search_results .result	{ width:95%; padding-left:5%;}
.search_results .result .title { font-size:12px; font-weight:normal; width:75%; float:left; }
.search_results	.result	.relevance { font-size:12px; font-weight:normal; width:12%; margin:1% 0 0 1%; float:left; }


#footer		{ width:100%; clear:both; font-size:11px; }
#footer a	{ color:#000066; text-decoration:none; }
#pellucid, #pellucid a 	{ color:#B9B9F0; float:right; font-size:11px; }
 
/********************** 		GENERAL				*******************/

/* ---- CSS 3 COL LAYOUT ----- */
BODY { min-width: 600px; width: 100%; margin: 0; padding: 0; }
#pageframe { width:100%; margin-right:auto; margin-left:auto; }
#top {  position:absolute; top: 0px; left:0px; min-width: 600px; width: 100%; height: 100px; }
#nav {  position:absolute; top: 100px; left:0px; min-width: 600px; width: 100%; height: 25px; }

#midframe{ }
#left { position:absolute; top: 122px; left:0px; width: 16%;  margin: 0 0 0 0; }
#middle { 
	position:absolute; 
	top: 122px; 
	left:17%; 
	width: 66%; 
	margin:0 0 0 0; 
}
#right { 
	position:absolute; 
	top: 122px; 
	left:85%; 
	width: 15%; 
	margin: 0 0 0 0; 
}

/* HR styles need for IE/Win. */
HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */
HR.left, HR.right { width: 120px; visibility: hidden; }
HR.middle { width: 150px; visibility: hidden; }

/****************************************
 * Misc
 ************/
 
body 		{ 	margin-top: 0px;margin-right: 0px; margin-bottom: 0px;
				font-family:Arial, Helvetica, sans-serif; font-size: 12px;  }
hr			{  	background: #999999; height: 1px; width: 100%;	}
a:link 		{	text-decoration: none;	}
a:visited 	{	text-decoration: none;	}
a:hover 	{	text-decoration: underline;	color: #666666;	}
a:active 	{	text-decoration: none;		}

/****************************************
 * Banner
 ************/
#top 		{ 
	color: white; 
	background:#131A75 url(../img/banner_white_blue.jpg) top left repeat-y;
	font-family:"Garamond", "Times New Roman", Times, serif;
}
#top #national_logo { position:absolute; top:5px; right:5px; }
#top .logo	{ 	position:absolute; left:5px; top:5px;}
#top .title { 	position:absolute; left:200px; top:15px; font-size:32px; letter-spacing: 1px;}
#top .subtitle{ position:absolute; left:200px; top:60px; font-style:italic;
				font-size: 18px; color : #EDEDED; margin-left: 20px;}

/***********************
 * Breadcrumbs
 *********/
#nav{ padding-top:2px; background:url(../img/breadcrumbs_bg.gif) top repeat-x; color:#EBEBEB;}

.breadcrumbs {	/* padding-top: 2px; */ font-size: 9px; line-height: normal; } 
.breadcrumbs a:link, .breadcrumbs a:visited { color : #ff9900; font-weight: normal; }
.breadcrumbs a:hover {	color: #ff3300; font-weight: normal;text-decoration   : none; }

/****************************************
 * Right Column
 ************/
#right					{	border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;  }
.nugget .title			{	font-size:14px; font-family: Garamond, "Times New Roman", Times, serif;}
#nuggetpane	.heading 	{ 	
	background-color:#0E114E; 
	font-family:Garamond, "Times New Roman", serif;
	font-weight:bold;
	font-size:18px; 
	color:white; 
	height:1.5em; 
	padding-top:12px; 
	text-align:right;
	padding-right:5px;
}
#nuggetpane .title 		{ 	
	font-family:Garamond, "Times New Roman", serif; 
	font-size:16px; 
	font-weight:bold;
	}
#nuggetpane	.intro {	
	font-size:11px; 
	line-height: 1.5em; 
	/* color:#666666;  */
	/* margin:5px; */
}
#nuggetpane a{ 	
	color:#17416C; 
	text-decoration:underline;
}			
.nugget .date { 
	font-size:11px; 
	color:#666666; 
}

/****************************************
 * Left Column
 ************/
#left		{	color:white; background-color:#0E114E; border-right:1px solid black;
				padding-left:5px; }

	/****************************************
	 * Search
	 ************/
	.nugget#search .title { font-size:16px; }
	.nugget#search input.textfield { width: 80px; }
	
	/****************************************
	 * Left menu
	 ************/
	.leftmenu	{  color:white; font-family: Verdana, Helvetica, sans-serif; }
	.leftmenu ul { list-style:none;  margin: 0; padding: 0; }
	.leftmenu ul.level1 {padding-left:0px; line-height:1.5em; font-weight:bold; }
	.leftmenu ul.level2 { padding-left: 15px; }
	
	.leftmenu a { color: white; }
	.leftmenu a.level1	{ font-size:11px; }
	.leftmenu a.level2	{ font-size:10px; font-weight:normal; }
	
	.leftmenu a:hover { color: #666666; text-decoration:none; }
	.leftmenu a#active {  color:#FF8000; }

	
	/****************************************
	 * Contact Text
	 ************/
	.nugget#contact			 { font-size:11px; margin-top:100px;}
	.nugget#contact .section { margin-top:10px; }
	
	.caption		 		 { vertical-align:bottom; background-color:#D6D8E9; color:#000000;
								padding:5px; }
	/****************************************
	 * Contact Page
	 ************/	
	 .itempane#contact .holder{
	 	clear:both;
		margin-bottom:10px;
	 }
	 .itempane#contact .heading{
	 	font-weight:bold;
		font-family: Garamond, "Times New Roman",Times,serif;
		font-size:18px;
		width:100%;
		border-bottom:1px solid #cccccc;
		color:#1C1F50;
		}		


/****************************************
 * Page Content
 ************/
.pagecontent 		{   padding:10px;  }
.pagecontent h1		{	font-family: Garamond, "Times New Roman",Times,serif;
    					font-weight: normal; font-size: 36px; color: rgb(118, 20, 25); }
.pagecontent h2		{ 	font-family: Garamond, "Times New Roman", Times, serif;

						font-weight:normal; font-size:22px; color:#1C1F50 }
.itempane .content, 
.itempane .intro 	{ 	line-height:1.8em; color:#333333; 
						padding-left: 15px; padding-right:15px; }

/** category summary page **/
.pagecontent #category .contentitem { margin-bottom:15px; width:35%; float:left; }
.pagecontent #category .title { font-size:16px; color:#0B2456 }
.pagecontent #category .intro { font-size:11px; line-height:1.5em; color:#666666; margin:5px; }

.search_results .results{
	clear:both;
	margin-bottom:10px;
}

.search_results h2{
	text-align:left;
	clear:both;
}
.alert{
	border:1px solid #cccccc;
	background-color:#efefef;
	margin:20px;
	padding:10px;
}