/*
   main.css
   Starter stylesheet   
*/

/*
	CSS TOC idea taken from carsonified (http://www.carsonified.com) and Neal Grosskopf (http://www.nealgrosskopf.com)

	Contents:  
		1. Colours
		2. Reset
		3. Typography
		4. Links
		5. Page Layout
		6. Skin & Pages
		7. General Classes (bold, italic, etc)
		8. Messages (error, success, etc)
		9. Clearfix
		10. Print		

*/

/* ============== */
/* = 1. Colours = */
/* ============== */

span.green{
	color: green;
}
span.red{
	color: red;
}
span.blue{
	color: blue;
}
span.yellow{
	color: yellow;
}

span.violet{
	color: violet;
}

span.brown{
	color: #A2571F;
}

span.bkdarkgreen{
	background-color: #085A05;
}

span.bkgreen{
	background-color: #00DA00;
}

span.bkred{
	background-color: red;
}

span.bkyellow{
	background-color: yellow;
}

span.bkmagenta{
	background-color: #F0F;
}

span.bkblue{
	background-color: blue;
}

/* ==================================================================== */
/* = 2. Reset - Eric Meyer Reset v1.0 | 20080212  (slightly modified)= */
/* =================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y: auto; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
	background-color: #fff; /*http://www.flickr.com/groups/underwearshowing/*/	
	}
body {
	line-height: 1;
	vertical-align: baseline;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ================= */
/* = 3. Typography = */
/* ================= */
body {
	font-family: Arial, Helvetica, "sans-serif";
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18px */  /*http://www.alistapart.com/articles/howtosizetextincss*/
	}

#content  {
	font-size:0.75em;
	color: #333;
	}
#content h1 {
	font-size: 2.6875em; /* 16*2.6875=43px */ 	
}
#content h2 {
	font-size: 2.5em; /* 16*2.5=40px */
}			
#content h3 {
	font-size: 2.5em; /* 16*1.625=40px */
	
}
#content h4 {
	font-size: 1.625em; /* 16*1.625=26px */
}
#content h5 {
	font-size: 1.375em; /* 16*1.375=22px */
}

#content h6 {
	font-size: 1.175em; /* 16*1.375=18px */
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 0.02em;	
	}

header h2 {
	color: #006633;
	font-variant: small-caps;
	font-size:1.9em;
	line-height:0.7em;
}
header h2 .small {
	font-variant: normal;
	font-size:0.65em;
	}
#content .article-summaries h1 {
	font-size:1em;
	display:inline;
	}
	
	#content p.description{
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #737373;
		line-height: 1.25em;
		font-size: 1.6em;
		margin: 0 0 1.25em 0;
	}	

span.underline {
	text-decoration: underline;
}

/* ============ */
/* = 4. Links = */
/* ============ */
a, a:link{
	color: #006633;
	text-decoration: underline;
}
a:visited {
/*	color: #00B55A;
/*	color: #981e32;
	text-decoration: underline;*/
}
a:hover {
	color: #008C46;
	text-decoration: underline;
}
a:active {
	position:relative;
	top: 1px;
	}

/*from http://24ways.org/2009/dont-lose-your-focus?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+24ways+%2824+ways%29&utm_content=Google+Reader */
a:focus { outline: thin dotted;} 
a:hover, a:active { outline: none; }

header h2 a, header h2 a:link {
	color: #006633;
	text-decoration:none;
	}
header h2 a:hover {
	text-decoration:underline;
	}


header nav a, header nav a:link, header nav a:visited {
	color: #fff;
	text-decoration:none;
	} 
header nav a:hover {
	color: #ddd;
	}
	
#strapline a, #strapline a:link, #strapline a:hover, #strapline a:active {
	color: #fff;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	padding-right:0 !important;
	background-image:none;
	}
#strapline a:hover {
	border-bottom-color:#fff;
	}
#content a.more-link {
	float:right;
	font-size:0.9em;
	text-decoration:none;
	}
#content a.more-link:hover {
	text-decoration:underline;
	}
#content .article-summaries h1 a, #content .article-summaries h1 a:link, #content .article-summaries h1 a:visited {
	text-decoration:none;
	padding-right:0 !important;
	background-image:none;
}	
#content .article-summaries h1 a:hover {
	text-decoration:underline;
	}
#content a.more-news, #content a.more-news:link, #content a.more-news:hover  {
	text-transform:uppercase;
	text-decoration:none;
	}
	
footer nav#breadcrumb li a, footer nav#breadcrumb li a:link {
	color: #666;
	text-decoration:none;
	}
footer nav#breadcrumb li a:hover {
	color: #818181;
	text-decoration:underline;
	}
footer  a, footer a:link {
	color: #006633;
	text-decoration:none;
}	
footer a:hover {
	color: #006633;
	text-decoration:underline;
	}
footer nav#breadcrumb, .boxshadow footer nav#breadcrumb a {
	text-shadow: 0 0 0;
}	

#problem a.disabledLink {
	text-decoration:none;
	color: inherit;
	}
#problem a.disabledLink:hover {
	text-decoration:none;
	color: inherit;
	cursor: text;
	}
#problem a.disabledLink:active {
	position: static;
	}

/* ============ */
/* = 5. Layout = */
/* ============ */

html{
	background: transparent url('/fenclh/files/images/body-bg.jpg') repeat;
	background-color: #f2f2f2;
}

#container {
	width: 960px;
	margin: 0 auto;
}

header {
	height: 45px;
	width: 100%;
	background: transparent url('/fenclh/files/images/uwgb-line-bg.png') repeat-x 0 0;
	display:block;
}

#uwgb-bar {
	margin: 0 auto;
	position: relative;
	width: 960px;
	padding-top: 1px;
	text-align: left;
}
	 #uwgb-bar h1{
		float: left;
		margin: 3px 0 0;
	}
	
		#uwgb-bar h1 a {
			width: 302px;
			height: 27px;			
			overflow: hidden;
			text-indent: -9000px;
			text-decoration: none;
			display: block;
			background: transparent url('/fenclh/files/images/uwgb-line.png') no-repeat 0 0;
		}

		#uwgb-bar ul#uwgb-bar-links {
			font: .9em "helvetica", "arial", sans-serif;
			color: #FFF;
			float: right;
			display: block;
		}

			#uwgb-bar ul#uwgb-bar-links li {
				list-style-type: none;
				margin-right: 5px;
				margin-top: 8px;
			}

				#header-common {
					margin-top: 6px;
				}
				#uwgb-bar ul#uwgb-bar-links li a {
					color: #fff;
					text-decoration: none;
				}
				#uwgb-bar #searchForm {
					float: right;
				}
					#searchForm #searchText {
						float: left;
						margin-top: 0px;
						height: 15px;
					}
					#searchForm #searchButton {
						float: left;
						margin: 3px 10px ;
					}
					
					#uwgb-bar ul.uwgb-bar-links li a:hover {
						color: #A6D3AA;
						text-decoration: none;
					}

#nav-container { 
	margin-top: 15px;
	width: 950px;
	height: 80px;
	padding: 5px;
	border-bottom: 2px solid #A5A5A5;
	}
	
	#nav-container h2 {
		margin-top: .0625em;
		font-size: 4em;
		display: block;
		float: left;
		line-height: 1.25em;
	}
	
	#nav-container h2 a {
		text-decoration: none;
	}

		#nav-container ul#main-nav {
			float: right;
			margin-top: 2em;
		}	

		#nav-container ul#main-nav li {
			font-size: 1.55em;
			float: left;
			margin: 0 25px;	
			list-style-type: none;
		}
		
		#nav-container ul#main-nav li a {
			display: block;
			color: #636363;
			text-decoration: none;
			padding: 12px 12px;
		}
		
		#nav-container ul#main-nav li a:hover {
			color: #006633;
			border: 2px solid #006633;
		}
		
		.borderradius #nav-container ul#main-nav li a:hover {
			-moz-border-radius-topleft: 15px;
			-webkit-border-top-left-radius: 15px;
		    -moz-border-radius-topright: 15px;
			-webkit-border-top-right-radius: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-bottom-left-radius: 15px;
		    -moz-border-radius-bottomright: 15px;
			-webkit-border-bottom-right-radius: 15px;
			}
	
	#content-container {
		width: 960px;
		position: relative;
		margin-top: 25px;
		background-color: #fff;
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
		
	}
	
	#content {
		background: transparent url("/fenclh/files/images/container-bg.jpg") repeat-x 0 0;
		padding: 20px;
	}
	
	#content img.left{
		margin-left: -10px;
	}
	
	#content ol.columns {
		list-style-type: decimal;
		background-color: #f3f3f3;
		padding: 1em;
	}
		.borderradius #content ol.columns{
			-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 ol.columns li{
		list-style-type: decimal;
		float: left;
		width: 23%;
		padding-right: 1%;
		margin: 0 0 0 20px;
	}
	
	#content ul.columns{
		list-style-type: none;
		clear: both;
		margin-bottom: 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: 23%;
			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 #problem-call-out {
			background-color: #E4FFE2;
			padding: 1em 1em 0 1em;
			margin-bottom: 2em;
			border: 2px dashed #006633;
			height:100%;
		}
			.borderradius #content #problem-call-out{
				-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;
				}
				
					.rgba #content #problem-call-out {
						background-color: rgba(228, 255, 226, 0.7);
					}
#button{
	background: url('../images/querybutton1.png') no-repeat scroll 0 0 transparent;
	padding: 15px;
	width:115px;
}		

#button a{
	padding: 0;
}	

a #button:hover{
	background: url('../images/querybutton2.png') no-repeat transparent;
	padding 15px;
}		

					
#right{
	width:200px;
	float:right;
	position: relative;
	top:-180px;
	left:-30px;
}	

#right_low{
	width:200px;
	float:right;
}				
					
		
#disclaimer-top{
	background: url("../images/border.jpg") repeat-x scroll 0 0 transparent;
	height: 30px;
	
}

#disclaimer-container{
	background-color: #f0f0f0;    
	padding: 2em;
	margin-top: -14px;
	height:100px;
}

#disclaimer-container h4{
	font-size: 1.625em;
	line-height: .85em;
}

#disclaimer-container img{
	margin-right: 1.5em;
}
	#disclaimer-container p{
		margin: 1em 0;
		font-size: .95em;
	}	
	
		#content ul.problem-page-nav {
			float: left;
			display: block;
			width: 100%;
		}
			#content ul.problem-page-nav li {
				float: left;
				list-style-type: none;
				background-color: #000;
				margin: 0 0 1.5em 20px;
				padding: .25em;
			}
					.borderradius #content ul.problem-page-nav li{
						-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 ul.problem-page-nav li a {
							color: #f3f3f3;
							padding: .25em;
							text-decoration: none;
						}
						
						#content ul.problem-page-nav li a:hover {
							color: #fff;
							padding: .25em;
							text-decoration: none;
						}
						
						#content ul.problem-page-nav li:hover {
							background-color: #5C5C5C;
							padding: .25em;
							text-decoration: none;
						}
						
						#content ul.problem-page-nav li.problems {
							background-color: #981e32;
							padding: .25em;
							text-decoration: none;
						}
						
						#content ul.problem-page-nav li.problems:hover {
							background-color: #B7243C;
							padding: .25em;
							text-decoration: none;
						}

	#content ul.problem-type-nav {
		float:left;
		background: #ccc;
		width: 120px;
		margin-right: 1em;
		padding: 1.5em;
		clear: both;
	}
		#content ul.problem-type-nav li {
			list-style-type: none;
			margin: 0;
		}
	
			#content ol#problem-list li {
				font-size: .95em;
				width: 190px;
				float: left;
				min-height: 15px;
			}
	
	
			#demo-area ul.problem-page-nav {
				float: left;
				display: block;
				width: 100%;
			}
				#demo-area ul.problem-page-nav li {
					float: left;
					list-style-type: none;
					background-color: #474747;
					margin: 0 0 1.5em 20px;
					padding: .25em;
				}
						.borderradius #demo-area ul.problem-page-nav li{
							-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;
							}

							#demo-area ul.problem-page-nav li a {
								color: #f3f3f3;
								padding: .25em;
								text-decoration: none;
							}

							#demo-area ul.problem-page-nav li a:hover {
								color: #fff;
								padding: .25em;
								text-decoration: none;
							}

							#demo-area ul.problem-page-nav li:hover {
								background-color: #6B6B6B;
								padding: .25em;
								text-decoration: none;
							}

							#demo-area ul.problem-page-nav li.problems {
								background-color: #981e32;
								padding: .25em;
								text-decoration: none;
							}

							#demo-area ul.problem-page-nav li.problems:hover {
								background-color: #B7243C;
								padding: .25em;
								text-decoration: none;
							}		
			
			
	
	.boxshadow #content-container {
		-moz-box-shadow: 1px 5px 5px #999;
		-webkit-box-shadow: 1px 5px 5px #999;
		box-shadow: 1px 5px 5px #999;
	}
		.ui-widt= {
			font-size: 0.8em;
		}
	
		.content-title {
			height: 45px;
			background: transparent url('/fenclh/files/images/title-bg.jpg') repeat-x 0 0;
		}
		
		.content-title h3{
			color: #fff;
			font-size: 1.5em;
			padding: 10px;
		}
		
		#main h3{
			background: transparent url('/fenclh/files/images/need_help.png') no-repeat;
			display: block;
			height: 50px;
			overflow: hidden;
		    text-decoration: none;
		    text-indent: -9000px;
		    width: 476px;
		}
		#bottom {
			height: 35px;
			background: transparent url('/fenclh/files/images/title-bg.jpg') repeat-x 0 0;
			clear: both;
		}
		
		#breadcrumbs {
			background: transparent url('/fenclh/files/images/title-bg.jpg') repeat-x 0 0;
			color: #fff;
			padding: 10px;
			display:block;
			font-size:0.95em;
			height:19px;
			line-height:19px;
			padding-left:10px;
			width:940px;
		}
		
		
		#breadcrumbs span#youarehere {
			display:block;
			float:left;
			}
		#breadcrumbs li {				
			display:block;
			float: left;
			padding: 0 6px 0 14px;
			font-size: .85em; 
			height:19px;
			line-height:19px;
			}
			#breadcrumbs li a {
				color: #ccc;
			}
			
			#breadcrumbs li a:hover {
				color: #fff;
			}
				#breadcrumbs li:first-child img {
					margin-top: -5px;
					}
		
					#breadcrumbs 
					#breadcrumbs img#home-icon
					#breadcrumbs li {
						float: left;
						padding: 0 9px 0 15px;;
						}

						#breadcrumbs li a {
							text-decoration:none;
							}
						#breadcrumbs li a.title {
							font-size: 1.25em;
							color: #f2f2f2;
						}
						
						#breadcrumbs li a.title:hover {
							color: #fff;
						}
		
		#demo-area {
			width: 545px;
			float: left;
			padding: 15px;
			font-size: .85em;
			}

			.js #demo-area > ul > li  {
				display: none;
				}
			.js #demo-area > ul > li:first-child{
				display: block;
				}
			.js #demo-area > ul > li.selected {
				display:block !important;
			}	
			#demo-area > ul > li {
				list-style: none;
				}
			#demo-area .popup {
				display:none;
				}
				
		.popup h4{
			color: #333;
			font-family: Georgia,"Times New Roman",Times,serif;
			font-size: 1em;
			line-height: 1.25em;
			margin: 1em 0em;
			margin-bottom: .4em;
		}
		
		.ui-dialog{
			width: 530px !important;
		}
		.ui-dialog .ui-dialog-content p {
			font-family: Arial,Helvetica,"sans-serif" !important;
			font-size: .85em;
			color: #737373;
			line-height: 1.25em;
			}
		
		.ui-widget-header {
			background: url("/fenclh/files/images/title-bg.jpg") repeat-x scroll 0 0 transparent !important;
			border: none !important;
			color: #fff !important;
			}	
				
		#problem {
			border-bottom: 1px solid #ccc;
			padding: 15px 10px;
		}
		
		#problem-nav {
			float: left;
			background-color: #d4d4d4;;
			width: 155px;
			border: 1px solid #ccc;
		}

				#problem-nav ul li {
					height: 35px;
					width: 155px;
					line-height: 35px;
					border-bottom: 1px solid #ccc;
					list-style-type: none;
					font-size: .85em;
				}
				
					#problem-nav ul li a{
						display: block;
						color: #636363;
						text-decoration: none;
						height: 100%;
						padding: 0 0 0 20px;

					}
					
					#problem-nav ul li a:hover {
						color: #fff;
						background: transparent url('/fenclh/files/images/problem-nav-hover.png') repeat-x 0 0;
					}
					
					#problem-nav ul li.selected a{
						color: #fff;
						background: transparent url('/fenclh/files/images/problem-nav-selected.png') repeat-x 0 0;
					}
							
		#supplemental{
			float: right;
			width: 225px;
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;		
			background: none !important;
			padding: 0 !important;
			border-left: 1px dotted #ccc !important;	
		}
		
/*		#supplemental h4 {;
			margin: .85em  1.25em;
		}*/
		
		#supplemental .ui-widget-content, #supplemental .ui-widget {
			font-family: Arial, Helvetica, "sans-serif" !important;		
			border: none !important;	
		}
		
		/*!!!!!!!!!!!!!!!!!!!if a tab is to be put back, take out the width property!!!!!!!!!!!!!!!!!*/
		#supplemental ul.supplemental-nav {
			background: none !important;
	        border-top: 0 !important;
	        border-left: 0 !important;
	        border-right: 0 !important;
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;	
			color: #4D4D4D;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font-family: Arial,Helvetica,"sans-serif";
			width: 100%;
		}

				#supplemental li {
					border: none !important;
					background: none !important;
					list-style: none;
					}
					
			    #supplemental li.ui-state-default {
			        background :  none !important;
			        border-top: 0 !important;
			        border-left: 0 !important;
			        border-right: 0 !important; 
			        margin: 0 2px;

			    }		
			
			
					/*!!!!!!!!!!!!!!!!!!!if a tab is to be put back, take out the width property!!!!!!!!!!!!!!!!!*/
					#supplemental ul.supplemental-nav li a{
						background: #ccc;
						color: #333;
						line-height: 1.2em;
						margin: 1px 0 0 ;
						padding left: 0;
						text-align: center;
						text-decoration: none;
						display: block;
						width:200px;
						
					}
					
					#supplemental ul.supplemental-nav li a:hover{
						background: #797979;
						color: #fff;
					}
					
					ul.supplemental-nav 
					ul.supplemental-nav-selected a:link, 
					ul.supplemental-nav ul.supplemental-nav-selected a:visited, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:link, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:visited {
					    cursor: text;
					}
					
					ul.supplemental-nav
					ul.supplemental-nav-selected a:link, 
					ul.supplemental-nav ul.supplemental-nav-selected a:visited, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:link, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:visited {
					    cursor: text;
					}
				
					ul.supplemental-nav ul.supplemental-nav-selected a, 
					ul.supplemental-nav a:hover, 
					ul.supplemental-nav a:focus, 
					ul.supplemental-nav a:active {
					    /*background-position: 100% -150px;*/
					}
					
					ul.supplemental-nav a, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:hover, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:focus, 
					ul.supplemental-nav ul.supplemental-nav-disabled a:active {
					    /*background-position: 100% -100px;*/
					}
					
					ul.supplemental-nav-selected a {
					    /*background: none repeat scroll 0 0 #4B4B4B;*/
						background-color: #333;
					    color: #FFFFFF;
					    margin-top: 0;
/*					    position: relative;
					    top: 1px;
					    z-index: 2;*/
					}
					
					ul.supplemental-nav a {
					    background: none repeat scroll 0 0 #D3D3D3;
					    color: #4D4D4D;
					    line-height: 1.2;
					    margin: 1px 0 0;
					    outline: 0 none;
					    padding-left: 0;
					    text-align: center;
					    text-decoration: none;
					    white-space: nowrap;
					}
					
					ul.supplemental-nav a, ul.supplemental-nav a span {
					    display: block;
					    padding: 0 21px;
						color: #f2f2f2;
						border-bottom: none;
					}
						ul.supplemental-nav a:hover, ul.supplemental-nav a:hover span {
							color: #fff;
							border-bottom: none !important;
						}
					
				
				#supplemental ul.supplemental-nav .contents{
					background-color: #ccc;
				/*	padding: 8px;*/
				}
				
				#supplemental ul.supplemental-nav-panel  {
				    background: none repeat scroll 0 0 #F3F3F3;
				    padding: 0;
				}
					#supplemental ul.supplemental-nav li h4 a{
						display: block;
						color: #f3f3f3;
					}
					
					#supplemental ul.supplemental-nav li:hover h4{
						color: #fff;
						background-color: #333;				
					}
				
				#supplemental ul.supplemental-nav li ul.queries li{
/*					width: 100%;*/
				}
				#supplemental ul.supplemental-nav li ul#faqs{
					display: none;
				}
				
				
				
				
				#supplemental ul.supplemental-nav li ul#identify{
					display: none;
					
					
					
					
				}
				#supplemental ul.supplemental-nav li.ui-state-active{
					background-color: #333;
				}
				
		
		#supplemental ul {
/*			padding: 0 1.25em 0 2em;*/
		
		}
		
		#supplemental ul li {
				font-size: .7em;
				list-style-type: square;
	
			}
		#supplemental > ul > li {
			list-style-type: none;
			}	
			
			#supplemental ul.supplemental-nav a {
				background-color: none;
			}
			
			#supplemental ul li a {
					text-decoration: none;
					color: #006633;
					
				}
					#supplemental ul li a:hover {
							text-decoration: underline;
							color: #008C46 !important;
						}
						
						#supplemental ul li a:visited {
								color: #ccc;
							}
		
		#supplemental ul.supplemental-nav li.ui-tabs-selected{
			background-color: #333 !important;
		}
		
		#supplemental .ui-state-active, .ui-widget-content .ui-state-active, 
		#supplemental .ui-state-default, .ui-widget-content .ui-state-default,
		#supplemental .ui-state-active, .ui-widget-content .ui-state-active,
		#supplemental .ui-state-default, .ui-widget-content .ui-state-default{
			background: none;
		}


	footer {
		width: 960px;
		border-top: 2px solid #A5A5A5;
		margin-top: 30px;
		display:block;
	}		
		footer ul.nav{
			margin-top: 20px;
		}
		footer ul.nav li{
			display: inline;
			margin-right: 20px;
		}	
			footer ul.corporate{
				float: right;
				width: 275px;
				margin-top: -15px;
			}
			footer ul.corporate li{
				font-size: .85em;
				display: block;
				list-style-type: none;
			}

			footer ul.corporate li img{
				float: left;
				margin:0 1em 1em 0;
			}
	#fonttest {
		bottom: 0; /*fix for modernizr gap -> http://github.com/Modernizr/Modernizr/issues/issue/72/#comment_241912*/
	}
/* ================== */
/* = 6. Skin and Pages = */
/* ================== */

#content h1 {
	margin-bottom: 1.5625em;
	}
#content h2 {
	margin-bottom: 1.5625em;
	}
#content h3 {
	margin-bottom: 0.425em;
	}
#content h4 {
	margin-bottom: 0.625em;
	}
	
	#content h4 {
		clear: both;
		}
	#content h4 a{
		color: #000;
		text-decoration: none;
	}
#content h5 {
	margin-bottom: 0.625em;
	}
	
#content p {
	margin: 1.25em 0;
}
	
#content .hr {
	border-bottom: 1px solid #000;
	padding: 2em 0;
}
	
ul li {
	list-style-type: disc;
}
ol li {
	list-style-type: decimal;
}	

#content ul, #content ol {
	margin-bottom: 1.25em;
}

	#content ol li, #content ul li {
		padding-left: 5px;
		margin: 0 0 0.625em 45px;
	}

/* External Links (http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html)*/
#content a {
padding-right: 17px;
background: transparent url(../images/icons/external.png) no-repeat right center;
}


#content a[href ^="http://www.uwgb.edu/fenchl/"],
#content a[href ^="http://uwgb.edu/fenchl/"],
#content a[href ^="/changeme/"] {
padding-right: 0;
background: none;
}

/*ds*/
#content a[href$=".pdf"] {
	background:transparent url(../images/icons/pdf.png) no-repeat right center;
	padding-right:17px;
}
/*Mail*/
#content a[href ^="mailto:"] {
   background: transparent url(../images/icons/mail.gif) no-repeat right center;
   padding-right: 17px;
}

/*Powerpoint*/
#content a[href$=".ppt"], #content a[href$=".pptx"] {
   padding-right: 17px;
   background: transparent url(../images/icons/powerpoint.png) no-repeat right center;
}

blockquote.default, blockquote.default p {
	font-family:"Lucida Sans","Lucida Grande",Arial,Helvetica,Sans-Serif;
	font-size: 0.9em;
	font-style: italic;
}
blockquote.default {
background-color:#F1F1F1;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
font-family:"Lucida Sans","Lucida Grande",Arial,Helvetica,Sans-Serif;
}
blockquote.default:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote.default .before { /*for ie if usign jquery super selectors (http://github.com/chrispatterson/jquery-super-selectors) */
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;	
}


blockquote p {
	display:inline;
}

.citationSource {
	float: right;
	margin-top: -10px;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: bold;
}

#content img.right {
	 margin: 0 10px 0.625em 10px;
}

#content img.left {
	margin: 0 10px 0.625em 10px;
}

.maphilighted {
	display:block !important;
	}


#fonttest {
	bottom: 0; /*fix for modernizr gap -> http://github.com/Modernizr/Modernizr/issues/issue/72/#comment_241912*/
	}

/* ====================== */
/* = 7. General Classes = */
/* ====================== */

sup {
	font-size:0.7em;
	position: relative;
	bottom: 7px;	
	}
	
sub {
	font-size:0.7em;
	position: relative;
	bottom: -5px;
	}
.strong {
	font-weight: bold;
}

hr { display: none; }

.wide {
	width: 100%;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.nomargin {
	margin: 0;
}

.center { /*remember to add a width to the block-level element you want to center */
	margin: 0 auto;
}

.table {
	display: block;
	display:table;
	margin: 0 auto;
	}

#content table {
	width: 100%;
	border: 1px solid #ccc;
	padding: 16px;
}
#content table td {
	padding: 8px;
	border: 1px solid #ccc;
}

#content table th {
	background-color: #426dab;
	padding: 8px;
	color: #FFF ;
}

.right {
	float: right;
}
.left {
	float: left;
}

.right-column {
	float: right;
	width: 45%;
	padding: 1%;
	clear: both;
}
.left-column {
	float: left;
	width: 45%;
	padding: 1%;
	clear:both;
}

.no-bg { /*get rid of external link images*/
	background-image:none !important;
	padding-right:0px !important;	
	}
.i {
	font-style: italic;
	}
.b {
	font-weight: bold;
	}

/* =============== */
/* = 8. Messages = */
/* =============== */
.error
{
	background:#F9F0F0 none repeat scroll 0% 0%;
	border:1px solid #DAA2A2;
	padding:3px 5px;
}


/* =============== */
/* = 9. Clearfix = */
/* =============== */
#content-container:after,
#problem-nav:after,
.columns:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0;
}



/* ============= */
/* = 10. Print = */
/* ============= */
@media print {
	body {
	   background: white;
	   font-size: 12pt;
	}

	body * {
		font-family: "Georgia", serif !important;
		color: black !important;
	}

	a:link, a:visited {
	   color: #520;
	   background: transparent;
	   font-weight: bold;
	   text-decoration: underline;
	   }
	#content a:link:after, #content a:visited:after {
	   content: " (" attr(href) ") ";
	   font-size: 90%;
	   }
	#content a[href^="/"]:after {
	   content: " (http://www.uwgb.edu/changeme" attr(href) ") ";
	   }

	.post, .comment {
		border-bottom: 1px solid #ccc;
	}
}