/* CSS Document */
/* MAIN CONTENT AREA */

#main-content h1 {
	color: #bf4d02;
	font-size: 2.1em;
	line-height: 2em;
	font-weight: lighter;
	border-bottom: 1px dotted #aaaaaa;
	}
#main-content h2 {
	color: #555555;
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 1px;
	padding-top: 1.5em;
	}
#main-content p {
	color: #444444;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: .5em 0;
	}
#main-content a {
	color: #444444;
	text-decoration: underline;
	}
#main-content a:hover {
	color: #bf4d02;
	text-decoration:underline;
	}
#main-content ul {
	padding-left: 10px;
	margin-left: 10px;
	line-height: 2.25em;
	}
#main-content ul li {
	list-style-type: square;
	font-size: 1.1em;
	/* color: #bf4d02; */
	}
#main-content ul li ul {
	padding-left: 10px;
	margin-left: 10px;
	line-height: 2.25em;
	}
#main-content ul li ul li {
	list-style-type: square;
	font-size: 1em;
	color: #bf4d02;
	}
#main-content ol {
	/* Styles all ordered lists in the main content area */
	padding-left: 10px;
	margin-left: 10px;
	line-height: 2.25em;
	}
#main-content ol li {
	font-size: 1.1em;
	color: #bf4d02;
	}

#main-content h3 {
	/* Styles all Heading 3s in the main content area. Use H3 for the sub-subheads in your content. For example, use H3 to title a small ordered list that is found under a main subhead (H2) */
	font-size: 1.4em;
	line-height: 1.43em;
	margin: 2.43em 0 0.43em 0;
	color: #604f30;
	}


	
	/* LEFT COLUMN */
	
#main-content-leftcol {
	width: 230px;
	padding: 0px;
	}
#main-content-leftcol h2 {
	font-size: 1.1em;
	line-height: 2em;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 5px;
	}
#main-content-leftcol p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: .5em 0;
	}
	
	/* MIDDLE COLUMN */
	
#main-content-midcol {
	width: 230px;
	padding: 0px 0px 0px 20px;
	}
#main-content-midcol h2 {
	font-size: 1.1em;
	line-height: 2em;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 5px;
	}
#main-content-midcol p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: .5em 0;
	}

	/* RIGHT COLUMN */
	
#main-content-rightcol {
	width: 184px;
	text-align: left;
	padding: 20px 0em 0px 0px;
	}
#main-content-rightcol p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: .5em 0;
	}


	/* LEFT MENU */
	/* some elements of the left nav are controlled by the global sheet */
#content-left {
	background: url('http://www.tennessee.edu/images/07_content-left-back-sys.gif') repeat-y center left;
	}

#content-left-nav a {
	color: #d06000;
	font-size: 1.4em;
	line-height: 2.3em;
	display: block;
	width: 189px;
	padding: 0px 15px;
	border-top: #ffffff 1px solid;
	border-bottom: #d3d2ca 1px solid;
	text-decoration:none;
	}
#content-left-nav a:hover {
	background-color: #ffffff;
	display: block;
	border-bottom: #ffffff 1px solid;
	border-top: #c1c0bb 1px solid;
	}
	
#content-left-nav .left-nav-division { /* creates a blue bacground with no link to serve as a divider */
	background: #003366 url('http://www.tennessee.edu/images/nav-div-back.gif') repeat-x left top;
	color: #d06000;
	font-size: 1.4em;
	line-height: 2.3em;
	display: block;
	width: 189px;
	padding: 0px 15px;
	border-top: #ffffff 1px solid;
	border-bottom: #d3d2ca 1px solid;
	text-decoration:none;
	}
#content-left-nav #home a { /* styles the link back to the site homepage */
	background: #003366 url('http://www.tennessee.edu/images/nav-div-back.gif') repeat-x left top;
	color: #d06000;
	font-size: 1.4em;
	line-height: 2.3em;
	display: block;
	width: 189px;
	padding: 0px 15px;
	border-top: #ffffff 1px solid;
	border-bottom: #d3d2ca 1px solid;
	text-decoration:none;
	}

	/* MISC STYLING */
	
	/* Can be used to style a quick links section in right column 
		as on the main system page */	
#quick-links {
	width: 184px;
	background-color: #fff9e0;
	margin: 0px 0px 20px 0px;
	}
#quick-links a {
	color: #514f44;
	}
#quick-links h2 {
	font-size: 1.4em;
	color: #ffffff;
	background: #003366 url("http://www.tennessee.edu/images/quick-links.gif") no-repeat center top;
	padding: 2px 44px 2px 10px;
	border: 1px solid #cccccc;
	font-weight: lighter;
	letter-spacing: 0em;
	}
#quick-links p {
	margin: 0px 15px;
	}
#quick-links ul {
	padding: 10px 10px 20px 15px;
	margin-left: 15px;
	color: #f77f00;
	}
#quick-links li {
	color: #bf4d02;
	}
	

	/* Can be used to style a sidebar in right column with bluebackground for header*/	

#sidebar {
	width: 184px;
	background-color: #fff9e0;
	margin: 0px 0px 20px 0px;
	}
#sidebar a {
	color: #514f44;
	}
#sidebar h2 {
	font-size: 1.4em;
	color: #ffffff;
	background: #003366 url('http://www.tennessee.edu/images/nav-div-back.gif') repeat-x left top;
	padding: 2px 44px 2px 10px;
	border: 1px solid #cccccc;
	font-weight: lighter;
	letter-spacing: 0em;
	}
#sidebar p {
	margin: 0px 10px;
	}
#sidebar ul {
	padding: 10px 10px 20px 15px;
	margin-left: 15px;
	color: #f77f00;
	}
#sidebar li {
	color: #bf4d02;
	}
	
/* contact info sidebar */


#contactside {

	width: 184px;

	background-color: #fff9e0;

	border: 1px solid #cccccc;

	margin: 0px 0px 20px 0px;

	}

#contactside a {

	color: #514f44;

	}

#contactside h2 {

	font-size: 1.3em;

	color: #ffffff;

	background: #003366 url('http://www.tennessee.edu/images/nav-div-back.gif') repeat-x left top;

	padding: 2px 18px 2px 10px;

	border: 1px solid #cccccc;

	font-weight: lighter;

	letter-spacing: 0em;

	}

#contactside p {

	margin: 0px 10px;

	}

#contactside ul {

	padding: 10px 10px 20px 15px;

	margin-left: 15px;

	color: #f77f00;

	}

#contactside li {

	color: #bf4d02;

	}

/* photo sidebar */
#photosidebar {
	width: 184px;
	background-color: #fff9e0;
	margin: 0px 0px 20px 0px;
	}
#photosidebar a {
	color: #514f44;
	}
/*
#photosidebar h2 {
	font-size: 1.4em;
	color: .ffffff;
	background: .003366 url('http://www.tennessee.edu/images/nav-div-back.gif') repeat-x left top;
	padding: 2px 44px 2px 10px;
	border: 1px solid .cccccc;
	font-weight: lighter;
	letter-spacing: 0em;
	}
*/
#photosidebar p {
	margin: 0px 10px;
	font-size:90%;
	}

#photosidebar p img {
	margin-left: 0px;
	}

	/* Image styling - creates a border and floats either right or left with appropriate margin */
	
.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #555555;
	}
.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #555555;
	}