@charset "UTF-8";
html {
	background: #FFFFFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #40382a;
}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background: #FFFFFF url(../images/stripe.gif) top left repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

* {	margin: 0;	padding: 0; }

img { border:0; }
a img,:link img,:visited img { border:none; }
ul,ol { list-style:none }
address { font-style:normal }
table { border-collapse: collapse; border-spacing: 0pt; }


#container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height: 90px;
	background: #FFFFFF url(../images/TFC_Logo-2.jpg) 12px no-repeat; 
	padding: 0;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#betaTag{
	top: 70px;
	background: url(../images/tag.png) no-repeat;
	z-index: 100;
}
#search {
	text-align: right;
	margin-bottom: 15px;
	font-size: 14px;
}
input#search_box {
	width: 97px;
	border: 2px solid #40382a;
}
#header .directories {
	text-align: right;
	margin-top: -10px;
	padding: 0 118px 0 0;
	font-size: 12px;
}
#mainContent {
	min-height:600px;
  	height:auto !important;
  	height:600px;
	padding: 0 20px;
	background: #FFFFFF;
}
#mainContent_home {
	min-height:560px;
  	height:auto !important;
  	height:560px;
	padding: 20px 20px;
	background: #FFFFFF;
	width: 785px;
}

#advertisement {
	width:792px;
	margin:0 auto;
	padding:0 11px 0;
	background:#FFF url(../images/edge_banner.gif) 0 11px no-repeat;
	overflow:auto;
}
#adContainer h1 {
	background: #404040;
	color: #FFFFFF;
	margin: 0;
	padding: 8px 15px;
	font-size: 150%;
	border-bottom: 5px solid #818c58;
	position: relative;
	z-index: 2;
}
#ADdiv {
	position: relative;
	width: 792px;
}
#fillImage {
	padding-top: 20px;
}
#slider {
	display: none;
	margin: 0 auto;
	padding-top: 20px; 
}
#ADdiv .ADimage {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	float: left;
	width: 439px;
	height: 307px
}
#ADdiv .ADtext {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 310px;
	height: 307px;
	color: #FFFFFF;
}
#focusDiv {
	width:792px;
	min-height:600px;
  	height:auto !important;
	height: 100%;
	margin:0 auto;
	padding:0 11px 40px 11px;
	background:#FFF url(../images/edge_banner.gif) 0 11px no-repeat;
	overflow: auto;
}
#focusContainer h1 {
	background: #818c58;
	color: #FFFFFF;
	margin: 0;
	padding: 8px 15px;
	font-size: 150%;
	border-bottom: 5px solid #404040;
	position: relative;
	z-index: 2;
}
#focusContainer h1.grey {
	background: #404040;
	color: #FFFFFF;
	margin: 0;
	padding: 8px 15px;
	font-size: 150%;
	border-bottom: 5px solid #818c58;
	position: relative;
	z-index: 2;
}
#focusContent {
	position: relative;
	background: #FFFFFF;
	width: 792px;
	height: 100%;
}
#focusContent .image {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	float: left;
	width: 439px;
	height: 307px
}
#focusContent .text {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 310px;
	height: 307px;
	color: #40382a;
}
#focusContent .bigText {
	padding-top: 20px;
	text-align: center;
	font-style: italic;
	font-size: 115%;
}
#focusContent a {
	text-decoration: underline;
}
#apply{
	margin-top: 25px;
	text-indent: -10000px;
	display: block;
	width: 135px;
	height: 37px;
	background: url(../images/apply_button.png) no-repeat 0 0;
}

#apply:hover{
	background-position: 0 -37px;
}
#cse-search-results {
	margin: 0;
	padding: 0;
	width: 400px;
}
#news {
	position: relative;
	margin: 0;
}
#news .stories {
	margin: 0;
	padding: 0;
	float: left;
	width:255px;
	height: 500px;
	text-align:left;
	border-right: 1px dashed #40382a;
}
#news .stories p {
	text-align: left;
	padding: 10px 15px 0 5px;
}
#news .events {
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	width:250px;
	height: 500px;
	text-align:center;
	border-right: 1px dashed #40382a;
}
#news .twitter {
	margin: 0;
	padding: 0;
	float: left;
	width:255px;
	height: 500px;
	text-align:center;
}

/* Twitter Feed */
#twitter_div {
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	padding: 0 0 10px 20px;
}
#twitter_div a {
	font-weight: bold;
}

/* News Stories Feed */
#newsBlog {
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	padding: 0 0 10px 20px;
}
#newsBlog a {
	font-weight: bold;
}

/* Upcoming Events Feed */
#upcomingEvents {
	margin-top: 20px;
	padding-bottom: 5px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
}
#upcomingEvents a.events {
	font-size: 90%;
	font-weight: normal;
	text-align: center;
}

/* Tag 
--------------------------------------------------------------------------*/
#tag {
	display: block;
	margin: 0 20px 15px 20px;
	padding: 0;
	text-align: center;
	font-size: 60%;
}

/* Top Menu 
--------------------------------------------------------------------------*/
.menu{
	font-weight: bold;
	width: 100%;
	margin-bottom: 25px;
}
.menu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: right; /*set value to "left", "center", or "right"*/
	font-size: 11px;
}
.menu ul li{
	display: inline;
}
.menu ul li a{
	color: #15263d;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 10px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #15263d; /*bottom border is 3px*/
}
.menu ul li a:hover, .menu ul li a.selected{
	border-bottom-color: #818c58;
}
.audeinceMenu{
	font-weight: bold;
	width: 100%;
	position: relative;
	z-index: 3;
}
.audeinceMenu ul{
	padding: 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: -35px 20px 0 -10px;
	text-align: right; /*set value to "left", "center", or "right"*/
	font-size: 11px;
}
.audeinceMenu ul li{
	display: inline;
}
.audeinceMenu ul li a{
	color: #fff;
	padding: 10px 0;
	padding-left: 10px;
	margin: 0 2px;
	text-decoration: none;
	border-left: 1px dashed #FFFFFF;
}
.audeinceMenu ul li a:hover, .menu ul li a.selected{
	color: #CCC;
}
#adContainer .audeinceMenu ul li a:hover, #adContainer .menu ul li a.selected{
	color: #818c58;
}


/* Typography 
------------------------------------------------------------------*/
h2 {
	font-size: 130%;
	font-weight: bold;
	color: #40382a;
	text-align: center;
	text-decoration: none;
}
h2.request {
	font-size: 130%;
	font-weight: bold;
	color: #F5410F;
	text-align: left;
	text-decoration: none;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	color: #36445b;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	color: #818c58;
	text-align: center;
	text-decoration: none;
}
a {color: #36445b;}
a:hover { color: #36445b;}
#container p {
	font-size: 90%;
	line-height: 22px;
	padding-bottom: 20px;
}
#contactForm p {
	font-size: 80%;
	padding: 0;
}
#container h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 0;
}
#container h4 {
	padding-top: 15px;
}
p.directories a{
	text-decoration:none;
}
h2.home {
	clear: both;
	margin: 0 20px;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	color: #404040;
	text-align: left;
	text-decoration: none;
}
h2.thome {
	clear: both;
	margin: 0 20px;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	color: #404040;
	text-align: left;
	text-decoration: none;
}
.bottom_links {text-align:center;}
.bottom_links a{
	padding: 0;
	font-size: 65%;
	font-weight: bold;
	color: #818c58;
}

/* Forms 
-------------------------------------------------------------------*/
#form {
	margin: 0 auto;
	width: 600px;
}

#form legend {font-weight: bold; color: #36445b;}

#form .fieldset {
	width: 600px;
	margin: 55px 0 0 0;
}

#form input, #form textarea {
	padding: 5px;
	width: 500px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#form input.academic {
	padding: 10px;
	width: 80px;
	font-family: Helvetica, sans-serif;
	font-size: .7em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#form input.radio {
	padding:5px;
	width: 30px;
	margin: 0px 0px 10px 0px;
}

#form input.checkbox {
	padding:5px;
	width: 30px;
	margin: 0px 0px 10px 0px;
}
	
#form input:focus, #form textarea:focus {
	background-color: #FFC;
}
#work_request textarea {
	height: 90px;
}
#form textarea:focus, #form input:focus {
	border: 2px solid #36445b;
}
#form input.submit-button {
	width: 100px;
	margin-top: 10px;
	float: left;
	cursor: pointer;
}
#form input.submit-button:hover {
	color: #818c58;
}
#form label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 450px;
	padding-top: 5px;
	font-size: .9em;
}
#form label.academicLabel {
	float: left;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
	width: 100px;
	padding-top: 5px;
	font-size: .7em;
}
#form label.selectLabel {
	width: 250px;
}

/* Footer
-----------------------------------------------------------------------------*/	
#footer { background: #818c58; border-top: solid 2px #40382a; }
#footer { clear: both; min-height: 140px; height: 195px ! important; padding-top: 10px; }
#wrapper { width:960px; margin: 0 auto; } 
#footer div { }

#footer .wrapper { }

#footer li a, #navResources p a, .campus a, .directions a {  border-bottom: 1px solid rgb(108, 93, 94); color: rgb(241, 241, 241); cursor: pointer; }
#footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover {  border-bottom: 1px solid rgb(73, 59, 60); color: rgb(221, 212, 213); }


#siteinfo { padding: 0 0 0 5px; width: 200px; height: 165px; float: left; color:#FFFFFF; }
#siteinfo { font-size: 11px; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }
#siteinfo .org { font-weight: bold; }
#siteinfo address { font-style: normal; }
#siteinfo .org { margin: 0 0 10px 0; height: 83px; width: 200px; }
#siteinfo .org a { margin-left: 15px; overflow: hidden; background-image: url('../images/bottom_logo.jpg') ! important; background-repeat: no-repeat ! important; background-color: transparent ! important; display: block; height: 90px;  text-indent: -1000px; }
#siteinfo .adr { margin: 0 0 5px 0; line-height: 1.4; }
#siteinfo .tel { margin: 0 0 5px 0; }
#siteinfo .campus { margin: 0 0 5px 0; }
#siteinfo .directions { margin: 0 0 5px 0; }
#copyright { margin: 0pt; font-size: 11px;  width: 200px; }

#footer-resources { margin: 0 0px 0 20px; width: 400px; height: 175px; float: left; border-left: 1px dotted rgb(217, 184, 250); }
#footer-resources h2 { margin: 0pt 0pt 6px; }
#footer-resources h2 { display: none; }
#footer-resources h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: #36445b; text-transform: uppercase; text-align:left }
#footer-resources li { font-size: 11px; font-family: verdana,Arial,sans-serif; text-align:left; }
#footer-resources ul { margin: 0pt; list-style-type: none; }
#footer-resources li { margin: 0pt 0pt 6px; padding: 0 0 0 14px; background: transparent url('../images/arrow.png') no-repeat scroll  0px 4px; }
#footer-resources a { padding: 0pt 1px; }
#footer-resources p { color: #FFFFFF; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 11px; text-align:left; }

#navResources, #navSocial { float: left; }
#navResources { padding: 0 20px 0 20px; width: 50%; }
#navResources h3 { text-align:left; }
#navSocial { padding: 0 0 10px 0; width: 40%; }
#navQuick { float: left; padding: 0 0 10px 0; width: 40%; }
#navQuick li { font-size: 13px; }
#navQuick h3 { padding-left: 15px; }
.member-logo { margin: 0 90px 10px 0; padding: 0 0 2px 0; }
.member-logo a:hover { background: none; text-decoration: none;  }

#footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; height: 165px; border-left: 1px dotted rgb(217, 184, 250);}
#footer-right h3 { margin: 0pt 0pt 6px; padding-bottom: 15px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: #36445b; text-transform: uppercase; }
#footer-right p { margin: 5px 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: #FFFFFF; }
#footer-right a { text-decoration:none; }
#footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; display:inline; }