/*
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/MODIFY ]******/
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:12px;
	background:black;
}
a{
	text-decoration:none;
	color:#c00;
}
	a:hover{
		text-decoration:underline;
	}
strong{
	font-weight:bold;
}
h1{
	padding:0 0 15px 30px;
	font-size:22px;
	color:black;
}
	h1 strong{
		color:#c00;
		font-weight:normal;
	}
h3{
	padding:0 10px 10px 10px;
	font-size:14px;
	font-weight:bold;
	color:#c00;
}

/***************************************************************************************************[ HEADER ]******/
#header{
	height:452px;
	background:url(images/header-bg.gif) 0 0 repeat-x;
}

	/***[ header -> logo ]***/
	#header .logo{
		position:absolute;
		top:0;
		left:50%;
		margin:0 0 0 -461px;
		width:365px;
		height:155px;
	}
		#header .logo a{
			display:block;
			width:365px;
			height:155px;
			background:url(images/logo.png) no-repeat;
		}
			#header .logo strong{
				display:none;
			}

	/***[ header -> search bar ]***/
	#header .search{
		margin:0 auto;
		width:960px;
		padding:4px 0 0 0;
		height:28px;
		text-align:right;
	}
		#header .search input{
			width:120px;
			padding:3px 5px;
			color:white;
			background:#b3b4b4;
			border:solid 1px #656565;
		}

	/***[ header -> main menu ]***/
	#header .menu{
		margin:0 auto;
		width:960px;
		height:32px;
		line-height:32px;
		background:#757676;
	}
		#header .menu ul{
			float:right;
		}
			#header .menu li{
				float:left;
			}
				#header .menu a{
					color:white;
					padding:0 10px;
					border-left:solid 1px #b8baba;
				}
				#header .menu .first a{
					border-left-width:0;
				}
				#header .menu a:hover{
					text-decoration:underline;
				}

	/***[ header -> sub menu ]***/
	#header .sub-menu{
		margin:0 auto;
		width:960px;
		height:28px;
		line-height:28px;
	}

	/***[ header -> main image ]***/
	#header .head-image{
		margin:0 auto;
		width:960px;
	}

/**************************************************************************************************[ CONTENT ]******/
#content{
	background:#828384;
	color:#404040;
}
	/***[ content -> breadcrumbs ]***/
	#content .breadcrumbs{
		margin:0 auto;
		width:960px;
		height:25px;
		line-height:25px;
		background:white;
	}

	/***[ content -> frame ]***/
	#content .frame{
		margin:0 auto;
		width:960px;
		background:white url(images/content-narrow-column.png) 500px 0 repeat-y;
		overflow:auto;
	}
	#content .two-columns{
		background-position:720px 0;
	}
	
	/***[ content -> general column structure ]***/
	.three-columns .column1{
		padding:0 0 20px 0;
		width:500px;
		float:left;
	}
	.three-columns .column2{
		padding:0 0 20px 0;
		width:220px;
		float:left;
	}
	.three-columns .column3{
		padding:0 0 20px 0;
		width:235px;
		float:right;
	}
	
	
	/***[ content -> two column structure ]***/
	.two-columns .column1{
		padding:0 0 20px 0;
		width:720px;
		float:left;
	}
	.two-columns .column2{
		padding:0 0 20px 0;
		width:235px;
		float:right;
	}
	
	/***[ content -> column formatting ]***/
	.column1 p{
		padding:0 30px 15px 30px;
	}
	.column2 p,
	.column3 p{
		padding:0 10px 10px 10px;
		font-size:11px;
	}
		.two-columns .column2 p{
			padding-right:25px;
		}

/***************************************************************************************************[ FOOTER ]******/
#footer{
	margin:0 auto;
	width:960px;
	height:60px;
	line-height:60px;
	color:white;
}
	#footer a{
		color:white;
	}
	#footer a:hover{
		text-decoration:underline;
	}

/**************************************************************************[ 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{
	padding:0 0 0 380px;
}

/***[ (MAIN) Items ]***/
#qm0 a{
	padding:0 10px;
	margin:0;
	color:white;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}

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

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

/***[ (MAIN) Parent Items ]***/
#qm0 .qmparent{
	background:url(images/sub-menu-bg.gif) right center no-repeat;
}

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

/***[ (SUB) Container ]***/
#qm0 div,
#qm0 ul{
	width:200px !important;
	background-color:#a6a7a7;
	filter:alpha(opacity=75); /* add !important for opacity, but it will negate the fade effect */
	-moz-opacity:.75; /* add !important for opacity, but it will negate the fade effect */
	opacity:.75; /* add !important for opacity, but it will negate the fade effect */
}

/***[ (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:black;
	border-bottom:solid 1px #dbdfe5;
}

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

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

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