@charset "UTF-8";

/*
________________________________________


  	CSS STYLESHEET for ALL PAGES
	ferrum college - http://www.ferrum.edu
	
	You're looking at REVISION ONE - for the first launch Summer 2008.
	Older versions may be available.  See the about page for ferrum.edu for more information.
	
	Questions about this stylesheet?  email webmaster@ferrum.edu


________________________________________

*/



body  { 
	font-family: trebuchet, Verdana, Arial, sans-serif;
	font-size: 70%;
	background: #871E00 url(/img2/body_bg.jpg) no-repeat center top;  /* only visible at 1024px or wider */
	margin: 0 auto; 
	padding: 0;
	text-align: center;
	color: #444444;
    }	
		
/* ___________________________________________________________________________ */


/*	LINK STYLES
	these styles are for links */
	
A:link     {color: #771D1D; text-decoration: none;}
A:visited  {color: #771D1D; text-decoration: none;}
A:hover    {color: #785A3C; text-decoration: none;}
A:active   {color: #785A3C; text-decoration: none;}

	/*  links for the footer
		if that wasn't totally obvious */
				
A.footer:link     {color: #7B6E36; text-decoration: none;}
A.footer:visited  {color: #7B6E36; text-decoration: none;}
A.footer:hover    {color: #ebe2bb; text-decoration: none;}
A.footer:active   {color: #ebe2bb; text-decoration: none;}
		
	/* in some browsers, the border-bottom is rendered and will push the image
	   out of place.  Apply this style to any image link	*/
a.image { 
	text-decoration: none;
	border: 0px;
	
	}

/* ___________________________________________________________________________ */


/*  GENERAL STYLES
	Most pages will call these structural styles.  For other variations, keep on scrollin', brother. */
	

	/* this is for the "apply online now" star mostly during the mockup stage.
	   in real life, the star is styled directly on the page, not in the stylesheet
	   because it will go in different places on every page	*/
.general #violator {
	position: relative;
	}	
	
	/* container maintains the page's size */
.general #container { 
	width: 990px;  /* side-scrolls when smaller */
 /* visible bg image (set in body class above) when larger; 1025 (instead of 1024) to prevent visible white border in some browsers */
	background-color: #b9a366;
	margin: 0 auto;
	text-align: left;
	padding:0;
		/*  forces min and max width compatibility in IE.
			Also, IE blows.  */
	} 
	
	/* the header that says "ferrum college" is the same on all pages */						 
.general #header { 
	padding: 0px;
	text-align: left;
	height: 100px;
	overflow: hidden; /* necessary for variable-width */
	background: url(/img2/header.gif) no-repeat;
	} 
	
	/*  contains the search box, and other navigation-related stuffs
		sits inside #header, which clips height to 100px or less */
.general #search{
	float: right;
    background :url(/img2/search_left.gif) no-repeat left top;
	/*margin: 50px 10px 0 10px;*/
	margin: 15px 10px 0 10px;
	*margin: 20px 10px 0 10px;
	padding: 0 0 0 10px;
	}	   
	   	
	/*  maintains the search width as text size is increased by user 
		after about +4 text size, the search links exceed header's 100px height */		   
.general #search_int {
	background: url(/img2/search_right.gif) no-repeat right top;
	padding: 4px 8px 5px 0;
	float: left;
	height: 50px;
	min-width: 150px;
	font-size: 84%;
	}	
#search_int a { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
	/*  this menu appears on all pages hence "universal"
		universal menu = current students, prospectives, alumni, faculty/staff links
		should grow with all +text sizes  */
.general #universal_menu {
	background:#871E00 url(/img2/universal_menu_bg.gif) repeat-x top;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #771D1D;
	padding: 10px 15px 10px 0;
	font-size: 120%;
	color:#fff;
	text-align: right;
	}
	
	
	
.general #universal_menu a { 	
	color: #ffffff;
	padding: 10px;
	border: 0px;
	}
	
.general #universal_menu a:hover { 	
	color: #fff;
	padding: 10px;
	text-decoration: underline;
	}	
				 		
	
	/* .GENERAL COMPONENTS BELOW WILL FALL IN ONE OF TWO COLUMNS */
	
	
	/* stash links in the sidebar.
	   All links in this class may change depending on what department the page resides in - graphic links or buttons in secondary_menu.
	   there's only one sidebar, so I'm not really sure why I called this sidebar1.  Deal with it.  */
.general #sidebar1 { 
	float: left; 
	width: 200px; /* must be a specific size for img bg */
	}
	
	/*  content of secondary menu links may change depending on department
		nothing should go in secondary menu but the button-style links - throw other stuff outside this class in sidebar1 only  */
.secondary_menu ul {
	list-style: none;
	font-size: 110%;
	font-weight: 100;
	margin: 0px 0 0 0px;
	padding-left:0;
	line-height: 2.2em;
	background: #f3f3eb;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
/*	border-bottom: #ffffff 1px solid;*/
	}	

	/* these are the "button-style" rollover links..general.general  	*/	 
.secondary_menu ul li a {	
	color: #fff;
	display: block;
	width: 170px;
	padding: 0px 15px;
	border-bottom:0px;
/*	border-top: #ffffff 1px solid;
	border-bottom: #d3d2ca 1px solid;*/
	background:url(/img2/newmenuBG.jpg) top left repeat-x;
	}
	 
.secondary_menu ul li a:hover { 	
	background-color: #7B6E36;
	border-bottom:0px;
	color: #ebe2bb;
	}	
	
.secondary_menu ul ul 
{
    background: #B9A367;
}

.secondary_menu ul ul a {
    background-image: none;
    font-size: 11px;
    padding: 0px 15px 0px 30px;
    width: 155px;
    line-height: 1.7em;
}			

.secondary_menu ul ul ul a {
    background: none;
    font-size: 11px;
    padding: 0px 15px 0px 45px;
    width: 140px;
    line-height: 1.7em;
}

.secondary_menu ul ul a:visited
{
    color: #fff;
}		 
			
	/* main container is the ENTIRE RIGHT COLUMN, not to be confused with "main" further below */		
.general #main_container {
	margin-left: 200px;  /* prevents main column from overlapping sidebar1  */
	width:790px;
	padding: 0;
	}	
	
	/*  holds the feature photo on a general page ONLY - see non-general feature classes below
		those will probably be used more. */	 
.general #feature {
	background: url(/img2/feature_title_image.jpg) top no-repeat #f3f3eb;  /* a text headline/overlay is called in the html file */
	text-align: left;
	margin: 0;
	display: block;
	height: 255px;  /* THIS IS THE DEFAULT HEIGHT.  See variations below */
	}	
.general #commencement {
	background: url(/img2/commencement_header.jpg) left no-repeat #f3f3eb;  /* a text headline/overlay is called in the html file */
	text-align: left;
	margin: 0;
	display: block;
	height: 255px;  /* THIS IS THE DEFAULT HEIGHT.  See variations below */
	}
		
	/* main is JUST THE TEXT AREA in the right column.
	   This is where the bulk of the page's content should go	*/
.general #main { 
	line-height: 2em;
	padding: 35px;
	background: #ffffff;
/*	border-left: #d3d2ca 1px solid;*/
	} 
	
	
.general #main	A:hover {color: #785A3C; text-decoration: none;}
	
	/* OKAY, THAT'S THE END OF .GENERAL COMPONENTS IN COLUMNS */
											
.general #footer { 
	padding: 20px; 
	background:#1f1f21 url(/img2/footer_bg.gif) no-repeat top;
	color: #CCCCCC;
	}
	

/* that's the end of general features.
/* ___________________________________________________________________________ */



/* NON-GENERAL FEATURE HEADLINES
   
   There will be a lot of these, as different departments may want different backgrounds for their title bars. */


	/* for pages with flash headers */	 
	/* 	IMPORTANT:  pair this class with conditional comments in html to limit size in IE, because IE is such a wanker */
.flash #feature {
	background: url(/img2/stripe_bg.png) top repeat;  /* visible at larger-variable heights */
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	height: 255px;  /* LARGE */
	_width:822px;
	_overflow:hidden;
	}
	
	/*  "LARGE" IS THE DEFAULT FEATURE TITLE SIZE.
		that's 225px high.  Use this for gateway pages or for special events that call for a big header  */
	

	/*  used for interior pages (non-gateway) or for small departments where a large graphic header
		would look, you know, a little much */
.small_title #feature {
	background: url(/img2/feature_title_image_small.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px;
	overflow: hidden;
	}	
	
	/* used for utilitarian headers, for example, interior pages of the college catalog */
.verysmall_title #feature {
	background: url(/img2/feature_title_image_verysmall.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 60px;
	overflow: hidden;
	}	
	
	/*  THESE FEATURE CLASSES ARE FOR SPECIFIC PAGES
		because they use special page-specific backgrounds.
		For example, a food image for food services.
	

/* for admissions gateway */	 
.admissions #feature {
	background: url(admissions//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}			
	
/* for academics gateway */	 
.academics #feature {
	background: url(academics//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}			

/* for academics interior */	 
.academics_small #feature {
	background: url(academics//img2/feature_title_image_small.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}	
	
/* for school of natural scienced and math gateway */	 
.natsci_math #feature {
	background: url(academics//img2/feature_title_image_natsci_math.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}	
			
/* for school of natural science and math interior pages, ex: majors, faculty profile, etc */	 
.natsci_math_small #feature {
	background: url(academics//img2/feature_title_image_natsci_math_small.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}						

/* for school of arts and humanities gateway */	 
.arts_humanities #feature {
	background: url(academics//img2/feature_title_image_arts_humanities.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}						

/* for school of arts and humanities interior pages, ex: majors, faculty profile, etc */	 
.arts_humanities_small #feature {
	background: url(academics//img2/feature_title_image_arts_humanities_small.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}						

/* for school of social sciences gateway */	 
.social_sciences #feature {
	background: url(academics//img2/feature_title_image_social_sciences.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}	
	
/* for school of social sciences interior pages, ex: majors, faculty profile, etc */	 
.social_sciences_small #feature {
	background: url(academics//img2/feature_title_image_social_sciences_small.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}												

/* for food services */	 
.foodservices #feature {
	background: url(foodservices//img2/feature_title_image.jpg) top no-repeat #f3f3eb;
	text-align: left;
	display: block;
	height: 170px; /* SMALL */
	overflow: hidden;
	}	

/* for about/history, about/presidents */	 
.history #feature {
	background: url(about//img2/feature_title_image_history.jpg) top no-repeat #f3f3eb;
	text-align: left;
	display: block;
	height: 170px; /* SMALL */
	overflow: hidden;
	}	
	
/* for development gateway */	 
.development #feature {
	background: url(development//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}						

/* for human resources gateway */	 
.hr #feature {
	background: url(hr//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}	
	
.photo_gallery #feature {
	background: url(fe//img2/feature_title_image_photo_galleries.jpg) top no-repeat #f3f3eb;
	text-align: left;
	display: block;
	height: 170px; /* SMALL */
	overflow: hidden;
	}	

/* for alumni and family services gateway */	 
.alumni #feature {
	background: url(alumni//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}
	
/* for the fe dispatch news feed pages, including archives */
.dispatch #feature {
	background: url(fe//img2/feature_title_image_dispatch.jpg) top no-repeat #f3f3eb;
	text-align: left;
	display: block;
	height: 170px; /* SMALL */
	overflow: hidden;
	}	
	
/* for residence education gateway */	 
.residenceeducation_large #feature {
	background: url(reslife//img2/feature_title_image_large.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}

/* for residence education interior */	 
.residenceeducation #feature {
	background: url(reslife//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}
	
/* for e-term gateway */	 
.eterm_large #feature {
	background: url(academics//img2/feature_title_image_eterm_large.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}
	
/* for international programs gateway */	 
.international_large #feature {
	background: url(academics//img2/feature_title_image_international.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}
	
/* for august term (inside arc) */	 
.august_term #feature {
	background: url(arc//img2/feature_title_image_august_term.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}
	
/* for student leadesrship and engagement gateway */	 
.sleo_large #feature {
	background: url(sleo//img2/feature_title_image_large.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 255px; /* LARGE */
	overflow: hidden;
	}
	
/* for student leadership and engagement regular page */	 
.sleo #feature {
	background: url(sleo//img2/feature_title_image.jpg) top repeat-x #f3f3eb;
	display: block;
	text-align: left;
	height: 170px; /* SMALL */
	overflow: hidden;
	}



/* ___________________________________________________________________________ */


/*  PRESSRELEASE STYLES
	Used by elements on press release pages */

.pressrelease #header {
	background: url(/img2/header_title_pressrelease.gif) no-repeat center top;
	height: 150px;
	overflow: hidden;
	min-width: 800px;
	}	
	
.pressrelease #datebox {
	float: left;
	width: 250px;
	}
	
.pressrelease #contact {
	float: right;
	width: 250px;
	text-align: right;
	}
	
/* ___________________________________________________________________________ */


/*  DISPATCH STYLES 
	Used by elements on Fe and Dispatch news feed pages */
	
.dispatch_headline {
	font-size: 14pt;
	color: #7B6E36;
	margin: 2px 0 2px 0;
	font-weight: bold;
	font-family: Garamond, Georgia, "Times New Roman", serif;
}



/* ___________________________________________________________________________ */


/* REUSABLE CLASSES
   use 'em all over the site	*/

	/*  a big box that spans the entire width of main_content, including padding
		use sparingly - designed for use on the front page or high-profile gateway pages.  */
.main_full_span {
	padding: 10px 10px 0 10px;
	margin: 0 -35px;
	text-align: center;
	}

	/*  a box that excludes padding on main_content, designed to stick to the left side.
		use sparingly - designed for use on the front page or high-profile gateway pages.  */
.main_partial_span_left {
	margin: 0 10px 0 -35px;
	}

	/*  a box that excludes padding on main_content, designed to stick to the right side.
		use sparingly - designed for use on the front page or high-profile gateway pages.  */
.main_partial_span_right {
	margin: 0 -35px 0 10px;
	}
	
	
	/*  NEWS ITEMS FOR NON-FE PAGES
		Used to link to news stories, events, etc
		Designed for use on front or gateway pages  */
		
.front_news_listing {
	padding: 10px 10px 20px 10px;
	}

.front_news_listing_image {
	float: left;
	padding: 3px;
	margin: 0 5px 5px 0;
	border: 1px #858585 solid;
	}		
	
.front_news_line {
	height: 1px;
	color: #333333;
	}	
	
	/* end of news items for non-fe pages */


h1 { 
	color: #7B6E36;
	font-size: 24pt;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	font-weight: 100;
	}
	  
	  
h2 { 
	font-size: 14pt;
	color: #7B6E36;
	margin: 2px 0 2px 0;
	font-weight: 100;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	}	  
	  

h3 { 
	font-size: 10pt;
	color: #7B6E36;
	margin: 0px;
	font-weight: 100;
	}	
	
	/*  designed for use in the footer */
h4 { 
	font-size: 18pt;
	color: #ffffff;
	margin: 2px 0 2px 0;
	font-weight: 100;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	}
	
	/*  just like h3, but in red
		designed to be used when there's just too much freakin' gold everywhere
		in other words, use sparingly.  */
h5 { 
	font-size: 10pt;
	color: #771D1D;
	margin: 0px;
	font-weight: 100;
	}
	
	/*  just like h2, but in red
		great for headings on off-white #f3f3eb backgrounds */
	
h6 { 
	font-size: 14pt;
	color: #771D1D;
	margin: 2px 0 2px 0;
	font-weight: 100;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	}	  
	
	

/*  SPECIAL TEXT BLOCKS 
	used for short blocks of text that need to be big n' fancy
	apply these to <span> tags  */
.specialtext_1 {
	font-size: 20pt;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	line-height: 2em;
	}			

.specialtext_2 {
	font-size: 14pt;
	font-family: Garamond, Georgia, "Times New Roman", serif;
	line-height: 2em;
	}			

.specialtext_3 {
	font-size: 12pt;
	}		
	
		/* end of special text blocks */	

	
	/* use the character &#187; (double right angle quotes) to denote bullets	*/
ul {
	list-style: none;
	}		

	/*  originally designed to separate news stories with right-floated images in FE pages
		but really can be used anyplace you want to clear a float with an <hr> line */
hr.news_divide {
	clear: right;
	margin: 20px 0;
	visibility: hidden;
	}	
	    
	 	 
blockquote {
	background: #f3f3eb;
	margin: 10px;
	padding: 10px;
	width: 60%;
	}	
	
	
	/* for faculty/staff profile listings */
	
.profile_box {
	background: #f3f3eb;
	margin: 0px 10px;
	padding: 15px 20px;
	width: 310px;
	}	
	
.profile_box_image {
	float: left;
	padding: 3px;
	margin: 5px 20px 60px 0;
	border: 1px #858585 solid;
	}	
	
	/* for shading every other table row, if so desired */
.table_rule {
	background: #f3f3eb;
	}
	
	/* a dot for separating linear information - ex.: footer address/phone info */
.middle_dot { 
	font-size: 140%;
	}
	
.fine_print {
	font-size: 84%;	 /* firefox and safari interpret this differently.  Font sizes smaller than this in firefox are too small to have purpose */
	}
	
	/* a shaded box, obviously.  good for highlights and separating info */
.shaded_box {
	margin: 10px;
	background: #f3f3eb;
	}
	
	/*  a list of links - NO WAI. */	
.linklist a {	
	color: #333333;
	display: block;
	width: 170px;
	padding: 5px 15px;
	border-top: #d3d2ca 1px solid;
	}
	
.linklist a:hover { 	
	background-color: #f3f3eb;
	color: #771D1D;
	border-top: #d3d2ca 1px solid;
	border-bottom: 0px;
	text-decoration: none;
	}	
	
	/*  Not as wide as the regular linklist  */	
.linklist_small a {	
	color: #333333;
	display: block;
	width: 130px;
	padding: 5px 15px;
	border-top: #d3d2ca 1px solid;
	}
	
.linklist_small a:hover { 	
	background-color: #f3f3eb;
	color: #771D1D;
	border-top: #d3d2ca 1px solid;
	border-bottom: 0px;
	text-decoration: none;
	}	
	
	/*  wider than the regular link list */	
.linklist_wide a {	
	color: #333333;
	display: block;
	width: 300px;
	padding: 5px 15px;
	border-top: #d3d2ca 1px solid;
	}
	
.linklist_wide a:hover { 	
	background-color: #f3f3eb;
	color: #771D1D;
	border-top: #d3d2ca 1px solid;
	border-bottom: 0px;
	text-decoration: none;
	}	
	
	
	/*  specifically for the search tab, but can be used elsewhere */
.input_button {
	border: #333333 1px solid;
	background: #f3f3eb;
	}
.search_input_button {
	background: #f3f3eb;
	margin-bottom:-7px;
	}
.small_textbox {
	width: 220px;
	padding: 10px;
	}	
	
	/*  designed for images surrounded by content on all sides  */
.image_margin {
	margin: 6px;
	}	
	
	
		/* __________________________*/		
		/* REUSABLE FOOTER ITEMS */		    

	/*  for columns of info in the footer */
.footer_column {
	width: 200px;
	float: right;
	padding: 0 20px;
	}	

	/*  like a regular link list, but styled to appear on a contrasting bg like the one in the footer */	
.footer_linklist a {	
	color: #333333;
	display: block;
	width: 170px;
	padding: 5px 15px;
	border-top: #444444 1px solid;
	}
	
.footer_linklist a:hover { 	
	background-color: #f3f3eb;
	color: #771D1D;
	border-top: #d3d2ca 1px solid;
	border-bottom: 0px;
	text-decoration: none;
	}	
	
		/* END RESUABLE FOOTER ITEMS */	
		/* __________________________*/					 



		/* FLOATS LOL */
		
.float_right { 
	float: right;
	margin-left: 8px;
	}
			   
			   
.float_left { 
	float: left;
	margin-right: 8px;
	}
			  
			  
.clearfloat {  
	clear: both;
	}
		
#main_under
{
    padding-top: 15px;
}

/* That's the end and there ain't no more.  It's been real.  Have a great summer.  Auf Wiedersehen.  TTYL LOL BYEZ!	
/* ___________________________________________________________________________ */