/* Franklin Theme
Last Updated: Summer 2015 */

/* August 4, 2015 */

#lower-page-wrapper img { /*this overrides ckeditor/imce's automatic image attributes for width and height, which override my styles, lame! */
	width: auto!important;
	height: auto!important;
	position:relative;
}

.more-link {
	clear:both;
	margin-top:2.5em;
	border-top:1px dotted #ccc;
}

* {
	padding:0;
	margin:0 auto;
	}

.search-form {
    margin-bottom:0em;
}

.accessible-text, #feature-wrapper h2 {
	position:absolute;
	left:-9999px;
	}



button::-moz-focus-inner,input.form-submit::-moz-focus-inner {
    padding: 0;
    border: 0
	}

#main_wrapper {
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	}

body  {
  	font-family:"Legacy Serif ITC W01 Bk",Georgia, "Times New Roman", serif;
	color:#333;
	line-height:1.5em;
	}

.node-default-welcome-page a {
     border-bottom:0px !important;
     text-decoration: underline !important;
}

.node-default-welcome-page p {
     font-size: 1.2em;

}

.node-default-welcome-page em {
     font-family: "Legacy Serif ITC W01 Bk",Georgia,"Times New Roman",serif;
     font-size: 2em;
     line-height: 1em;
}


.node-default-welcome-page strong {
     font-size: 2em;
     line-height: 1em;
}

.node-default-welcome-page h2 {
    display:none;
    }

p, h4, body li {
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	}

body ul.menu li,
body ul#main-menu li {
	font-family:"Legacy Serif ITC W01 Bk",Georgia, "Times New Roman", serif;
	}

p {
	margin:.5em 0 .75em 0;
	}

a {
	color:#111;	/* primary color */
	font-weight:bold;
	text-decoration:none;
	}

a img {
	border-bottom:0px;
}

a:hover {
	text-decoration:none;
}

a:hover img {
  	opacity:.66;
     transition-duration: 0.4s;
     transition-property: opacity;
     transition-timing-function: ease-out;
     border-bottom:0px;
     text-decoration:none;
}

#upper_header a,
#main a,
#secondary a,
#directions a,
#address a	{
	border-bottom:1px dotted #555;
	}

.views-field a img {
	border-bottom:0px;
}

/*.page-research a img,
.page-news-and-events .view-display-id-page a img {
	float:right;
	margin-left:.5em;
}*/

#upper_header a:hover,
#main a:hover,
#secondary a:hover,
#directions a:hover,
#address a:hover {
color:#555;
	transition-property: color;
  	transition-duration: .4s;
  	transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .4s;
 	-o-transition-property: background-color, color;
  	-o-transition-duration: .4s;
  	border-bottom:1px solid #555;
	}

/* margin corrects on thumbnails wrapped in links; requires h2 or h3 class "margin" */

h2.margin, h3.margin {
margin-top:-1em;
}

h2.margin img, h3.margin img {
	margin-top:1.5em;
}


/* end margin corrects */

ul li {
	list-style-type:none;
	}

hr {
    border:1px solid #ccc;
    }


/* table properties added spring 2013 */

table {
		border-collapse: separate;
		}

th {
	color:#eee; /* secondary */
	background-color: #333; /*primary */
	border:0px;
	padding:.75em;
}

th a {
	color:#eee; /* secondary */
  border-bottom:1px dotted #eee; /* secondary */
}


td {
		background-color: #ddd;
		padding:.75em;
	}
table.stripe tr:nth-child(odd) td {
		background-color: #eee;
	}

/* end table properties */


/* 12/11/2014 made more general list styling so works on all body lists */

/*#block-system-main article.node-page ul li, #block-system-main article.node-personnel ul li*/ div.field.field-name-body ul li {
	list-style-type:disc;
	margin-bottom:.25em;
	margin-left:1em;
	}

/*#block-system-main article.node-page ul, #block-system-main article.node-personnel ul, #block-system-main article.node-page ol, #block-system-main article.node-personnel ol */ div.field.field-name-body.field-type-text-with-summary.field-label-hidden ol li {
  margin-top:.25em;
  }

/* #block-system-main article.node-page ol li, #block-system-main article.node-personnel ol li*/ div.field.field-name-body.field-type-text-with-summary.field-label-hidden ol li { /* added 05/06/2013 */
	margin-bottom:.15em;
	margin-left:1em;
	}

#main-content-wrapper ul li {
 margin-left:1.5em;
}

#main-content-wrapper .block-menu-block ul li {
 margin-left:0em;
}

#main-content-wrapper ul li ul li {
 list-style-type:circle;
}

#main-content-wrapper ul li ul li ul li {
 list-style-type:square;
}

#main-content-wrapper ul li ul li ul li ul li {
 list-style-type:decimal;
}

#main-content-wrapper ol li {
 margin-left:1.5em;
}

#main-content-wrapper .block-menu-block ol li {
 margin-left:0em;
}



#main-content-wrapper ol li ol li, #main-content-wrapper ol li ol li ol li ol li ol li {
 list-style-type:lower-alpha;
}

#main-content-wrapper ol li ol li ol li, #main-content-wrapper ol li ol li ol li ol li ol li ol li {
 list-style-type:lower-roman;
}

#main-content-wrapper ol li ol li ol li ol li {
 list-style-type:decimal;
}

.container {
	max-width:60em;
	margin:0 auto;
	padding:1em 0 1em 0;
	height:auto;
	}

#feature-wrapper .container {
	padding:0;
	}

.container_small {
	max-width:45em;
	margin:0 auto;
	padding:1em 0 1em 0;
	height:auto;
	}

#fc_toolbar_wrapper .container {
	padding:.5em 0;
	}

#header {
	margin-top:3em;
	background-color:#eee
	}

#header .container, #navigation .container {
	padding:0 0;
	}

#header #logo {
	display:block;
	float:left;
	margin: .75em 0em .5em 0;
	width:63.75%;
	}

h1 	{
	color:#000;
	font-style:italic;
    }

h2  {
	font-size:1.4em;
	line-height:1.2em;
	margin-top:.25em;
	}

#sidebar-first h2 a {
 	border-bottom:0px !important; /* menu items don't have underlines, so block menu titles don't either */
}

.not-front .node-page h2, .view-header h2 { /* header underline added; main content only here- spring 2013 */
font-size: 1.4em;
line-height: 1.2em;
/*margin-top: 1em;*/
border-bottom: 1px solid #ccc;
/*margin-bottom:.5em;*/
}

#main .block-block h2, #main .block-views h2, #secondary .block-block h2, #secondary .block-views h2{ /* all reg blocks and views blocks in main and secondary, summer 2014 */
 	border-bottom:1px solid #ddd;
  margin-right:1.5em;
}

.view-header h2 {
	/*margin-bottom:.25em;*/
}

h3 {
	font-size:1.25em;
	/*margin-top:.75em;*/
	line-height:1.3em;
	}

/*.views-row h3, .views-row h2 {
	margin-top:0em;
	}*/

.views-row-last {
	margin-bottom:1.5em;
}

h4 {
	font-size:1.2em;
	font-family:"Legacy Serif ITC W01 Bk", arial, serif;
    font-style:italic;
    /*margin-top:.35em;*/
    line-height:1.3em;
	}

h5 {
	font-size:1.1em;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
    /*margin-top:.25em;*/
    line-height:1.3em;
	}

h6 {
	font-size:1.1em;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
    font-style:italic;
    line-height:1.3em;
	/*margin-top:.25em;*/
	}

h2:first-child {margin-top:0;}

.not-front h2:first-child {margin-top:0;}

#support_responsive { display:none; }

#support {
    float:right;
    border-top:1.5em solid #bbb;
    border-bottom:1.5em solid #bbb;
    position:relative;
    }

#support_middle {
	display:block;
	text-align:center;
	font-variant:small-caps;
	margin:.25em 0 .25em 0;
	background-color:#ddd;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	}

#support_middle em {
	font-size:1.5em;
	font-style:normal;
	font-weight:normal;
	border-top:1px solid #bbb;
	text-transform:uppercase;
	letter-spacing:-.1em;
	}

#support_middle ul li a {
    display:block;
    width:7em;
	height:3em;
	padding:.5em 0 .5em 0;
	background-color:#ddd;
	color:#000;
	transition-property: background-color, color;
  	transition-duration: .3s;
  	transition-timing-function: ease-out;
  	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .3s;
 	-o-transition-property: background-color, color;
  	-o-transition-duration: .3s;
  	}

#support_middle ul li a:hover {
    display:block;
	background-color:#eee;
	color:#000;
	transition-property: background-color, color;
  	transition-duration: .3s;
 	transition-timing-function: ease-out;
  	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .3s;
  	-o-transition-property: background-color, color;
  	-o-transition-duration: .3s;
    }

#fc_toolbar_wrapper {
	border-bottom:1px solid #333;
	position:absolute;
	width:100%;
  	top:0;
	background-color:white;
  	z-index:500;
  	}

.js #upper_header {
	display:none;
	}

#upper_header {
  	margin-bottom:.5em;
	padding:2%;
  	border-bottom:2px solid #eee;
  	}

#upper_header .block {
  	width:22.5%;
  	float:left;
  	margin-left:2%;
  	}

#upper_header .block:first-child {
  	margin-left:0;
  	}

#upper_header h2 {
	color:#222;
	border-bottom:1px solid #333;
	margin-bottom:.25em;
	font-family:"Legacy Serif ITC W01 Bk",Georgia, "Times New Roman", serif;
	font-size:1.2em;
	}

#upper_header h3 {
	margin-top:0em;
	border-bottom:1px solid #ccc;
}
/*
#upper_header a, #upper_header a:link, #upper_header a:visited {
	color:#cc0000;
	font-weight:bold;
	}*/

	#fc_toolbar {
     float: right;
     text-align: right;
     width: 50%;
}

#toolbar_proper .quicklinks_button {
     background-image: url("../img/UGAQuicklinks-02.png");
     background-repeat: no-repeat;
     display: block;
     float: left;
     height: 2em;
     width: 50%;
  	float:left;
}
/*
#fc_toolbar {
  	width:33%;
  	float:right;
  	text-align:right;
  	}

#toolbar_proper .quicklinks_button {
	display:block;
	float:left;
	height:2em;
	width:200px;
	background-image:url('../img/UGAQuicklinks-02.png');
	background-repeat:no-repeat;
	}*/

#search-block-form input {
    font-family:"Legacy Sans ITC W01 Bk",Georgia, "Times New Roman", serif;
    }

#search-block-form {
    height:1.65em;
    padding-top:.35em;
  	}

#search-block-form input.form-text {
  	background-color:#f6f6f6;
  	border:1px solid #333;
	}

#search-block-form input.form-submit {
    font-weight:bold;
    border:1px solid #333;
    background-color:#ccc;
    padding:0 .5em;
	}

#navigation {
	background-color:#000;  /* primary color */
	max-width:100%;
	margin:0 auto;
	text-align:center;
	color:#eee; /* secondary color */
	z-index:2;
	padding:1em 0;
	height:1.5em;
	}

	a#menu_button, a.top_button, a#discover_menu_button {
 	display:none;
}

nav#general ul li.active-trail {
	background-repeat:no-repeat;
	}

nav#general ul li a {
	color:#eee; /* secondary color */
	text-transform:uppercase;
	font-size:1em;
	transition-property: color;
  	transition-duration: .4s;
  	transition-timing-function: ease-out;
  	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .4s;
 	-o-transition-property: background-color, color;
  	-o-transition-duration: .4s;
	}

nav#general ul li a:hover, nav#general ul li.active-trail a {
	color:#ddd; /* 15% */
	transition-property: color;
  	transition-duration: .4s;
  	transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .4s;
 	-o-transition-property: background-color, color;
  	-o-transition-duration: .4s;
  	}

nav#general ul {
	}

nav#general ul li {
	display:inline-block;
	padding:0 .75em 0 .5em;
	height:4em;
	}

body.feature nav#general ul li.active-trail {
	/*background-image:url('../img/active_pointer_franklin_green.png');*/
	background-repeat:no-repeat;
	background-position:center bottom;
	}

#lower-page-wrapper {
	position:relative;
	padding-top:3.5em;
	}

#navigation {
	position:absolute;
	width:100%;top:0;
	}

#feature-wrapper {
	background-color:#555;
	}


/* flex slider */

.flexslider_views_slideshow_main {
  	/*height:160px;
  	overflow:hidden;*/
	}


.flexslider {
	margin: 0 0 0px;
	background: none;
	border: 0px;
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	zoom: 1;
	}

.flex-nav-container {
	margin-bottom:0;
	}

.flexslider ul li .flex-caption {
	position:absolute;
	bottom:0;
	}

.flexslider ul.slides li:only-child {
  display: block !important;
	}

.flexslider ul.slides li.only-slide-ie8 {
  display: block !important;
	}

ol.flex-control-nav {
    display:none;
    }



.flexslider .views-field-title {
	display:block;
	position:absolute;
	left: 10px;
    right: auto;
    bottom: 10px;
	/*top:40px;
	right:10px;*/
	background-color:rgb(255,255,255);
	background-color:rgba(230,230,230,.8);
	width:35%;
	padding:1%;
	}

.flexslider .views-field-title  h3 {
	font-family: "Legacy Serif ITC W01 Bk",Georgia,"Times New Roman",serif;
	font-variant:normal;
	font-style:italic;
	font-weight:bold;
	color:#333;
	margin-top:0em;
	}

.flexslider ul.slides li img {
	max-width:100%;
	display:block;
	}

/* end flex slider */


#sidebar-second .text-flourish {
	display:none;
	}

.front #main-content-wrapper {
     float: left;
     width: 59%;
     border:0px;
	 }

.front #sidebar-second {
     float: right;
     width: 39%;
	 }

.front #sidebar-second .text-flourish {
	font-size:18em;
	color:#ddd;
	float:left;
    position:relative;
    top:-.35em;
	}

.front #block-menu-menu-audience-menu ul.menu li {
    width:66%;
    float:right;
    }

#main-title {
	background-color:#ccc;
	}

#main-title .container {
	position:relative;
	}

#main-title h1, #main-title .main-title-text  {
	font-size:1.3125em;
	text-transform:uppercase;
	color:#000;
	font-style:normal;
	font-weight:bold;
	}

#main {
	/*background-image:url('../img/texture2.png');*/
	border-width:7px 0 7px 0;
	border-style:double;
	border-color:#ccc;
	}

#main-content-wrapper {
	width:74%;
	float:left;
	/*border-width:0 7px 0 0;
	border-style:double;
	border-color:#E1E1DA;
	*/border-color:#ccc;
	}

#sidebar-second {
	width:24%;
	float:right;
	}

#main-content-wrapper {
	width:74%;
	float:left;
	}

#sidebar-second ul.menu {
    }


/* front blocks in sidebar second special styling - added Summer 2014 */

.front #sidebar-second .block-block .views-row {
     margin: 0em;
}

.front #sidebar-second .block-block .view-content {
     margin-bottom: 0em;
}

.front #sidebar-second .block-block {
     background-color: #DDDDDD;
     float: right;
     margin-bottom: 0.5em;
     margin-left: 1em;
     max-width: 50%;
     padding: 1em;
}

.front #sidebar-second .block-block .views-field-field-photo img {
     margin-right: 0em;
}

.front #sidebar-second .block-block  .views-field-field-photo {
     float: right;
}



#block-menu-menu-audience-menu ul li {
	list-style-image: none;
	list-style-type:none;
	text-align:center;
	}

.front #block-menu-menu-audience-menu h2 {
    display:none;
    }

#block-menu-menu-audience-menu ul.menu li a {
    display:block;
	background-color:#ccc; /* primary color at 33% of tone */
	text-transform:uppercase;
	font-size:1em;
	margin:.75em 0 .75em 0;
	padding:.75em .25em .75em .25em;
	width:100%;
	border-bottom:0px;
	}

#block-menu-menu-audience-menu ul.menu li a:hover {
	display:block;
	background-color:#eee; /* secondary color */
	}

#block-menu-menu-audience-menu ul.menu li.active-trail a {
	background-color:#ccc;
  	}

#block-menu-menu-audience-menu ul.menu li a:active {
	display:block;
	background-color:#ddd; /* 15%  */
	}

#block-menu-menu-audience-menu ul.menu li a, #block-menu-menu-audience-menu ul.menu li a:hover, #block-menu-menu-audience-menu ul.menu li a:active {
	transition-property: background-color, color;
  	transition-duration: .3s;
 	transition-timing-function: ease-out;
  	-webkit-transition-property: background-color, color;
  	-webkit-transition-duration: .3s;
  	-o-transition-property: background-color, color;
  	-o-transition-duration: .3s;
	}

.not-front #block-menu-menu-audience-menu {
    background-color:#ddd; /* 15%  */
    padding:0 0 .25em 0;
	}

.not-front #block-menu-menu-audience-menu ul.menu li {
    margin:5%;
    font-size:.875em;
    text-align:left;
    padding:0;
	}

.not-front #block-menu-menu-audience-menu ul.menu li a {
    margin:.25em 0;
    font-weight:bold;
    padding:.75em 5% .75em 5%;
    width:90%;
    }

#block-menu-menu-audience-menu h2 {
	padding:5%;
    font-size:1.125em;
    background-color:#000;
    color:#ddd; /* 15%  */
	}

.front #sidebar-second #block-menu-menu-audience-menu {
  background-image: url('../img/bracket.png');
  background-position: 1em .95em;
  background-repeat:no-repeat;
}

#sidebar-first .block-menu-block h2 {
    margin-bottom:.5em;
    font-style:italic;
	}

#sidebar-first .block {
	margin-bottom:1em;
	}

#sidebar-first {
	width:24%;
	float:left;
	}

.block-menu-block ul li,
.not-front #sidebar-first .block-menu-block ul li,
.not-front #sidebar-second .block-menu-block ul li {
    list-style-image:none;
    list-style-type:none;
    margin-left:0;
    line-height:1.2;
    padding-bottom:.5em;
    }

/*#block-menu-block-1 ul.menu li a,*/
.not-front #sidebar-first .block-menu-block ul.menu li a,
.not-front #sidebar-second .block-menu-block ul.menu li a {
	width:100%;
	border-bottom:0px;
	}

/*#block-menu-block-1 ul.menu li a.active-trail {
	color:#111; /* active links are now #111 instead of #000, because black is the placeholder for a department's primary color */
	}*/

li a.active-trail {
	color:#111;
	}

body.node-type-page #content .block-block img {
    margin:0 1em 0 0em;
    }

body.node-type-page #content .block-block {
    clear:both;
    }

#content {
	width:74%;
	float:right;
	}

.one-sidebar.sidebar-second #content {
    width:100%;
    }

#secondary {
	background-color:#ccc; /* primary color at 15% tone */
	max-width:100%;
	}

#secondary .container {
	max-width:45em;
	}

.secondary-both #secondary .container {
    max-width:60em;
    }

.secondary-both #secondary-left {
    width:48%;
    float:left;
    }

.secondary-both #secondary-right {
    width:48%;
    float:right;
    }

    #secondary-left h3, #secondary-right h3 {
 width:100%;
clear:both;
}

/*#secondary-left img, #secondary-right img {
 float:right;
   margin:1.25em 0 .75em .75em;
}*/



.view p {
	margin-bottom:0em;
	}

.views-row {
    padding:.5em 0 .5em 0;
    clear:both;
    }

/* .node {
    padding:.5em 0 .5em 0;
    } */

.view-directory .view-content {
    margin-bottom:2.5em;
    }

.view-content {
    /*margin-right:1em;*/
    }

.view-id-slideshow .view-content {
	margin-right:0em;
	}

#department_footer {
	background-color:#eee; /* secondary color */
	max-width:100%;
	height:10em;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	}

	#address {
	float:left;
width:40%;
	margin-right:1%;
	}

#directions {
	float:left;
  max-width:49%;
	margin-left:1%;

	}


#social-media {
 float:right;
  max-width:24%;
}

#address .unit-name {
	font-weight:bold;
	}
#address ul li, #directions ul li {margin:0;padding:0}

#social-media li {
     background-color: #000000;
     display: inline-block;
     	/* border-radius: 1.5em; Going to go with squares for now; more theme-like */
     height: 2.5em;
     width: 2.5em;
  margin:0 1% 3% 0%;
}

/* Social Media Icons */



#social-media li a {
	display:block;
	text-indent:-9999px;
height: 2.5em;
	width: 2.5em;
	/* border-radius: 1.5em;*/
	margin:0;
	padding:0;


}

#social-media li a:hover {
	background-color:rgba(238,238,238,.5);
  box-shadow:0px 0px 3px;
}

#social-media #facebook  {
  background:url("../img/social_media_icons/facebook_logo4.png")no-repeat center center;
  background-size:2.5em;
  height:2.5em;
  width:2.5em;

}

#social-media #youtube  {
	background:url("../img/social_media_icons/Youtube.png")no-repeat center center;
	  background-size:2.5em;
  height:2.5em;
  width:2.5em;

}

#social-media #twitter {
	background:url("../img/social_media_icons/twitterIcon3.png")no-repeat center center;
	  background-size:2.5em;
  height:2.5em;
  width:2.5em;

}

#social-media #linkedin {
	background:url("../img/social_media_icons/linkedIn.png")no-repeat center center;
	  background-size:2.5em;
  height:2.5em;
  width:2.5em;

}

#uga-franklin {
	background-color:#000; /* primary color */
	max-width:100%;
	height:10em;
	}

#uga-franklin a {
	color:#fff;
	}

#franklin {
	background-image:url('../img/franklin_logo.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100%;
    height:8em;
    width:21em;
    text-indent:-9999px;
    float:left;
    }

#uga {
	float:left;
	background-image:url('../img/uga_logo.png');
	background-size:100%;
    background-position:center center;
	background-repeat:no-repeat;
	height:8em;
	width:7em;
	text-indent:-9999px;
	margin-bottom:.5em;
	}

#copyright {
    background-color:#fff;
    width:100%;
    clear:both;
    float:left;
	}

#copyright .container {
    padding:0em 1em 0 1em;
    margin-top:-.5em;
    }

#uga-franklin .container {
    padding-top:.5em;
    }

#copyright_text {
	font-size:.7em;
	color:#333;
    }


/* personnel */

/*.views-row .views-field-field-last-name {
font-size: 1.2em;
} took out and went back to directory names as h3s */


.view-id-directory {
	margin-bottom:1em;
	}

.view-id-directory .views-row {
	clear:both;
	margin:0em 0 1em 0em;
	}

.view-id-directory .attachment .view {
	clear:both;
	}

.personnel_group_text {
	max-width:66%;
	float:left;
	}

.view-id-directory a img {
	float:left;
	margin-right:1em;
	/*margin-bottom:2em;*/
	margin-top:1.25em;
	}

/*.view-id-directory .views-field-field-photo img {
	float:left;
	border:3px solid #ccc;
	margin-right:1em;
	max-width:33%;
	height:auto;
	} */

/* end personnel */

/* research styles summer 2015 */

.page-research a img {
	float:right;
	margin-left:.5em;
}

.view-id-research a img {
	border-bottom:0px;
}

.block-views .view-id-research img {
	float:none;
}

/* .block-views .view-id-research img {
     height: auto ! important;
     width: auto ! important;
}*/

.block-views .view-id-research h2 {
     clear: both;
}

.block-views .view-id-research .views-row {
     clear: none ! important;
}

.block-views .view-id-research .views-row {
     float: left;
     height: 8.5em;
     margin: 0em 1em 1.5em 0px;
     text-align: center;
     width: 28%;
}

@media screen and (max-width: 800px) {
.block-views .view-id-research .views-row { width: 44%; margin: 0em 1em 0.75em 0px; }
}

@media screen and (max-width: 400px) {
.block-views .view-id-research .views-row { width: 100%; height: 7em; margin: 0em 1em 0.75em 0px; }
}

/* end research styles */

	.attachment {
 margin-top:1.5em;
}

/* menu margins */

#sidebar-first .menu-name-main-menu ul li ul li.first,
#upper_header ul li ul li.first {
 	margin-top:.5em;
	}

#sidebar-first .menu-name-main-menu ul,
#upper_header ul {
	}

#sidebar-first .menu-name-main-menu ul li ul,
#upper_header ul li ul {
	font-style:italic;
  	letter-spacing:.02em;
	}

#sidebar-first .menu-name-main-menu ul li ul,
#upper_header ul li ul {
  	margin-left:.25em;
  	}


#sidebar-first .menu-name-main-menu ul li ul li ul,
#upper_header ul li ul li ul {
  	font-style:normal;
  	letter-spacing:0em;
	}

#sidebar-first .menu-name-main-menu ul li ul li ul li,
#upper_header ul li ul li ul li {
	font-size:.8em;
	text-transform:uppercase;
	}


#sidebar-first .menu-name-main-menu ul li ul li ul li ul li,
#upper_header ul li ul li ul li ul li {
    font-size:1.1em;
    text-transform:none;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	}



/* end sidebar first menu */


/*personnel profile*/


body.node-type-personnel article #headshot {
    float:left;
    width:40%;
    }

body.node-type-personnel article #headshot img {
	border:3px solid #ccc;
	}

body.node-type-personnel article #contact {
    width:55%;
    float:right;
	}

body.node-type-personnel article .field-name-field-title {
    font-size:1.25em;
    font-style:italic;
    }

body.node-type-personnel article .field-name-field-office:after {
    content:"\002022";
	}

body.node-type-personnel article #contact_info {
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
	margin-top:1em;
	}

body.node-type-personnel article .field-name-field-home-department {
	padding-top:1em;
	}

/* end personnel profile*/


/* article */

body.node-type-article article img, article.node-teaser img {
    max-width:50%;
    height:auto;
    margin-bottom:.5em;
    margin-left:1em;
    }

body.node-type-article .field-name-field-image img {
    float:right;
    margin:0 0 .5em .5em;
    }

body.node-type-article article .field-type-taxonomy-term-reference {
    float:left;
    margin-right:1em;
    clear:right;
    }

.view-id-news_and_events .views-field-field-image, .view-id-news_and_events .views-field-field-speaker-photo {
    float:right;
    margin:0em 0 1em 1em;

}

.view-id-news_and_events .views-row {
    clear:both;
    padding-bottom:.5em;
    /* border-bottom:1px dotted #ccc;*/
    /*margin-top:-1.25em;*/
    }

.view-news-and-events a img {
 	float:right;
   margin:1.25em 0 0em .5em;
   }

    .node-type-event .field-name-field-speaker-photo img {
  float:right;
  margin-bottom:1em;
}


/* end article */


/* news & events on front */

.front #main .view-id-news_events_front .views-field-title {
    font-style:italic;
    font-size:1.25em;
    }

.front #main .view-id-news_events_front p {
    margin-left:1.5em;
    margin-right:1em;
    }

.front #main .view-id-news_events_front img {
    float:right;
    margin-left:.5em;
    }

/* end news & events on front */


/* events -- added summer 2013 */

body.node-type-event .field-name-field-image-or-flier img {
    float:right;
    max-width:40%;
    height:auto;
    margin:0 0 .5em .5em;
    }

.field-name-field-non-departmental-speakers {
    float:left;
}

.field-name-field-speaker-name, .field-personnel {
    font-size:1.25em;
    font-weight:bold;
}

.field-name-field-speakers-university {
    font-size:1.1em;
    font-style:italic;
}

.field-name-field-date-and-time- {
    font-size:1.2em;
    font-weight:bold;
}
/*
.field-name-field-location {
    font-size:1.2em;
    margin-bottom:1em;
}*/

/* end events */


/* field properties */

.node-course-descriptions .field-name-field-course-name .field-items {
    font-family:"Legacy Serif ITC W01 Bk",Georgia, "Times New Roman", serif;
    font-size:1.25em;
    font-style:italic;
    border-bottom:1px #ccc solid;
    padding-bottom:.25em;
    margin-bottom:.5em;
	}


/* end field properties */


/* general image and media properties */

body.node-type-page #content img, body.node-type-page #content div.figure {
   max-width:100%;
    height:auto;
    /* margin:0 0 .5em .5em; */
    }

    body.node-type-page .field-name-field-image img, body.node-type-page .field-name-field-pageimage img {
    float:right;
    margin:0 0 .5em .5em;
    }

#main img, #secondary img {
    border:2px solid #ccc;
    }

/*#main a img, #secondary a img {
    border:2px solid #000;
    }*/

#main div.figure, #secondary div.figure {
	background-color:#bbb; /* 33% */
	padding:4px;
	}

#main div.figure .figcaption, #secondary div.figure .figcaption {
	color:white;font-size:.875em;font-style:italic;line-height:1.2;
	}

#main div.figure img, #secondary div.figure img  {
	max-width:100%; /* expands image to fit figcaption box; see also media query */
	border:0px;
    }

/* added 01/09/2013 and 01/14/2013 */

img.left, div.figure.left  {
    float:left;
    margin-right:.75em;
    margin-bottom:.75em;
    }

img.right, div.figure.right  {
    float: right;
    margin-left:.75em;
    margin-bottom:.75em;
    }

/* end added img.div properties */

.media_embed {
    position:relative;
    padding-top:30px;
    padding-bottom:70%;
    overflow:hidden;
    height:0;
    }

.media_embed iframe, .media-embed object, .media-embed embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }

#secondary .media_embed {
	display:none;
	}
	/*
.front #main .media_embed {
	display:none;
	} comment out not sure why it is on by default /*

/* end general image and media properties */


#content .menu-name-menu-audience-menu ul li, #content .menu-name-main-menu ul li {
    width:44%;
    float:left;
    margin-right:3%;
    height:7em;
	}

/* maintenance page properties added July 2013 */

.maintenance-page #header {
    height:8em;

}

.maintenance-page #header #logo-title {
    margin-left:1em;
}

.maintenance-page #site-name {
    position:absolute;
    right:-9999px;
}

.maintenance-page #main {
    height:10em;
}

.maintenance-page #main #content {
    float:left;
    margin:1em 0 0 1em;

}

.maintenance-page #page-title {

	}

.maintenance-page #header {
    margin-top:0em;
	}


 /* end maintenance page */


.fc-menu-title, .fc-menu-desc {
	display:block;
	line-height:1.1em;
	}

/* .fc-menu-desc {
	padding-top:.1em;
	color:#666;
	line-height:1.25em;
	font-size:.9em;
	margin-left:1em;
	} */

.fc-menu-desc {
font-style: italic;
padding-top: .25em;
font-size:1em;
}

#content .menu-name-menu-audience-menu ul li .fc-menu-desc, #content .menu-name-main-menu ul li .fc-menu-desc {
	padding-left:5%;
	line-height:1.4;
	}

/*
#block-menu-menu-audience-menu ul.menu ul.menu ul.menu {
	display:none;
	}*/

#block-menu-menu-audience-menu ul.menu ul.menu ul.menu {
  font-size:.8em;
  font-style:italic;
  letter-spacing:.01em;
}


#block-menu-menu-audience-menu ul.menu ul.menu ul.menu ul.menu a {
  	font-size:.9em;
  font-style:normal;
}

#block-menu-menu-audience-menu ul.menu ul.menu li a {
	background:none;
	padding:0;
	text-transform:none;
	}

#block-menu-menu-audience-menu ul.menu ul.menu li {
	font-size:1.25em;
	line-height:1;
	}

#sidebar-second .block {
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #ccc;
	}

#sidebar-second .block:first-child {
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	border-top:0px;
	}

.feed-icon {
	display:none;
	}

article.node-article .field-name-field-publication-date {
	font-size:1.167em;
	font-weight:bold;
	font-style:italic;
	color:#555;
	}

article.node-personnel .field {
	margin-bottom:1em;
	}

article.node-personnel #contact_info .field {
	margin-bottom:0em;
	}

/*webform styles*/

.webform-client-form input, .webform-client-form textarea, .webform-client-form select {
	background-color:#eee;
	color:#222;
	font-size:1em;
	font-family:"Legacy Sans ITC W01 Bk", arial, sans;
	padding:.5em;
	border:1px solid #aaa;
	}

.webform-client-form select option {
	padding-right:1em;
	}

.webform-client-form label.option {
	font-weight:bold;
	}

.webform-client-form input.form-submit:hover {
	background-color:#333;
	color:#f5f5f5;
	}


.not-front #block-menu-menu-audience-menu {
    background-color:#dadada;
    padding:0 0 .25em 0;
	}




/*special clearfix for menus*/
/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.front #block-menu-menu-audience-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .front #block-menu-menu-audience-menu {
  height: 1%;
}
/* IE7 */
*:first-child + html .front #block-menu-menu-audience-menu {
  min-height: 1%;
}

/* media queries -------------------------------------------- */



@media screen and (max-width:960px) {

  .node-default-welcome-page em {
     font-family: "Legacy Serif ITC W01 Bk",Georgia,"Times New Roman",serif;
     font-size: 1.75em;

}

.node-default-welcome-page strong {
     font-size: 1.75em;

}

.container, .container_small {
	margin-left:1em;
	margin-right:1em;
	}

#feature-wrapper .container {
	margin:0;
	}

#header #logo {
    width:75%;
    }

#lower-page-wrapper {
    padding-top:0em;
    }

.text-flourish {
	display:none;
	}

#navigation {
    position:static;
}

nav#general ul li {
    padding-bottom:.5em;
    height:auto; }

nav#general ul {
    width:80%;
    }

nav#general ul li.active-trail {
    background-image:none;
    }

#navigation {
    height:auto;
    }


#main {
    z-index:100;
}

.flexslider .views-field-title {
    display:none;
}

}



@media screen and (max-width:900px) {

#content .menu-name-menu-audience-menu ul li, #content .menu-name-main-menu ul li {
    width:100%;
    height:auto;
	}

#content .menu-name-menu-audience-menu ul, #content .menu-name-main-menu ul li {
    margin-bottom:1em;
	}

.front #block-menu-menu-audience-menu ul.menu li {width:100%;float:none;}
.front #sidebar-second #block-menu-menu-audience-menu {background-image:none;}
	}



@media screen and (max-width:720px) {
  #header #logo img {
   max-width:100%; /* I had this in department's css, but going to move it here */
  }
#block-menu-block-1 ul li {
    padding:.5em 0 .5em 0;
    }

	}



@media screen and (max-width:640px) {


.node-default-welcome-page em {
     font-family: "Legacy Serif ITC W01 Bk",Georgia,"Times New Roman",serif;
     font-size: 1.3em;
     line-height: 1em;
}

.node-default-welcome-page strong {
     font-size: 1.3em;
     line-height: 1em;
}

.node-default-welcome-page h2 {
    display:none;
    }


ul.menu li {
    margin-left:0em;
}

h2 {
    font-size:1.2em;
    }

h3 {
    font-size:1.1em;
    }

#main, #secondary, #navigation {
	font-size:1.2em;
	}

#header #logo {
	width: 100%;
	}

  #support {
    float:right;
    border-top:1em solid #bbb;
    border-bottom:2em solid #bbb;
    position:relative;
    font-size:.8em;
    }

#support_middle {
	display:block;
	text-align:center;
	font-variant:small-caps;
	margin:.25em 0 .25em 0;

	}

#support_middle em {
	font-size:1.25em;
	letter-spacing:0em;
  border-top:0px;
	}

#support_middle ul li a {
    display:block;
    width:6em;
	height:3.25em;
	padding:.25em 0 .25em 0;
  	}


#upper_header #block-views-uga-toolbar-feed-block, #upper_header #block-views-uga-toolbar-feed-block-1 /* academics and student life */{
     float: left;
     margin-right: 0%;
  	margin-bottom:3%;
     width: 48%;
}


#upper_header #block-views-uga-toolbar-feed-block-2, #upper_header #block-views-uga-toolbar-feed-block-3 /* about UGA and helpful links */ {
     float: right;
     margin-right: 0%;
     width: 48%;
    	clear:left;
}


/* The following code for the margin-bottom on #lower-page-wrapper is unit-specific.
If you try to produce the change in the unit's css folder, it won't work.
If you remove it from here and only have the margin-bottom in the unit's css folder,
it won't work on Mac Safari or PC Internet Explorer;
the #navigation will overlap the footers.
*/

#lower-page-wrapper {
    margin-bottom:28.6em; /* 5 buttons */
    padding-top:0em;
	}


#navigation {
    position:absolute;
    height:auto;
    padding:.5em 0 0 0;
    top:100%;
    }

a#menu_button {
  display: block;
  color: #eeeeee;
  padding: 0.75em;
  position: relative;
  float: left;
  margin-right: 1em;
  margin-left: 0.em;
  background-color: #000000;
  z-index: 500;
  text-align: left;
  border-right: 1px dotted #cccccc;
  }

a#discover_menu_button {
	display: block;
	color: #eeeeee;
	padding: 0.75em;
	background-color: #000000;
	text-align: left;
	float:left;
	border-right:1px dotted #ccc;
	padding-right:1.5em;
	}


#support {
	display:none;
	}

a#menu_button em, a#discover_menu_button em {
   font-style:normal;
  }

#support_responsive {
	display: block;
	color: #eeeeee;
	padding: 0.75em;
	background-color: #000000;
	text-align: right; }

#support_responsive a {
	display: block;
	color:#eee;
  	}

  #support_responsive em {
  font-style:normal;
  }

a.top_button {
	display: block;
	color: #000000;
	padding: 0.5em .75em;
	text-align: right;
	font-size:.9em;
	background-color:#eee;
	font-style:italic;
	}

nav#general ul {
    margin-bottom:.5em;
    width:100%;
    }

nav#general ul li {
    display:block;
    height:2em;
    margin:.75em 0 .75em 0;
    padding:.5em 0 0em 0;
    border:1px #ccc solid;
    width:100%;
    }

nav#general ul li.active-trail {
    background-image:none;
    }

#feature-wrapper .container {
    margin:0em;
    }

.front #main-content-wrapper, .front #sidebar-second, .front #block-menu-menu-audience-menu ul.menu li {
    width:100%;
	}

.front #main .view-id-news_events p {
    margin-left:0em;
    margin-right:0em;
    }

#main-content-wrapper, #content {
    width:100%;
    }


.front #main .view-id-news_events_front p {
	margin-left: 0em;
	}

#sidebar-first {
    width:100%;
    float:left;
    font-size:.9em;
    margin:0em;
    padding:0em;
    }

#sidebar-first .block-menu-block ul {
    width:100%;
    margin:0 0;
    }

#sidebar-first .block-menu-block ul li {
    color:purple;
    text-align:left;
   /* width:43%; */
    margin-right:0%;
    display:block;
    /* float:left; */
    }

.view-id-directory .views-row {
	clear:both;
	margin:.5em 0 .5em 0em;
	}

#block-menu-block-1 {
	width:100%;
	margin-bottom:1em;
    }

#block-menu-block-1 ul {
    width:100%;
    text-align:center;
    }

#block-menu-block-1 ul li {
    display:inline;
    width:100%;
    padding:0 1em 0 .5em;
    font-size:1.25em;
    }

#sidebar-second {
    width:100%;
    }

.front #block-menu-menu-audience-menu ul.menu
    {
    margin-top:1em;
    border-top:7px double #ddd;
    padding-top:1em;
    }

#block-menu-menu-audience-menu ul.menu li a {
    margin:.25em 0 .25em 0;
	}

.not-front #block-menu-menu-audience-menu ul.menu li {
	margin:3%;
	}

.not-front #block-menu-menu-audience-menu h2 {
	padding:3%;
	}

#block-menu-menu-audience-menu ul.menu ul.menu li a {

	padding:0.25em 0em;

	}

#secondary #secondary-left, #secondary #secondary-right {
    width:100%;
    }

#secondary #secondary-right {
   margin-top:1em;
  }

#uga-franklin {
    height:7em;
	}

footer #uga {
    height:5em;
    width:6em;
    background-size:75%;
    }

footer #franklin {
    height:5em;
    width:18em;
    background-size:100%;
    margin-bottom:1em;
	}

    }

@media screen and (max-width:600px) { /* summer 2015 */

.node-personnel .field-name-field-photo a img {
 max-width:100%
   height:auto;
}

body.node-type-personnel article #contact {
  margin-top:1em;
  clear:left;
  float:left;
  width:100%;
  }

}

@media screen and (max-width:480px) {


#main .node-page img {
	max-width:100%;
	}
/*
#header {
    border-bottom:4px #BCBFB0 solid;
    }
*/

#header #logo img {
	max-width:100%;
	}



#toolbar_proper .quicklinks_button {
   background-size:80%;
  }

#upper_header #block-views-uga-toolbar-feed-block, #upper_header #block-views-uga-toolbar-feed-block-1, #upper_header #block-views-uga-toolbar-feed-block-2, #upper_header #block-views-uga-toolbar-feed-block-3 { float: right; width: 100%;}

  #upper_header .views-row {
   padding:0em 0 .25em 0em;
  }

  #toolbar_proper .quicklinks_button {
    	background-position:0em .5em;
  }



a#menu_button em, a#discover_menu_button em, #support_responsive em {
   display:none;
  }

a#menu_button, a#discover_menu_button {
padding-right:2.5em;
}

  #support_responsive { 0.75em 2em .75em .75em;}

#content .menu-name-menu-audience-menu ul li, #content .menu-name-main-menu ul li {
    width:100%;
    }

#content .menu-name-menu-audience-menu ul li .fc-menu-desc, #content .menu-name-main-menu ul li .fc-menu-desc {
    display:none;
    }

#feature-wrapper {
    display:none;
    }

body.node-type-article article img {
    max-width:100%;
    }

.view-id-directory .views-field-field-photo img {
	margin-right:.5em;
	}

	  	#address {
	float:left;
width:49%;
	margin-right:e1%;
	}

#directions {
	float:left;
  width:49%;
	margin-left:1%;
}

  #social-media {
 float:left;
 width:100%;
 max-width:100%;
    margin-top:4%;
}
  #department_footer {
	height:13em;

	}

	/* end media queries -------------------------------------------- */