/*
Style Name: University of Georgia
Author URI: http://greg-j.com/psd-to-html-service/
Description: Site Coded for UofG by Greg Johnson
Version: 1.0
Author: Greg Johnson
*/


/**************************************************************************[ CSS RESET :: DO NOT REMOVE/EDIT ]******/
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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}


/********************************************************************************************[ GENERAL STYLE ]******/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


/**********************************************************************************************[ QUICK LINKS ]******/
#quickLinks{
	background:black;
	font-size:11px;
	color:#7d7d7d;
}
	#quickLinks .frame{
		width:962px;
		padding:1em 0;
		margin:0 auto;
		overflow:auto;
	}
		#quickLinks .column{
			width:239px;
			height:10em;
			float:left;
			border-left:solid 1px #2a2a2a;
		}
		#quickLinks .column4{
			border-right:solid 1px #2a2a2a;
		}
		#quickLinks p{
			padding:0 2em .5em 2em;
		}
		#quickLinks ul{
			padding:0 2em .5em 2em;
		}
			#quickLinks li{
				padding:0 0 .5em 0;
			}
		#quickLinks strong{
			font-size:13px;
			color:#95a362;
			font-weight:bold;
		}
		#quickLinks a{
			color:#ccc;
			border-bottom:dotted 1px black;
			text-decoration:none;
		}
			#quickLinks a:hover{
				color:white;
				border-color:white;
			}


/***************************************************************************************************[ HEADER ]******/
#header{}

/***[ header -> search-bar ]***/
	#header .search-bar{
		background:black;
	}
	#header .search-bar .frame{
		width:962px;
		margin:0 auto;
		overflow:auto;
	}
		#header .logo{
			float:left;
		}
			#header .logo a{
				display:block;
				width:340px;
				height:30px;
				background:url(images/university-of-georgia-logo.gif) 0 0 no-repeat;
			}
				#header .logo strong{
					display:none;
				}
		
		/***[ header -> quick-links ]***/
		#header .toggleQuickLinks{
			float:left;
			padding:9px 0 0 150px;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
		}
			#header .toggleQuickLinks a{
				text-decoration:none;
				color:white;
				padding:0 12px 0 0;
				background:url(images/quick-links-up.gif) right center no-repeat;
			}

		/***[ header -> uga search widget ]***/
		#header .search-uga{
			padding:5px 5px 0 0;
			float:right;
			color:#999;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
		}
			#header .search-uga input{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			#header .search-uga .textbox{
				color:#c5c5c5;
				padding:2px 5px;
				width:180px;
				border:solid 1px #999;
				background:#333;
				font-weight:normal;
			}
			#header .search-uga .submit{
				padding:2px 0;
				color:white;
				font-weight:bold;
				background:black;
				border:solid 1px black;
				cursor:pointer;
			}

/*******************************************************************************************[ HEADER -> menu ]******/
	#header .menu{
		background:#8d929a;
		border-bottom:solid black 2px;
		position:relative;
		z-index:100;
	}

/**************************************************************************************[ HEADER -> page-head ]******/
	#header .page-head .frame{
		position:relative;
		width:962px;
		margin:0 auto;
		height:140px;
		background:url(images/page-head-bg.jpg) left center no-repeat;
	}

		/***[ header -> ecology search widget ]***/
		#header .search-ecology{
			position:absolute;
			padding:3px 5px;
			top:0;
			right:0;
			color:#999;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			background:#e2e5e9;
		}
			#header .search-ecology input{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			#header .search-ecology .textbox{
				color:#787f88;
				padding:2px 5px;
				width:180px;
				border:solid 1px #999;
				background:#d6d9de;
				font-weight:normal;
			}
			#header .search-ecology .submit{
				padding:2px 0;
				color:#787f88;
				font-weight:bold;
				background:#e2e5e9;
				border:solid 1px #e2e5e9;
				cursor:pointer;
			}
			
		/***[ header -> give online button ]***/
		#header .give-online{
			position:absolute;
			right:0;
			bottom:0;
			width:110px;
			height:30px;
		}
			#header .give-online a{
				display:block;
				width:110px;
				height:30px;
				background:url(images/give-online-logo.gif) 0 0 no-repeat;
			}
				#header .give-online a span{
					display:none;
				}

/*****************************************************************************************************[ PAGE ]******/
#page{
	color:#424242;
	background:url(images/page-bg.jpg) center top no-repeat;
}
	#page .frame{
		width:962px;
		margin:0 auto;
		overflow:auto;
	}

	#page .column1of3{
		float:left;
		margin:0 0 0 2px;
		width:478px;
	}
	#page .column2of3{
		float:left;
		margin:0 0 0 3px;
		width:237px;
	}
	#page .column3of3{
		float:left;
		margin:0 0 0 3px;
		width:236px;
	}
	
	#page .column1of2{
		float:left;
		margin:0 0 0 3px;
		width:714px;
		border:solid 1px #c6c8cc;
	}
	#page .column2of2{
		float:left;
		margin:0 0 0 3px;
		width:236px;
	}
		#page .column2of2 p em{
			font-size:14px;
			font-weight:bold;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
		}
	
	#page h2{
		padding:20px 10px 0 10px;
		font-size:22px;
		color:#537518;
	}
	#page h3{
		padding:20px 10px 0 10px;
		font-size:16px;
		font-weight:bold;
		color:#537518;
	}
	#page h4,
	#page .breadcrumb{
		padding:.25em;
		font-weight:bold;
		font-size:11px;
		color:#787f88;
		text-transform:uppercase;
	}
	#page p{
		padding:10px;
		font-size:12px;
	}
		#page .column2of3 p{
			font-size:11px;
		}
	#page ul{
		padding:10px 10px 10px 20px;
	}
		#page ul li{
			list-style:inside disc;
		}
	#page a{
		font-weight:bold;
		text-decoration:none;
		color:#537518;
	}
		#page a:hover{
			border-bottom:dotted 1px #537518;
		}

/********************************************************************************[ PAGE -> category-listings ]******/
	#page .category-listing{
		overflow:auto;
		margin:10px 20px;
		border-bottom:dotted 1px #b6b6b8;
	}
		#page .category-listing .meta{
			padding:5px 0 10px 10px;
			font-size:9px;
		}
		#page .category-listing .icon{
			float:left;
			width:100px;
		}
			#page .category-listing .icon img{
				padding:2px;
				border:solid 1px #dddfe2;
			}

/*******************************************************************************[ PAGE -> directory-listings ]******/
	#page .directory-listing{
		overflow:auto;
	}
		#page .directory-listing h5{
			margin:10px 10px 0 10px;
			padding:2px 10px;
			font-size:14px;
			font-weight:bold;
			color:#8a9375;
			background:#dee0e3;
		}
		#page .directory-listing strong{
			font-weight:bold;
		}
		#page .directory-listing .locale{
			float:left;
			padding:5px 0 0 20px;
			width:350px;
		}
		#page .directory-listing .contact{
			float:right;
			padding-top:20px;
			width:300px;
		}

/********************************************************************************[ FOOT-LINKS : (INDEX ONLY) ]******/
#foot-links{
	width:962px;
	margin:20px auto 0 auto;
	height:160px;
}
	#foot-links .column1of3{
		width:220px;
		margin:0 10px;
		overflow:auto;
		float:left;
	}
	#foot-links .column2of3{
		width:335px;
		margin:0 10px;
		overflow:auto;
		float:left;
	}
	#foot-links .column3of3{
		width:335px;
		margin:0 10px;
		overflow:auto;
		float:left;
	}
		#foot-links h5{
			padding:5px;
			font-size:11px;
			font-weight:bold;
			color:#787f88;
			text-align:center;
			text-transform:uppercase;
			background:#e2e5e9;
			border-top:dotted 1px #787f88;
		}
		#foot-links p{
			float:left;
			padding:10px 0;
			width:110px;
			color:#787f88;
			text-align:center;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
		}
		#foot-links img{
			padding:3px;
			border:solid 1px #b8b8b8;
		}
		#foot-links a
		#foot-links a:hover{
			text-decoration:none;
			color:#787f88;
			border-width:0;
		}

	
/***************************************************************************************************[ FOOTER ]******/
#footer{
	padding:20px 0;
}
	#footer .slogan{
		padding:.25em 0;
		color:#e2e5e9;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		font-family:"Times New Roman", Times, serif;
		font-style:italic;
		background:#8d929a;
		border-bottom:solid 2px black;
	}
		#footer .slogan em{
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-style:normal;
		}
	#footer .info{
		width:962px;
		margin:0 auto;
		padding:15px 0;
		overflow:auto;
		color:#9c9b9b;
	}
		#footer .info a{
			font-weight:bold;
			text-decoration:none;
			color:#537518;
		}
		#footer .info a:hover{
			border-bottom:dotted 1px #537518;
		}
		#footer .location{
			float:left;
			padding:0 0 0 90px;
			font-size:9px;
			background:url(images/footer-bg.gif) 0 0 no-repeat;
		}
		#footer .controls{
			float:right;
			font-size:11px;
			text-align:right;
		}

/**************************************************************************[ QUICK MENU (header -> sub menu) ]******/

	/***[ Core CSS :: DO NOT REMOVE/MODIFY ]***/
	.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
	.qmmc .qmdividery{float:left;width:0px;}
	.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
	.qmclear{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
	.qmmc{position:relative;zoom:1;z-index:10;}
	.qmmc a, .qmmc li{float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
	.qmmc div a, .qmmc ul a, .qmmc ul li{float:none;}
	.qmsh div a{float:left;}
	.qmmc div{visibility:hidden;position:absolute;}
	.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
	.qmmc .qmcbox a{display:inline;}
	.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
	.qmmc li{z-index:auto;}
	.qmmc ul{left:-10000px;position:absolute;z-index:10;}
	.qmmc, .qmmc ul{list-style:none;padding:0px;margin:0px;}
	.qmmc li a{float:none}
	.qmmc li:hover>ul{left:auto;}
	#qm0 ul{top:100%;}
	#qm0 ul li:hover>ul{top:0px;left:100%;}

/***[ (MAIN) Container ]***/
#qm0{
	width:962px;
	margin:0 auto;
}

/***[ (MAIN) Items ]***/
#qm0 a{
	padding:8px 25px 8px 0;
	margin:0;
	color:white;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

/***[ (MAIN) Hover State ]***/
#qm0 a:hover{
	color:black;
}

/***[ (MAIN) Hover State - (duplicated for pure CSS) ]***/
#qm0 li:hover>a{
	color:black;
}

/***[ (MAIN) Active State ]***/
body #qm0 .qmactive,
body #qm0 .qmactive:hover{
	color:black;
	text-decoration:none;
}

/***[ (SUB) Container ]***/
#qm0 div,
#qm0 ul{
	width:200px;
	background:#8D929A;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
}

/***[ (SUB) Items ]***/
#qm0 div a,
#qm0 ul a{
	padding:0 0 0 10px;
	margin:0;
	display:block;
	height:28px;
	line-height:28px;
	background-color:transparent;
	color:white;
}

/***[ (SUB) Hover State ]***/
#qm0 div a:hover{
	color:#353638;
	background-color:#cfd4dc;
	text-decoration:none;
}

/***[ (SUB) Hover State - (duplicated for pure CSS) ]***/
#qm0 ul li:hover>a{
	color:#353638;
	background-color:#cfd4dc;
	text-decoration:none;
}

/***[ DO NOT REMOVE/MODIFY ]***/
.qmfv{visibility:visible !important;}
.qmfh{visibility:hidden !important;}