/*
Style Name: University of Georgia 
For: College of Environment and Design
Author URI: Janet Beckley / Office of Public Affairs
Additions/Modifications: Nick Ciarochi/College of Environment and Design
Version: 1.0  6/25/2008

*/

	
/******[ 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, 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}
ul{
	list-style-image: none;
	list-style-type: square;
}
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:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #74797c;
	
}

.accessibility{
	display: none;
}


/*******[ QUICK LINKS FOR UGA BRANDING BAR ]*********************************************************************************************/

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


/*********[ HEADER  FOR UGA BRANDING BAR ]************************************************************************************************/

#UGABrandingBar{}

/***[ header -> UGAsearch-bar ]***/

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

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

/*******[ HEADER -> menu ]******************************************************************************************/


#UGABrandingBar .menu{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
	background-color: #8d929a;
	}

			
/*******[ WRAPPER : DROP SHADOW]*******************************************************************************/

#wrapper{
	position:relative;
	width:1024px;
	margin:0 auto;
	background: url(../../images/interface/shadow.png) repeat-y left center;
}
		
/*******[ HEADER]*******************************************************************************/

#header{
	height:140px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:960px;
	display: block;
	background-image: url(../../images/interface/ced_logo.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color: #434343;
}



/*******[ HEADER -> page-head ]*************************************************************************************/


/***[ header -> site search widget ]***/
		
		
.search-site{
	position:absolute;
	padding:2px 4px;
	top:116px;
	right:0px;
	color:#CCCC99;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	width: 222px;
	height: 20px;
		}
			
.search-site input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
			}
			
.search-site .textbox{
	color:#CCCC99;
	padding:2px 5px;
	width:180px;
	border:1px solid #CCCC99;
	background:#2A2A2A;
	font-weight:normal;
	text-transform: capitalize;
			}
			
.search-site .submit{
	padding:2px 0;
	color:white;
	font-weight:bold;
	background:#434343;
	border:0px;
	cursor:pointer;
			}
			
/*******************************************************************************************[ HEADER -> menu ]******/
	#header .menu{
	background-color: #434343;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9FE9C;
	height: 28px;
	}

/**************************************************************************[ 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;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:960px;
	margin:0 auto;
}

/***[ (MAIN) Items ]***/
#qm0 a{
	margin:0;
	color:#D9FE9C;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 4px;
}

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

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

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

/***[ (SUB) Container ]***/
#qm0 div,
#qm0 ul{
	width:280px;
	border-left:1px dotted #C1C796;
	border-right:1px dotted #C1C796;
	border-bottom:1px dotted #C1C796;
	background-color: #434343;
}

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

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

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

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


/*******[ PAGE -> page sections ]*************************************************************************************/


#page{
	font-family: Arial, Helvetica, sans-serif;
	color:#424242;
}
	
#page .frame{
	width:960px;
	margin:0 auto;
	overflow:auto;
	}
	
	
#page .main{
	float:left;
	width:768px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#page .slideshowArea{
	width: 960px;
	height:276px;
	float: left;
	}
	
#page .slideshowMain{
	width: 768px;
	height:276px;
	float: left;
	}
	
#page .sidebar{
	width:192px;
	height: 100%;
	background-color: #C1C796;
	float: right;	
	}
	
	
/*******[ PAGE -> text formats ]*************************************************************************************/

#page .content{
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	float: left;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
	width: 715px;
	}
	
#page .content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
		}
	
#page .content p strong{
	font-weight: bold;
	}
	
#page .content p em, #page .content ul li em{
	font-style:italic;
	}
	
.icon{
	float:left;
	margin-top:-5px;
}
			
#page .content img{
	border:solid 1px #dddfe2;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-right: 15px;
	margin-top: 10px;
			}

#page .content img.inline-r {
	margin:0 0 0 5px;
	float:right;
}

#page .content img.inline-l {
	margin:0 5px 0 0;
	float:left;
}

.clearimg {
	border:none !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
}
	
#page .content p a, #page .content ul li a, #page .content ol li a, #page .content table a {
	color: #5B5B5B;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
	}

#page .content table tbody tr td a:hover {
	color: #C1C796;
	border-bottom: 1px dashed #C1C796;
}

#page .content table.prettytable tbody tr td a:hover {
	color: #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
}

#page .content a:linked {
	color: #5B5B5B;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;

}
	
#page .content p a:hover, #page .content ul li a:hover{
	color: #AAC77A;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #AAC77A;
	}

#page .content p a img {
	border-width: 0px;
}

a.img {
	border-bottom-style:none;
}
	
#page .content hr{
	height: 1px;
        margin: 5 30px 5px 30px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #C1C796;
	clear: both;
}

#page .content blockquote{
	margin: 0 30px 15px 30px;
	border-left: 3px solid #c1c796;
	padding: 5px 0 5px 20px;
	background-color: #EEEEEE;
}

#page .content blockquote a{
	color: #5B5B5B;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
}

#page .content blockquote a:hover{
	color: #5B5B5B;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
}

	
#page .content h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 18px;
	color: #818F6B;
	padding-bottom: 20px;
	vertical-align: 80%;
	}

#page .content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;	
	padding-bottom: 10px;

	}
	
#page .content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;	
	padding-bottom: 10px;

	}
	
#page .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px }
	
#page .content ul {
	font-size: 12px;
	line-height: 18px;
	padding-left: 20px;
	list-style-position: inside;
	list-style-type: square;
	padding-bottom: 10px;
}

#page .content ol {
	font-size: 12px;
	line-height: 18px;
	padding-left: 20px;
}

/**** [ PAGE -> custom details for particular pages ]************/

/***[ Read more detail for category pages ]***/
	
#page .content .moreCategory{
	font-family: verdana, arial;
	color: #878787;
	font-size:9px;
	font-weight: bold;
	border-bottom:2px solid #878787;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:6px;
	margin-bottom:18px;
}

#page .content .moreCategory a{
	color: #878787;
}

#page .content .moreCategory a:hover{
	color: #AAC77A;
}

/***[ Course detail for course page ]***/

#page .content .courseName{
	font-family: Verdana, arial;
	color: #878787;
	font-size:12px;
	font-weight: bold;
	height: 40px;
	width: 700px;
	padding-top:2px;
	margin-top:6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #878787;
	text-transform: uppercase;
}

	
#page .courseName p {
	color: black;
	font-weight: normal;
	text-transform: none;

}



/**** [ PAGE -> sidebar menu tags for accordion menu. Menu designed by Marco at  http://www.i-marco.nl/weblog/ ]************/

/*collapsible menu for text only */

#page .sidebar .text ul.menu, ul.menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type:none;
	margin: 0;
	width: 192px;
}

#page .sidebar .text ul.menu strong {
	font-weight: bold;
}

#page .sidebar .text ul.menu a {
  	text-decoration: none;	
}

#page .sidebar .text ul.menu li {
	margin-bottom: 1px;
}

#page .sidebar .text ul.menu li a {
	display: block;
	background: #434343;
	background-image: url(../../images/interface/open.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 0.5em 2em 0.5em 0.5em
}

#page .sidebar .text ul.menu li a:hover {
	background-color: #AAC77A;
	background-image: url(../../images/interface/close.gif);
	background-repeat: no-repeat;
}

/*menu content */

#page .sidebar .text ul.menu li ul li {
  padding: 2px;
  border-bottom: dotted 1px #434343
}


#page .sidebar .text ul.menu li ul li a {
	display: list-item;
	color: #434343;
	background: #C1C796;
	text-decoration: underline;
	margin-left: -4px;
}

#page .sidebar .text ul.menu li ul li a:hover {
	background-color: #C1C796;
	background-image: url(../../images/interface/fakeout.gif);
	background-repeat: no-repeat;
}


/*collapsible menu for links only */

#page .sidebar .links ul.menu, ul.menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type:none;
	margin: 0;
	width: 192px;
}


#page .sidebar .links ul.menu a {
  display: block;
  text-decoration: none;	
}


#page .sidebar .links ul.menu li a {
	background: #434343;
	color: #FFFFFF;
	  background-image: url(../../images/interface/open.gif);
  background-repeat: no-repeat;
  padding: 0.5em;
}

#page .sidebar .links ul.menu li a:hover {
	background-color: #AAC77A;
	background-image: url(../../images/interface/close.gif);
	background-repeat: no-repeat;
}

#page .sidebar .links ul.menu li ul li a {
  background: #C1C796;
  color: #434343;
  padding-left: 10px;
}

#page .sidebar .links ul.menu li ul li a:hover {
  background: #AAC77A;
  border-left: 5px #434343 solid;
  padding-left: 5px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #434343; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

	

/********[  PAGE -> 5-across columns ]***************************************************************************************************/

	
	
/*all 5-across column widths are set at 192*/
/*all 5-across column widths with a side border are set at 191*/

	

#page .columnPhoto{
	width: 192px;
	height:110px;
	float: left;
	}
	
	
#page .columnBeigeTicRule{
	width: 192px;
	height:16px;
	float: left;
	background-color: #C1C796;
	border-right: solid 1px #434343;
	}
	
#page .columnBeigeTicRuleR{
	width: 192px;
	height:16px;
	float: left;
	background-color: #C1C796;
	}
	
#page .columnBeige{
	width: 192px;
	float: left;
	background-color: #C1C796;
	padding-bottom: 20px;

	}
	
	
#page .columnBeige h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	color: #353535;
	padding-left: 10px;
	letter-spacing: 0.02em;
	font-style: italic;
	text-align: left;
}
	
	
#page .columnBeige h1 a {
	color: #353535;
}

#page .columnBeigeRuleRS{
	width: 188px;
	height:110px;
	float: left;
	background-color: #C1C796;
	border-bottom: dotted 1px #434343;
	border-right: dotted 1px #434343;
	background-position: center;
	}

#page .columnBeigeRuleRS h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	padding-top: 54px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#page .columnBeigeRuleRS a{
	color: #FFFFFF;
	text-decoration: none;
}

#page .columnBeigeRuleTB{
	width: 192px;
	height:110px;
	float: left;
	background-color: #C1C796;
	padding-top: 1px;
	}
	
	
#page .columnBeigeRuleTBp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #434343;
	text-align: left;
	text-transform: capitalize;
	border-bottom: dotted 1px #434343;
	padding-top: 4px;

	padding-left: 4px;	
	}
	
#page .columnBeigeRuleTBp strong{
	font-weight:bold;
	}
	
	
#page .columnBeigeRuleTBp a{
	color: #434343;
	font-weight: normal;
	}
	
#page .columnBeigeRuleTBp a:hover{
	color: #434343;
	border-bottom: dotted 1px #434343;
	
	}


#page .columnBeige p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #353535;
	padding-left: 10px;
	padding-right: 3px;
}
	

#page .columnGrayTicRule{
	width: 191px;
	height:16px;
	float: left;
	background-color: #434343;
	border-left: solid 1px #C1C796;
	}
	
#page .columnGrayTicRuleL{
	width: 192px;
	height:16px;
	float: left;
	background-color: #434343;
	}
	
#page .columnGray{
	width: 192px;
	float: left;
	background-color: #434343;
	padding-bottom: 20px;
	}
	

#page .columnGray h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	color: #C1C796;
	padding-left: 10px;
	letter-spacing: 0.02em;
	font-style: italic;
}

#page .columnGray a {
	color: #C1C796;
}

#page .columnGray ul {
	padding-left:15px;
	padding-top:10px;
}

#page .columnGray p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 3px;

}


/********[ 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 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;
		}

/********[ FOOTER ]*************************************************************************************************/

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 20px 0px 20px 5px;
	background-color: #434343;
	background-image: url(../../images/interface/bottombarShadow.jpg);
	background-repeat: repeat-x;
	border-right: solid 1px black;
	border-left: solid 1px black;
	line-height: 16px;	
}

.footerframe{
margin-left:31px;
margin-right:31px;
}



#footer .info p {
	padding-left: 25px;
}


#footer .info{
	width:950px;
	overflow:auto;
	color:#C1C796;
	background-image: url(../../images/interface/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	}

#footer .info a{
	font-weight:normal;
	text-decoration:none;
	color:#C1C796;
		}

#footer .info a:hover{
	color:#AAC77A;
	border-bottom:dotted 1px #C1C796;
		}

#footer .location{
	float:left;
	padding:0 0 0 90px;
	font-size:11px;
		}

#footer .controls{
	float:right;
	font-size:11px;
	line-height:14px;
	text-align:right;
	padding-right: 20px;
		}
	
/********[ PRETTY TABLES ]*************************************************************************************************/
/* These are used on the curriculum and other pages to display nice-looking tables */
.prettytable {
border-collapse: separate;
border-spacing: 6px;
margin-left: 10px;
}

.prettytable td {
background-color:#cad9b3;
padding:0px 5px;
}

/* The prettytable th is also handy for displaying small sidebars */
.prettytable th {
background-color:#cad9b3;
border-bottom: 5px solid #434343;
padding:15px 10px 15px 10px;
}

.prettytable .highlight{
background-color:#c1c796;
padding:0px 5px;
}

.prettytable .spacer{
background-color:#FFFFFF;
width:5px;
}

.prettytable .hspacer{
background-color:#FFFFFF;
height:5px;
}

#thumbs .prettytable {
border-spacing:0px;
}

#thumbs .prettytable td {
padding:0;
margin:0;
}

	
/********[ PROFILE PAGE LAYOUT ]*************************************************************************************************/
/* These are used on the directory and profile pages */

.directoryBlock{
	margin: 5 0px 5px 5px;
	border-left: 3px solid #c1c796;
	padding: 10px 0 0px 20px;
	background-color: #E5EEE5;
height:150px;
	}
	

.directoryBlock img{
	border:solid 1px #dddfe2;
	margin-right: 15px;
        margin-bottom: 30px;
	padding: 2px;
float: left;
	}
	
	
.directoryBlock h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.directoryBlock p {
	font-size: 11px;
	line-height: 12px;
}

.directoryPosition {
	font-size: 12px;
	font-weight: bold;
	color: #72775B;
	display: block;
}


#profileBlock{
	margin: 5 0px 5px;
	padding: 10px 0 0px 0px;
	height:auto;

	}
	

#profileBlock img{
	border:solid 1px #dddfe2;
	margin-right: 15px;	
	margin-left: 15px;
	padding: 2px;
	float: left;
	position:relative;
	z-index: 5;
	}

#profileBlock ul li{
	text-indent:-12px;
	}
	
	
#profileBlock h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	font-style: italic;
}

.profileHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #434343;
}

.profileText {
	font-size: 11px;
	line-height: 12px;
}

.profileTextRuled {
	font-size: 11px;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c796;
	display: block;
}


.profilePosition {
	font-size: 12px;
	font-weight: bold;
	color: #72775B;
	display: block;
}

.profilePosition hr {
  border: 0;
  width: 100%;
  color: #434343;
 background-color: #434343;
height: 5px
}

/********[ FORM LAYOUT ]*************************************************************************************************/
/* These are used for forms */

form table {
	border-collapse: separate;
	border-spacing: 4px;
	width:575px;
}

form table tr td.label {
	background-color:#cad9b3;
	padding: 3px 8px;
	text-align:right;
	vertical-align:top;
	width:175px;
}

form table tr td.header {
	background-color:#c1c796;
	border-bottom: 5px solid #434343;
	font-size: 12px;
	font-weight:bold;
	line-height:18px;
	padding: 3px 8px;
}

form table tr td table {
	width:400px;;
}

/********[ SENIOR PROJECT STYLE ]*************************************************************************************************/
/* These are used for the dynamic senior project listing */
table.year {
	display:none;
	background-color:#dae4ca;
}

table.year td {
	padding: 3px 5px;
}

table.year th {
	vertical-align: middle;
}

#seniorprojects div {
	background-color:#cad9b3;
	border-bottom: 5px solid #545454;
	padding:3px 10px;
}

#seniorprojects .dbtitle {
	font-size:30px;
	font-family:'Times New Roman',Times,serif;
	color:#545454;
	line-height:30px;
}