/******************************************************************************************
Headings
****************************************************************************************/

#content h3
{
/*	background:transparent url(/library/files/images/content-h3-background.gif) no-repeat scroll 6px 4px;*/
	border-bottom:2px solid #6B865C;
	color:#6B865C;
	display:inline;
	font-size:1.4em;
	font-weight:normal;
	height:22px;
	letter-spacing:0.2em;
	min-width:20px;
	padding:27px 64px 0 0;
}

#afterTitle
{
	margin-top: 15px;
}

#content h4{
	color:#333;
	font-size:1.15em;
	clear: both;
	letter-spacing:0.0625em;
	margin: 0;
}

#content h5{
	color:#333;
	font-size:1em;
	clear: both;
	letter-spacing:0.0625em;
	border-bottom: 2px dotted #E4E2B8;
}

#nav /*http://www.alistapart.com/articles/dropdowns*/
{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 858px;
	margin: 0 auto;
	background: transparent url(http://www.uwgb.edu/library/files/images/menu-gradient.gif) repeat-x 0 0;
	height: 32px;
}
	#nav > li > a > span.sf-sub-indicator {
		display:none;
		}
	#nav li
	{
		background:transparent url(http://www.uwgb.edu/library/files/images/menu-line.gif) no-repeat scroll 0 0;
		float:left;
		font-size:0.9em;
		height:32px;
		letter-spacing:0.13em;
		line-height:32px;
		position:relative;
		text-align:center;
		width:171px;
		font-weight: bold;
		z-index: 999; /* Used to get the menu on top of different things... Dave */
	}
	#nav li#first-main-nav
	{
		background-image: none;
	}
	#nav li#last-main-nav
	{
		width: 174px;
	}
		#nav a
		{
			text-decoration: none;
			color: #003300;
			display: block;
			width: 174px;
			height: 32px;
		}
	#nav li:hover, #nav li.over
	{
		background-color: #e3dfb4;
	}

	#nav li ul
	{
		display: none;
		position: absolute;
		top: 32px;
		left: 2px;
	}
	#nav li:hover ul, #nav li.over ul 
	{
		display: block;
	}

		#nav li ul li
		{
			font-family: arial,helvetica,sans-serif;
			background-color: #d7ebd8;
			text-align: left;
			background-image: none;
			font-size: 0.75em;
			padding-left: 7px;
			width: 182px;
			border-top: 2px solid #e3f1e3;
			height: 30px;
			font-weight: normal;			
		}
		#nav li#last-main-nav ul li /* -- Makes the links larger in the last collumn -Dave -- */
		{
			width: 230px !important;
		}
		#nav li#last-main-nav ul li a /* -- Makes the links larger in the last collumn -Dave -- */
		{
			width: 230px !important;
		}
		#nav li#services li
		{
			width: 220px;
		}
		#nav li#first-main-nav ul li
		{
			width: 164px;
			left: -2px;
		}
			
		#nav li ul li.first-menu
		{
			border-top-width: 0px;
		}
			#nav li ul li a
			{
				color: #373737;
			}
			
			#nav li ul ul
			{
				margin: -34px 0 0 187px;
				border-left: 2px solid #fff;
			}
			#nav ul ul li
			{
				font-size: 1.0em;
			}
			#nav li:hover ul ul, #nav li.over ul ul
			{
				display: none;
			}
			#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
				display: block;
			}
	
			#news h4
			{
				font-family:'century gothic',verdana,arial,helvetica,sans-serif;	
				font-weight: normal;
				font-style: italic;
				background: transparent url(/library/files/images/news-gradient-repeat.png) repeat-x 0 0;
				width: 229px;
				height: 18px;
				color: #fff;
				font-size: 1.1em;
				letter-spacing: 0.1em;
				padding-left: 12px;
				margin: 0 0 5px -6px;

			}

			#news li
			{
				margin-top: 9px;
			}
			#news li.first-news
			{
				margin-top: 0px;
			}
			
/******************************************************************************************
Anchors
****************************************************************************************/
#content a
{
	color: #448649;
}
#content a:visited
{
	color: #0f4313;
}

#content a.none
{
	text-decoration: underline;
}

#content a.none:visited
{
	color: #fdfdfd;
}

#content a.none:hover
{
	color: #000;
}

#content a:hover
{
	color: #000;
}


/******************************************************************************************
Template
****************************************************************************************/		
.clear {
	clear: both;
	height:0;
	line-height:0;
	font-size:0;
	float: none;
	}
	
#content li
{
	margin-bottom: 1.6em;
}

#content li.margin{
	margin-bottom: 0.9em;
}

#content ul.right{
	float: right;
	font-size: .9em;
}

#content ul.left{
	float: left;
	font-size: .9em;
}

#content ol
{
	list-style-type: decimal;
	margin-left: 30px;
}
#content ul
{
	list-style-type: disc;
	margin: 0.9em 0 1.25em 2.0em;
}

			
#content 
{
	text-align: left;
	clear: left;
	width: 808px;
	background-color: #fff;
	margin: 0 auto;
	padding: 34px 25px 25px;
	font-size: 0.8em;
}
	#content td, th
	{
		padding: 2px;
		border: 1px solid #666;
	}
	
	#content th
	{
		text-align: center;
		background-color: #73855C;
	}
			
	#content th a:link{
		color: #EEE;
	}

	#content th a:hover{
		color: #FFF;
	}

	#content ul.columns{
		list-style-type: none;
/*		clear: both;*/
		margin: 0;
	}
		#content ul.columns li.two-column{
		    width: 48%;
			padding: 1%;
		}
		
		#content ul.columns li.three-column{
		    width: 31.25%;
			padding: 1%;
		}
		
		#content ul.columns li.four-column{
			width:214px;
		}
		
		#content ul.columns li.four-column-sm{
			width: 22.5%;
			padding: 1%;
		}
		
		#content ul.columns > li{
			display: block;
		    float: left;
		    list-style-type: none;
		    margin: 0.85em 0 .75em;
		 	font-size: 1em;
			padding-left: 0;
		}
		
			#content ul.columns li li{
				margin-bottom: .65em;
			}
		
		#content .call-out {
			background-color: #E2DFB2;
			border: 2px dashed #fff;
		}
		
		.rgba #content .call-out {
			background-color: rgba(226, 223, 178, 0.9);
		}
		
		#content .call-out h4 {
			font-family: Georgia, Times, serif;
			margin: 0;
			text-transform: lowercase;
			font-style: italic;
		}
		
		#content .call-out p {
			font-family: Georgia, Times, serif;
			font-size: .95em;
		}						
		
		#content .request {
			background-color: #003300;	
			border: 2px solid #fff;
			text-align: center;
			padding-bottom: 1em;
		}
		
		.rgba #content .request {
			background-color: rgba(0, 51, 0, 0.7);
		}
		
		#content .request h4 {
			font-family: helvetica, arial, sans-serif;
			margin-bottom: 10px;
			color: white;
			letter-spacing: normal;
			text-transform: none;	
		    font-size: 1.25em;
		    font-weight: normal;
		}
		
		#content .call-out p {
			font-family: helvetica, arial, sans-serif;;
			font-size: .95em;
		}
		
		
		#content .call-out, #content .request {	
			padding-top: 1em;
			padding-left: 1em;
			padding-right: 1em;
		}
			.borderradius #content .call-out, .borderradius #content .request{
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
			    -moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
				}
				

#content a.button {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	color: #F1F1F1;
	background-color: #77A67D;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	margin-top: .8em;
	margin-bottom: 1.5em;
	margin-bottom: .8em;
	clear: both;
}
.borderradius #content a.button {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

	#content a.button:hover {
		color: #fff;
		background-color: #91c598;
		text-decoration: none;
	}

#content #breadcrumbs {
	background-color: #73855C;
	height: 10px;
	padding: 5px;
	float:left;
	margin-bottom: 2em;
}

#content #breadcrumbs ul {
	list-style-type: none;
	margin: 0;
}
	
	.borderradius #content #breadcrumbs {
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
	    -moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	    -moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}

	#content #breadcrumbs ul li{
		display: block;
		float: left;
		font-family: Helvetica, Arial, sans-serif;
		font-size: .85em;
		line-height: 1em;
		margin-right: .85em;
		margin-bottom: 0;
		padding-right: 10px;
		background: transparent url(/library/spc/images/chevron.png) no-repeat right center;
	}
	
		#content #breadcrumbs ul li.last{
			background: none;
			font-weight: bold;
			color: #fff !important;
		}
		
		#content #breadcrumbs ul li a{
			color: #F1F1F1;
			text-decoration: none;
		}
		
			#content #breadcrumbs ul li a:hover{
				color: #FFF;
				text-decoration: underline;
			}
			
#content img.photo {
	border: 5px solid #E2E2E2;
}		

	.boxshadow #content img.photo {
		-moz-box-shadow: 1px 5px 5px #999;
		-webkit-box-shadow: 1px 5px 5px #999;
		box-shadow: 1px 5px 5px #999;
	}

#content ul.banner{
	list-style-type: none;
	margin: 0;
	clear: both;
}
	#content ul.banner li{
		display: block;
		float: left;
		margin-bottom: 1em;
		padding-right: 3px;
	}

#content #main{
	/*background: transparent url(/library/spc/images/uwgb.jpg) no-repeat;*/
	position: absolute;
	left: 40px !important;
}

#content #main .imagetext{
	z-index: 0;
	position: relative;
	width: 100%; /* for IE 6 */
}

#content #main img{
	border: 2px solid #666;
}

#content #main .imagetext h2 {
   margin-top: 4px;
   margin-bottom: 10px;
   position: absolute;
   top: 4px;
   left: 5px;
   width: 100%;
   font-size: 1.25em;
   line-height: 2em;
}

#content #main .imagetext h2 a {
   color: white;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
   	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#content #main .imagetext h2 a:hover {
   color: #6B865C;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
}

#content #main, #content #local-main { 
	position: relative;
	width: 858px;
	height: 349px;
	left: -25px;
	clear: both;
}

	#content #local-main { 
		background: transparent url(/library/spc/images/cofrin-library.jpg) no-repeat;
	}
	
	#content #local-main #feature {
		position: relative;
		background-color: #000;
		padding: 1em;
		top: 4px;
		width: 360px;
	}
			#content #main #feature{
				position: absolute;
				background-color: #000;
				padding: .5em 0 0 .5em;
				bottom: 0;
				right: 0;
				width: 302px;
			}
			
		#content #main #feature h4, #content #local-main #feature h4, 
		#content #main #feature p, #content #local-main #feature p {
			color: #fff;
		}
		
		#content #main #feature p, 
		#content #local-main #feature p {
			font-size: .9em;
		}
		
		#content #main #feature ul{
			margin-top: 0;
		}
		
		#content #main #feature li {
			margin-bottom: .15em;
			font-size: 1em;
			list-style-type: none;
		}
		
		#content #main #feature li a, 
		#content #local-main #feature li a {
			color: #f3f3f3;
			text-decoration: none;
		}
			#content #main #feature li a:hover, 
			#content #local-main #feature li a:hover {
				color: #fff;
				text-decoration: underline;
			}
		
		.no-rgba #content #main #feature,
		.no-rgba #content #main-main #feature{
			filter:alpha(opacity=80); 
			-moz-opacity: 0.5;
			opacity:0.85;
			}
		.rgba #content #main #feature, 
		.rgba #content #local-main #feature {
			background-color: rgba(0, 0, 0, 0.5);
		}

#content #main-nav {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

		#content #main-nav  ul li.four-column{
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			height: 104px;
		}

		#content #main-nav ul.columns li {
			background-position: top left;
			height: 104px;
			display: block;
			float: left;				
			}
		.rgba #content #main-nav ul.columns li {
			background: rgba(0, 0, 0, 0.7);
		}
		.no-rgba #content #main-nav ul.columns li {
			filter:alpha(opacity=60); 
			-moz-opacity: 0.6;
			opacity:0.75;
			background-color:#000;
			}
		
		#content #main-nav ul.columns li h4 {
			display:block;
			width:100%;
			height:100%;
			}
		#content #main-nav ul.columns li h4 a {
			display:block;
			width:100%;
			height:100%;
			color: #fff;
			text-decoration: none;
			font-size: .8em;
			letter-spacing: 0;
			padding:8px 10px;
			}
		
		#content #main-nav  ul.columns li.local{
			background-image: url(/library/spc/images/local-history.gif);
		}
		#content #main-nav  ul.columns li.prof-student{
			background-image: url(/library/spc/images/prof-student.gif);
		}
		#content #main-nav  ul.columns li.uwgb{
			background-image: url(/library/spc/images/uwgb-archives.gif);
			width:215px;
		}
		#content #main-nav  ul.columns li.nhd{
			background-image: url(/library/spc/images/nhd.gif);
			width:215px;
		}
		
			#content #main-nav ul.columns li:hover {
				background-position: bottom left;					
			}
		
	#news
	{
		width: 229px;
		background-color: #fff;
		border: 1px solid #a5b38e;
		color: #010101;
		font-size: 0.7em;
		padding: 0 6px 2px;
		float: right;
		bottom: 0;
		left: 8px;
	}
		#news li
		{
			line-height: 1.3em;
		}
		#news-rss
		{
			background: transparent url(/library/files/images/rss.gif) no-repeat scroll 0 0;
			font-size:0.9em;
			padding:2px 0 0 28px;
			height: 23px;
			letter-spacing: 0.1em;
		}