/* CSS Document */

/* 	This document (global.css) serves two main functions:

	First, it builds the basic structure of every page. It does so by dividing the page into five main sections: Header (everything above the orange, horizontal navigation bar); Department (the orange, horizontal navigation bar); Left Menu (the vertical navigation area); Main Content (everything to the right of the Left Menu); and Footer (everything below the Main Content -- the orange, horizontal line and down).
	
	Second, it styles the Header, Department, and Footer sections.
	
	Note: Because this document controls the structure and appearance of the template, YOU SHOULD NOT NEED TO EDIT IT. In order to style and format your pages, edit your secondary style sheet. If you have any questions, please contact: webteam@utk.edu */
	
	
#navbar-iframe {
	display: none;
	}


* {
	/* Turns off default padding and margins on ALL elements, including paragraphs (p) and headers (H1, H2, H3, etc.) */
	margin: 0;
	padding: 0;
	}
	
a, a:hover { 
	/* Turns off the automatically-generated line beneath every link.  To turn it back on, you will need to use the style "text-decoration: underline" or you can create a custom line using the "border-bottom" style */
	text-decoration: none;
	}
	
html{
}
	

body {
	/* Styles the template's background colors and default fonts. */
	/* NOTE: "font-size" is set to 62.5% in order to change the default font from 16 pixels to 10 pixels (10 is 62.5% of 16).  In all of the secondary style sheets, you'll notice that font-size is determined by ems. So, for example, the main content is often displayed at 1.1em, which translates to 11 pixels (the default size, 10, multiplied by 1.1).  We use ems for a variety of reasons, the most important of which is that it allows font sizes to be customized by the user in Internet Explorer, thereby improving overall web accessibility */
	text-align: center;
	background: #102b40 url(http://www.utk.edu/images/main-back.gif) repeat-x top; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	}
	
.skip {
	/* There is a "skip to main content" link in the template header that does not display in standard browsers. It is included for the benefit of seeing-impaired users who browse with text-reading devices */
	display: none;
	}

	
	
	
	
/* HEADER */
#header-outer {
	background: transparent url(../images/header-outer-back.jpg) repeat-x;
	}

#header-inner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/header.png) no-repeat top;
	}
#header-left {
	width: 240px;
	float: left;
	display: inline;
	padding: 0px;
	}
#header-left h2 {
	display: none;
	}	
.wordmark {
	display: block;
	}
#header-right {
	float: right;
	display: inline;
	color: #fbc48a;
	width: 685px;
	text-align: right;
	padding-right: 20px;
	}
#header-right-links {
	line-height: 1.9em;
	font-size: 1.2em;
	width: 240px;
	float: left;
	display: inline;
	padding-left: 20px;
	padding-top: 73px;
	text-align: left;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	}
#header-right-links h2 {
	display: none;
	}
#header-right-links ul {
	list-style: none;
	}
#header-right-links ul li {
	display: inline;
	}
#header-right-links a {
	color: #ffffff;
	}
#header-right-links a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
#header-right-search {
	display: inline;
	float: right;
	padding: 72px 10px 4px 0px;
	width: 230px;
	text-align: right;
	}
#header-right-search h2 {
	display: none;
	}
.searchbox {
	width: 111px;
	font-size: .9em;
	margin-top: 4px;
	padding: 1px 2px 1px 2px;
	}
.searchtext {
	width: 75px;
	font-size: .9em;
	}
.hide-search {
	display: none;
	}
.border-photo {
	/* Adds a shaded margin and border */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #cccccc;
	}	


/* ROTATING IMAGE */	

#rotating-image {
	background-color: #000000;
	color: #FFF;
	width: 960px;
	}
	
#rotating-image h1 {
	color: #102b40;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.4em;
	font-weight: lighter;
	padding: 1em;
	}	
	
/* DEPARTMENT -- This is the horizontal orange bar where college, department, and unit links live. */

#department-outer {
	/* Extends the orange bar across the full width of the browser */
	background:  #f77f00 center;
	}
#department-inner {
	/* Establishes the width of the Department area and styles it */
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background-color: #f77f00;
	}
#department-left {
	/* department-left is the dark orange link directly beneath the UT wordmark.  PLEASE NOTE that the background color is controlled by the link styles (department-left a, a:hover), so if you do not make the word in that department-left a hyperlink, the colors will not display properly.  When creating your navigation, make this the link to YOUR homepage. */
	width: 240px;
	float: left;
	display: inline;
	text-align: left;
	}
#department-left h2 {
	/* Styles the name of the department, college, or unit */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 2.27em;
	font-weight: lighter;
	}
#department-left a {
	/* Styles the name of the department, college, or unit */
	display: block;
	width: 208px;
	padding: 0px 15px;
	background: #c65900;
	border-right: 1px solid #b25000;
	border-left: 1px solid #b25000;
	color: #FFFFFF;
	}
#department-left a:hover {	
	/* Styles the name of the department, college, or unit */
	display: block;
	width: 208px;
	padding: 0px 15px;
	background: #FFCA95;
	border-right: 1px solid #6b6b6b;
	border-left: 1px solid #6b6b6b;
	color: #000000;
	}
#department-right {
	/* department-right is where you can create "breadcrumb navigation."  For example, if the page lists the Ceramics faculty, department-right might include: School of Art > Ceramics > Faculty. This gives users a better sense of how deeply they have dug themselves into a site.  You might also use department-right to feature important or frequently-used links */
	float: right;
	display: inline;
	background: #f77f00;
	padding-right: 10px;
	width: 690px;
	color: #ffffff;
	text-align: left;
	line-height: 2.27em;
	font-size: 1.1em;
	}
#department-right a {
	/* Styles the links */
	color: #ffffff;
	border-bottom: 1px solid #faac59;
	padding-bottom: 1px;
	}
#department-right a:hover {
	color: #ffffff;
	border-bottom: 1px solid #c65900;
	padding-bottom: 1px;
	}
	
	
	
/* HORIZONTAL MENU */

#sddm
{	background: #6d8693 url(../images/menu-horiz-back.gif) no-repeat center top;
	height: 30px;
	width: 960px;
	border-bottom: 1px solid #102b40;
	border-top: 1px solid #102b40;
}

#sddm li
{	list-style: none;
	float: left;
}

#sddm li a
{	display: block;
	line-height: 30px;
	padding-right: 25px;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.4em;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	color: #102b40;}

#sddm div
{	position: absolute;
	visibility: hidden;
	z-index: 31;
	margin: 0 0 0 20px;
	padding: 0;
	background: #fff;
	border: 1px solid #102b40}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 35px 10px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #b6c8e0;
		color: #102b40;
		font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif}

	#sddm div a:hover
	{	background: #ffffff;
		color: #102b40}	

/* CONTENT */

#content-outer {
	/* Establishes the width of the Content area and styles it */
	/*  background: #ffffff url(../images/bg.jpg) repeat center top; */
	background: #102b40 url(../images/pattern.jpg) repeat-x;
	}
#content-inner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/background.jpg) no-repeat;
	border: 1px #102b40 solid;
	min-height: 800px;
   _height: 1000px;

	}
	
#content-main {
	background: url(../images/textback.png) repeat;
	text-align: left;
	padding: 10px;
	height:325px;
	border-bottom: 2px #102b40 solid;
	}
	
#content-left {
	/*background: url(../images/showback.png) no-repeat;*/
	display: inline;
	float: left;
	width: 560px;
	text-align: left;
	padding: 10px;
	margin-top:1em;
	margin-bottom: 1em;
	margin-left: 3em;
	}
#content-left h2 {
	color: #333F4F;
	margin: 0em 0 2.5em 0;
	font-size: 1.3em;
	font-weight: lighter;
	}	
#content-left p {
	font-size: 1.2em;
	line-height: 1.667em;
	margin: 1.667em 0;
	}
	.left-padding {
		padding-left: 7px;
		}
#content-left a {
	color: #f77f00;
	}
#content-left a:hover {
	color: #f77f00;
	text-decoration: underline;
	}
	
.archive {
	padding-left: 7px;
	}


#content-leftsub {
	background: url(../images/textback.png) repeat;
	display: inline;
	float: left;
	width: 580px;
	text-align: left;
	padding: 10px;
	margin-top:1em;
	margin-bottom: 1em;
	margin-left: 1em;
	}
#content-leftsub h1 {
	color: #bf4d02;
	font-size: 2.25em;
	margin: 1em 0em 0.5em 0em;
	font-weight: lighter;
	}	
#content-leftsub h2 {
	color: #93adce;
	margin: 2em 0em -0.5em 0em;
	font-size: 1.5em;
	font-weight: lighter;
	}	
#content-leftsub p {
	font-size: 1.2em;
	line-height: 1.667em;
	margin: 1.667em 0;
	color: #FFF;
	}
	.left-padding {
		padding-left: 7px;
		}
#content-leftsub a {
	color: #f77f00;
	}
#content-leftsub a:hover {
	color: #bf4d02;
	text-decoration: underline;
	}
#content-leftsub ul {
	padding-left: 20px;
	}
#content-leftsub ul li{
	font-size: 1.2em;
	line-height: 1.332em;
	margin: .3em 0 .3em 5px;
	padding-left: 5px;
	color: #ffffff;
	}
#content-leftsub ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left:3em;
	margin-bottom:.5em;
	color: #ffffff;
	}
#content-leftsub blockquote {
	font-size: 1em;
	line-height: 1.1em;
	margin-left:3em;
	}
	
#content-calendar {
	background: url(../images/textback.png) repeat;
	display: inline;
	float: left;
	width: 920px;
	text-align: left;
	padding: 10px;
	margin-top:1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	}
#content-calendar h1 {
	color: #bf4d02;
	font-size: 2.25em;
	margin: 1em 0em 0.5em 0em;
	font-weight: lighter;
	}	
#content-calendar h2 {
	color: #93adce;
	margin: 2em 0em -0.5em 0em;
	font-size: 1.5em;
	font-weight: lighter;
	}	
#content-calendar p {
	font-size: 1.2em;
	line-height: 1.667em;
	margin: 1.667em 0;
	color: #FFF;
	}
	.left-padding {
		padding-left: 7px;
		}
#content-calendar a {
	color: #ffffff;
	padding-left:3px;
	}
#content-calendar a:hover {
	color: #bf4d02;
	text-decoration: underline;
	}
#content-calendar ul {
	padding-left: 20px;
	}
#content-calendar ul li{
	font-size: 1.2em;
	line-height: 1.332em;
	margin: .3em 0 .3em 5px;
	padding-left: 5px;
	color: #ffffff;	
	}
#content-calendar ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left:3em;
	margin-bottom:.5em;
	}	
	
#content-show {
	display: inline;
	float: left;
	width: 550px;
	text-align: left;
	padding: 10px;
	}
#content-show h1 {
	color: #bf4d02;
	font-size: 2.25em;
	margin: 0em 0em 0.5em 0em;
	font-weight: lighter;
	}	
#content-show h2 {
	color: #93adce;
	margin: 2em 0em -0.5em 0em;
	font-size: 1.5em;
	font-weight: lighter;
	}	
#content-show p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 1.3em 0;
	color: #FFF;
	}
	.left-padding {
		padding-left: 7px;
		}
#content-show a {
	color: #f77f00;
	}
#content-show a:hover {
	color: #bf4d02;
	text-decoration: underline;
	}
#content-show ul {
	padding-left: 20px;
	}
#content-show ul li{
	font-size: 1.2em;
	line-height: 1.332em;
	margin: .3em 0 .3em 5px;
	padding-left: 5px;
	color: #ffffff;	
	}
#content-show ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left:3em;
	margin-bottom:.5em;
	}	
	
	/* MAIN LEFT COLUMN */
	
#main-left {
	/* Establishes the width of main-left */
	text-align: left;
	float:left;
	width: 250px;
	}
	
	
	/* MAIN MIDDLE COLUMN */
	
#main-middle {
	/* Establishes the width of main-middle and creates the dotted border that separates it from the main-right column */
	text-align: left;
	float:right;
	width: 250px;
	margin-right: 50px;
	}
	
#content-right {
	background: url(../images/calendarback.png);
	display: inline;
	float: right;
	width: 310px;
	text-align: left;
	border: 2px #102b40 solid;
	padding: 10px;
	margin-top:1em;
	margin-bottom: 1em;
	margin-right: 1em;
	}
	
#content-right a {
	color: #ffffff;
	text-decoration: underline;
	padding-left:2px;
	}		
	
#content-right-show {
	background: url(../images/showright.jpg) repeat;
	display: inline;
	float: right;
	width: 310px;
	text-align: left;
	border: 2px #102b40 solid;
	padding: 10px;
	margin-top:1em;
	margin-bottom: 1em;
	margin-right: 1em;
	}
	
#content-right-show h2 {
	font-size:1.5em;
	background-color:#FFF;
	color:#330;
	margin:0 1em 0 1em;
	border:1px #330 solid;
}

#content-right-show h3 {
	font-size:1.3em;
	font-weight:bold;
	}
	
#content-right-show p {
	font-size:1.2em;
	text-align: center;
	}
	
#content-right-show blockquote {
	margin-left:1.5em;
	}	
	
#content-right-show a {
	color: #414121; 
	text-decoration: underline;
	}	
	
#callout {
	background: transparent url(../images/bg_callout.jpg) repeat 0 0;
	width: 572px;
	display: inline;
	float: left;
	margin-left:1em;
	margin-top: 3em;
}

#callout-top {
	background: transparent url(../images/bg_callout_top.jpg) no-repeat 0 0;
}

#callout-inside {
	background: transparent url(../images/bg_callout_bottom.jpg) no-repeat 0 100%;
}

#callout #buttons {
	background: transparent url(../images/buttons_end.jpg) no-repeat;
	margin-bottom: 20px;
	padding-bottom: 1px;
}

#callout h2 {
	padding-top:1em;
	font-size:1.8em;
	color:#FFF;
	border-bottom: 1px #ffffff solid;
	margin-left:1em;
	margin-right:250px;
	
}

#callout h3 {
	padding: 1em;
	font-size:1.4em;
	color: #102b40;
}

#callout p {
	padding: 1em;
	font-size:1.1em;
	color:#102b40;
}

#callout a {
	color: #102b40;
}

#callout p {
	margin-bottom: 10px;
}

#callout p.morereviews a {
	font-size: 1em;
}

#content-pricing {
	background: url(../images/priceback.png) repeat;
	display: inline;
	float: left;
	width: 550px;
	text-align: left;
	padding: 10px;
	margin-top:3em;
	margin-bottom: 1em;
	margin-left: 1em;
	border: 2px #93adce solid;
	padding:10px;
	}
#content-pricing h1 {
	color: #ffffff;
	font-size: 2.25em;
	line-height: 1.667em;
	margin: 0em 0em 1em 0em;
	font-weight: lighter;
	border-bottom: 1px #ffffff solid;
	}	
#content-pricing h2 {
	color: #ffffff;
	margin: 0em 0.5em 1em 0.5em;
	font-size: 1.25em;
	font-weight: bold;
	}	
#content-pricing p {
	font-size: 1em;
	line-height: 1.667em;
	margin: 0em 1em 1em 1em;
	color: #FFF;
	}
	.left-padding {
		padding-left: 7px;
		}
#content-pricing a {
	color: #FFCF9F;
	}
#content-pricing a:hover {
	color: #bf4d02;
	text-decoration: underline;
	}
#content-pricing ul {
	padding-left: 20px;
	}
#content-pricing ul li{
	font-size: 1.2em;
	line-height: 1.332em;
	margin: .3em 0 .3em 5px;
	padding-left: 5px;
	color: #ffffff;	
	}
#content-pricing ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left:3em;
	margin-bottom:.5em;
	}
#content-pricing blockquote {
	font-size: 1em;
	line-height: 1.1em;
	margin-left:3em;
	}
	
	
#body, #front-body {
	padding: 30px 30px 10px 30px;
	/*background: url(../images/body-back-top.gif) repeat-y center top;*/
	height: 100%;
	}
#side-body {
	/*padding: 15px 2px 10px 2px;*/
	/*background: url(../images/side-back-top.jpg) repeat-y center top;*/
	background: #e5a712;
	height: 100%;
	}	
#body h1, #front-body h1 {
	font-size: 5em;
	color: #e5a712;
	font-weight: lighter;
	font-family: "Times New Roman", Times, serif;
	}
#body h2, #front-body h2 {
	color: #b01116;
	margin: .5em 0 2em 0;
	font-size: 2em;
	font-weight: lighter;
	}
#body h3, #front-body h3 {
	color: #e5a712;
	margin: .5em 0 2em 0;
	font-size: 1.7em;
	}	
#body p, #front-body p {
	font-size: 1.4em;
	line-height: 1.332em;
	margin: 1.667em 0;
	color: #ffffff;
	}
#side-body p {
	font-size: 1.1em;
	line-height: 1.332em;
	color: #000000;
	padding: 15px 10px 10px 10px;
	font-family:"Times New Roman", Times, serif;
	}
#body a {
	color: #633715;
	text-decoration: underline;
	}
#body a:hover {
	text-decoration: none;
	}
#front-body a {
	color: #b01116;
	}
#front-body a:hover {
	color: #e5a712;
	text-decoration: underline;
	}
#body ul {
	list-style-image: url(../images/bullet-body.gif);
	padding-left: 20px;
	}
#body ul li, #front-body ul li {
	font-size: 1.4em;
	line-height: 1.332em;
	margin: .3em 0 .3em 5px;
	padding-left: 5px;
	color: #ffffff;	
	}
#front-body ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left:3em;
	margin-bottom:.5em;
	}
	
#front-left h2, #front-middle h2, #front-right h2 {
	font-size: 1.4em;
	color: #333F4F;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom:-1em;
	}
#front-left h3, #front-middle h3, #front-right h3 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 2em 0em 3em 6em;
	color: #707a87;
	}	
#front-left p, #front-middle p, #front-right p {
	font-size: 1.2em;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}	


.photo-right {
	float:right;
	background-color: #f8f8ee;
	padding: 2px;
	margin: 3px 0 10px 15px;
	border: 1px solid #cccccc;
	}
.photo-left {
	float:left;
	background-color: #f8f8ee;
	padding: 2px;
	margin: 0 15px 10px 0;
	border: 1px solid #cccccc;
	}
.photo-spotlight-square {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px 0px 0px;
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #cccccc;
	}
.byline {
	letter-spacing: .1em;
	font-size: 9px;
	line-height: 2em;
	margin: 1em 0 2em 0;
	text-transform: uppercase;
	}
.photo-icon-left {
	padding-right: 5px;
	float: left;
	}
.no-underline {
	text-decoration: none;
	}
	
.table-head {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: .8em;
	text-align: center;
	font-weight: bolder;
	background-color: #93adce;
	color: #000000;
	}
.table-left {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: .9em;
	padding: 0.75em 3px;
	text-align: left;
	background-color: #ffffff;
	border-right: 1px solid #93adce;
	border-left: 1px solid #93adce;
	border-bottom: 1px solid #93adce;
	color: #000000;
	}
.table-border {
	border-left: 1px #93adce solid;
	}
	

/* FOOTER */

#footer-orange-outer {
	/* Extends the orange line across the full width of the browser */
	background-color:  #f77f00;
	width: 100%;
	}
#footer-orange-inner {
	/* Establishes the width of the orange line and styles it */
	width: 960px;
	background-color:  #f77f00;
	margin: 0 auto;
	text-align: center;
	height: 3px;
	}
#footer-grey-outer {
	/* Extends the grey background across the full width of the browser */
	background: transparent url(../images/header-outer-back.jpg) repeat-x;
	text-align: center;
	}
#footer-grey-inner {
	/* Establishes the width of the grey footer and styles it */
	width: 930px;
	margin: 0 auto;
	color: #dddddd;
	line-height: 18px;
	font-size: 1.1em;
	text-align: left;
	padding: 15px 15px 45px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#footer-grey-inner h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  They improve site accessibility by titling lists of links -- for example, the list of Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#footer-grey-inner ul li {
	/* Turns off the bullets that are typically found in an unordered list and displays the list horizontally rather than vertically (the default) */
	list-style: none;
	display: inline;
	margin-right: 10px;
	}
#footer-grey-inner a {
	/* Styles the links in the footer */
	color: #dddddd;
	border-bottom: 1px solid #999999;
	padding-bottom: 2px;
	}
#footer-grey-inner a:hover {
	color: #ffffff;
	border-bottom: 1px solid #f77f00;
	padding-bottom: 2px;
	}
	
/* MISCELLANEOUS */
.soldout {
		color:#900;
	}
#sponsors {
	background:#ffffff;
	padding:8px;
}
#callout-top a:hover, #content-right .home-cal a:hover {
	color:#606;
}