/* CSS For UGA Subsite */

.testimonial {margin:30px 0;}	
.sidebar .testimonial ul {list-style:none !important;padding-left:0px !important;margin-left:0px !important;list-style-image:none !important;}
body {
	background-image: url(/Images/ZieglerImages/backgroundtile.gif);
}

#page {
	background-color: #7F6C46;
}
#container {
	background-image: url(/Images/ZieglerImages/tileshadow.png);
}

#photoHeaderSlideshow {			/* Needed to hold the slideshow */
	height: 330px;
	width: 953px;
	position: absolute;
	margin-bottom: -330px;		/* Pulls the page up over under the slideshow */
	z-index: 0;
}


.interior #photoHeaderSlideshow {			/* Needed to hold the slideshow */
	display: none;
}

#logo, #navHeader {  /* Needed to ensure these elements appear in front of slideshow */
	position: absolute;
	z-index: 1000; 
}

#messagesOnPicture {  /* Needed to ensure these elements appear in front of slideshow */
	position: absolute;
	z-index: 999; 
}

#photoHeader {
	background-image: url(/Images/ZieglerImages/slideshow-0.jpg);  /* Sets the default image for the large photo header, in case slideshow doesn't work. */
	background-color: black;								 /* Sets the color shown initially as the slideshow fades in */
}

.exterior #photoHeader, #photoHeader.exterior {   /* Sets the height of the large photo header for subsite landing page */
	height: 330px;	
}

.interior #photoHeader, #photoHeader.interior {	/* Sets the height of the large photo header for subsite inside pages */
	height: 231px;	
}

#messagesOnPicture {   /* Used in this subsite to display the subsite logo over the slideshow. */
	width: 953px;
	height: 330px;
	background-image: url(/Images/ZieglerImages/subsiteLogo.png);
	background-position: top left;
}

.interior #messagesOnPicture {   /* Used in this subsite to display the subsite logo over the slideshow. */
	height: 231px;
	background-image: url(/Images/ZieglerImages/subsiteLogo_interior.png);

}

#backContainer {		/* Not used in this subite. For future use. */
	display: none;	
}

#logo {					/* Used in this subsite to display the AJU tree (tree half only) over the slideshow. */
	height: 94px;
	margin-top: 236px;
}

.interior #logo {
	height: 94px;
	margin-top: 137px;
}

#logo img {
	margin-left: 15px;
	padding: 0px;
}

.interior #logo img {

}

#hompageBlockers {
	border-bottom: none;
	height: 40px;
	margin: 0px;
	padding-top: 5px;
}

#subsiteLogo {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 14px;
}

#subsiteName {
	display: table-cell;
	height: 10px;
	line-height: 10px;
	color: #DFE1CB;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}

#subsiteName a {
	display: inline;
	height: 10px;
	line-height: 10px;
	color: #DFE1CB;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#subsiteName a:hover{
   background-color: #003c52;
}
#subsiteNav {
	height: 20px;
	overflow: hidden;
	padding: 0px;
	margin-top: 5px;
	width: 760px;
} 

#subsiteNav td {
	padding: 0px;
	margin: 0;
}

#subsiteNav a {   /* Subsite main navigation links */
	display: block;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-image:url(/Images/ZieglerImages/imgButton.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003C52;
	margin-right: 10px;
	width: 170px;
	font-weight: bold;
} 

#subsiteNav a.selected, #hompageBlockers td.selected a {  /* Class for marking a navigation link as 'current' */ 
	background-image:url(/Images/ZieglerImages/imgButtonSelected.gif);
	color: #FFF;
} 

#subsiteNav a:hover {
	color: #655637;
		background-image:url(/Images/ZieglerImages/imgButtonHover.gif);
	
}

#subsiteNav a.selected, #hompageBlockers td.selected a {  /* Class for marking a navigation link as 'current' */ 
	background-image:url(/Images/ZieglerImages/imgButtonSelected.gif);
	color: #FFF;
} 

#breadcrumbs {
	color: #999999;
	font-size: 90%;  /* Breadcrums pulls top story up page. When not using breadcrumsb, .story:first-child will do the same thing. */
	padding-left: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-top: -10px;
	margin-bottom: -5px;
	width: 630px;
}

#breadcrumbs a {
	text-decoration: none;
	color: #999999; 	
}

#breadcrumbs a:hover {
	text-decoration: underline;	
}

#contentbox {
	overflow:hidden;
	height: auto;
	min-height: 500px;
	background-image: url(/Images/ZieglerImages/contentBox.png);
	background-repeat: no-repeat; 	/* Set font here to match fonts across entire subsite. Override as needed. */
	font-size: 12px;
	color: #000000; /* Original #006C51; */
}


/* BEGIN Main content stories. Stories are containers of class .story */
.story {
	width:660px;
	background-image: url(/Images/ZieglerImages/story_hr.png);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: left;
	padding: 20px 30px;
}

/* Set story widths in main column, depending on whether page is two-column or three. */
.twocolumn .story {
	width: 630px;
}

.story.twocolumn {
	width: 630px !important;
}

.threecolumn .story {
	width: 400px;
}

.story.threecolumn {
	width: 322px !important;
	float: left;
	clear: none;
}

.threecolumn .story p {
	width: auto !important;
}

.story.noDivider {
	background-image: none;	
}

.story a {
	text-decoration: none;
	color: #003C52;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFE1CB;
}

.story a.more {
	text-decoration: none;
	color: #003C52;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFE1CB;
	font-size: 90%;

}

.story h2 a, .story h3 a, .story h4 a {
	border-bottom: none;	
}

.story a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003C52;
}

.story h2 {
	color: #003C52;
	font-size: 16pt;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.story h1 {
	color: #003C52;
}

.story h3, .story h3 a {
	color: #3F6479 !important;

}

.story h3:first-child {
	margin: -5px 0 5px 0;
}

.story h3 {
	font-weight: bold;
	font-size: 14pt;
	margin: 15px 0px 0px 0px;
    line-height: 14pt;
}

.story h4, .story h4 a {
	color: #7F6C46;
}

.story h4:first-child {
	margin: -5px 0px 5px 0px;
}

.story h4 {
	font-size: 11pt;
    font-weight: bold;
    line-height: 11pt;
    margin: 15px 0 5px;
    font-variant: small-caps
  }

.story h5 {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0 0 0;
    line-height: 11pt;	
}

.story p {
	margin: 8px 0 8px 0;
	color: #000000; /* Original #006C51; */
	line-height: 1.4;
}

.story p a, .story li a {
	font-weight: bold;
}


.story img {
	float: left;
	margin: 5px 15px 10px 0px;  
	border: 0px;
}

.story img.strip {
	margin-left: -15px;
	margin-right: -15px;
	border: 0px;
	max-width: 640px;
}

.signature {

    color: #0D4F63;
    font-size: 11pt;
    margin: 10px 0px 0px 0px;	
    font-weight: bold;
    font-family: Tahoma; 
    font-style:italic; 
}
.title 
{
	font-weight: normal;
	font-style:italic;
    margin: 0px 0px 10px 0px;	
}


.story ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: 
	url(/Images/ZieglerImages/rounded_bullet.gif);	
}

.clearfloat {
	clear: left;
}

.story.footer {
	width:630px;
	background-image: none;
	font-size: 95%;
	padding-bottom: 0px;
	margin-bottom: -15px;
	clear: left;
}

/* END Main content stories. Stories are containers of class .story */

/* BEGIN Sidebars. Sidebars are containers of class .sidebar */
.sidebar {
	float: right;
	width: 200px;
	margin-left: 33px;
	min-height: 530px;
	font-family: Arial, Helvetica, sans-serif;
}

.sidebar .background {
	margin: -20px -20px 0px -20px;
	background: url(/Images/ZieglerImages/contentBox.png) no-repeat;
	height: 20px;
}

.sidebar.nav p {
	margin: 0 0 20px 0;
}

.sidebar.nav ul {
	margin: 8px 0px 8px 0px;
	padding-left: 17px;
	list-style-image: url(/Images/ZieglerImages/nav_bullet.gif)
}

.sidebar.nav li {
	margin-bottom: 6px;	
}

.sidebar.nav div.overlayImage {   	/* Holds a floated image on the sidebar. See HTML comments. */
	display: block;	
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
}

.sidebar.nav div.overlayImage span {  /* Places a styled overlay over the floated image. See HTML comments */
	display: block;	
	width: 50px;
	height: 50px;
	background-image: url(/Images/ZieglerImages/sidebar_nav_link-overlay.png);
	position: absolute;
}

.sidebar.nav .buttons {			/* .buttons container holder big buttons arranged vertically */
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
}

.sidebar.nav .buttons li {
	margin: 0 0 10px 0px;
}

.sidebar.nav .buttons a {
    background: none repeat scroll 0 0 #EAEAE8;
    border: 0 none;
    border-radius: 4px;
    color: #333333;
    display: block;
    font-family: Ariel,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: lighter;
    padding: 10px 15px 9px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}
.sidebar.nav .buttons a:hover {
    background: none repeat scroll 0 0 #D8BC99;
    box-shadow: none;
    color: #FFFFFF !important;
    text-decoration: none;
    text-shadow: none;
}

.sidebar.nav .buttons a  {
	display: block;
	width: 140px;
/*    height: 20px;
    padding-left: 5px;
    padding-top: 6px;
	border: 1px solid #003C52;
	background-image: url(/Images/ZieglerImages/btn_backg.gif);
	background-position: top left;
	font-size: 11px;
	line-height:normal; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;*/
}

/*.sidebar.nav .buttons a:hover  {
	text-decoration: none;	
	color: #003C52;
	background-image: url(/Images/ZieglerImages/btn_backg_hover.gif);
}

.sidebar.nav .buttons a.HomePgButon 
{
	background-image: url(/Images/ZieglerImages/btn_backgHome.gif);
	color: #003C52;
}
.sidebar.nav .buttons a:hover.HomePgButon 
{
	background-image:url(/Images/ZieglerImages/btn_backgHomeHover.gif);
	color: #000000;
}
*/

.sidebar.nav .buttons a img {
	border: none;
}

.sidebar.nav .social  {
	margin: 00px -22px 0 0;
	width: 35px;
	padding: 10px 0 5px 7px;
	float: right;
	list-style-type: none;	
	list-style-image: none;
	background-image:url(/Images/ZieglerImages/social_bg.png);
	background-repeat: repeat-y;
}


.sidebar.nav .social a, .sidebar.nav .social img {
	border: none !important;
}

/* END 'Nav' sidebar */

/* BEGIN 'News' sidebar. Container of class ".news" contains called out links and stories, or events */

.sidebar.news {
	background: url(/Images/ZieglerImages/sidebar_news.gif) 0px 20px no-repeat;
	color: #006C51;
	line-height: 1.2;
}

.sidebar.news a {
	text-decoration: none;
	color: #469CCA;
	border-bottom: 1px solid #B3D2E8; 
}

.sidebar.news a:hover {
	border-bottom: 1px solid #469CCA !important;
}

.sidebar.news h3 {
	background: url(/Images/ZieglerImages/sidebar_news_h3.gif) no-repeat;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #FFF;
	margin-top: 20px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.sidebar.news h3:first-child {   /* Will degrade gracefully */
	background-image: url(/Images/ZieglerImages/sidebar_news_h3-first.gif) !important;
	margin-top: 0px;
}

.sidebar.news h4 {
	padding-left: 10px;
	font-size: 95%;
	color: #469CCA;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.sidebar.news p {
	padding-left: 10px;
	font-size: 95%;
	margin: 0 0 5px 0;
}

.sidebar.news div.overlayImage {   /* Holds a floated image on the sidebar. See HTML comments. */
	display: block;	
	width: 51px;
	height: 39px;
	float: left;
	margin-right: 5px;

}

.sidebar.news div.overlayImage span {	/* Places a styled overlay over the floated image. See HTML comments */
	display: block;	
	width: 51px;
	height: 39px;
	background-image: url(/Images/ZieglerImages/sidebar_video_link-overlay.png);
	position: absolute;
}

/* END 'News' Sidebar 
   END Sidebars */
   
/* BEGIN AJU-wide footer area */
#footerstripe {
	background: url(/Images/common/footerbg_default.png) no-repeat;
	background-color: #7F6C46;
}
/* END AJU-wide footer area */


/* BEGIN Milonic-menu styling */
.mmOn, .mmOff {			
	padding: 3px 5px 3px 5px;
	line-height: 1;
	text-transform: none;
	font: Arial, Helvetica, sans-serif 12px bold;
}
/* END Milonic-menu styling */
/* Used to modify ektron iframe for displaying DMS documents (pdf) */
.ektdmsiframe {
	height: 800px;
}


#bio-header {

	background-color: #EAF5F9  !important;
	/*background-image: url(/Images/CSImages/biotl.gif); */
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.4;	
	padding: 10px;
	margin-top:5px;
    width: 100%;
    border-bottom: 2px solid  #006C51;
}
#bio-header  img 
{
	border: 1px solid black;
	padding: 1px;
}	

#bio-info {
    color: #006C51;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 30px;
  
}
#bio-info h2.bio-name {
    color: #006C51 !important; 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight:bold; 
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}


#bio-info h3.bio-add-info {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    color: #006C51 !important; 
    font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;


}
.bio-main-text p {
	margin:0px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
}
.bio-main-text ul {

    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
.bio-Ed {
   font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	margin:0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
/* testimonials added by Moshe 9/19/2012 */
.testimonial
{
   font-size: 14px;
}

/* CUSTOM TOP CSS MENU HOVER */
#cssmenu > ul > li:hover, #cssmenu > ul > li.active, #cssmenu .has-sub ul, #cssmenu .has-sub .has-sub ul li a, .search input {background-color: #DFC390;}
#cssmenu .has-sub ul li:hover a {background-color: #BCA274;}


/* MAIN MENU COLORS */
#cssmainmenu {
	text-shadow: 0 -1px #165E41;
	background: #725835;
	background: linear-gradient(center top , #937345, #725835);
	background: -o-linear-gradient(bottom, #937345 0%, #725835 100%);
	background: -ms-linear-gradient(center top , #937345, #725835);
	background: -webkit-linear-gradient(bottom, #937345 0%, #725835 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#937345), to(#725835));
	background: -moz-linear-gradient(center top , #937345, #725835);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#725835', endColorstr='#937345');
	box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #60492D inset;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #60492D inset;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #60492D inset;
}
#cssmainmenu .has-sub ul {width:200px;}
#cssmainmenu .has-sub ul li a {width:160px;}
#cssmainmenu ul li, #cssmainmenu ul li a {}
#cssmainmenu ul li, #cssmainmenu ul li a {line-height: 18px;height:auto;}
#cssmainmenu h3 a, #cssmainmenu ul li a {color:#FFFFFF;}
#cssmainmenu {}
#cssmainmenu ul li *:hover, #cssmainmenu ul li:hover, #cssmainmenu ul li:hover, #cssmainmenu ul li.active, #cssmainmenu .has-sub ul, #cssmainmenu .has-sub .has-sub ul li a {
    background: #936F45;	
}
#cssmainmenu .has-sub ul li a, #cssmainmenu ul li *:hover a, #cssmainmenu ul li:hover a {	color:#fff;}
#cssmainmenu .has-sub ul li:hover a, #cssmainmenu .has-sub ul li a:hover {
    background: #84633E;
}

#cssmainmenu h3 {float:left;}
#cssmainmenu h3 a {text-shadow: 0 1px #272133;text-align:center;padding:11px 18px;}
#cssmainmenu h3 a:hover {}
#cssmainmenu ul {float:right;}
#cssmainmenu ul li.donate:hover, #cssmainmenu ul li.donate:hover a {color:#333;
	background:#61D1F9;}
#cssmainmenu ul li.donate   {
	box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #4CA6C4 inset;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #4CA6C4 inset;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -2px #4CA6C4 inset;
	color:#333;
	background:#61D1F9;}