/* 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 */
	
	
	


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

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: #ffffff;
	font-family: Verdana, 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;
	}
	
	



/* CONTENT */

#content-outer {
	/* Establishes the width of the Content area and styles it */
	background:  #ffffff center;
	}
#content-inner {
	background: #ffffff url(../images/head_back.jpg) repeat-x;
	border: 1px solid #000000;
	width: 760px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
	
	/* LEFT MENU */
	
#left-menu {
	/* Creates the Left Menu column */
	float: left;
	display: inline;
	}
#left-menu ul {
	list-style-type: none;
	}

	
	/* MAIN CONTENT AREA */
	
#main-content {
	/* main-content is everything to the right of the left menu. In all of the standard template designs, it is 720 pixels wide. */
	/* main-content can be used as a single, large content area or it can be sub-divided in two ways:
		 Two columns: main-twocol, main-right
		 Three columns: main-left, main-middle, main-right */
	float: right;
	display: inline;
	text-align: left;
	}
	
		/* COLUMN THAT MERGES MAIN LEFT AND MIDDLE COLUMNS */

#main-twocol {
	float: left;
	display: inline;
	}


		
		/* LEFT COLUMN */
	
#main-left {
	/* the goal is to have two columns of equal width contained within the left-content div that span its entirety */
	float: left;
	display: inline;
	}
	
		/* MIDDLE COLUMN 
	
#main-middle {
	float: left;
	display: inline;
	}
*/	
	
		/* RIGHT COLUMN */
		
#main-right {
	/*float: right;*/
	float: left;
	display: inline;
	}

/*RIGHT INFO COLUMN */
	/*This column will be used on subpages of the admissions site for posting announcments, news, information, events, etc.*/

#info-right {
	float:right;
	display:inline;
	}
	
	
	
/* FOOTER */

#footer-grey-outer {
	/* Extends the grey background across the full width of the browser */
	background:  transparent url(../images/content-outer-back.gif) repeat-y center top;
	width: 100%;
	}
#footer-grey-inner {
	/* Establishes the width of the grey footer and styles it */
	background: #131337;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 55px;
	width: 760px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 1em;
	text-align: left;
	padding-top:8px;
	}
	
#footer-grey-inner a {	
	color: #ffffff;
	}