@charset "iso-8859-1";

/*******************************************************************************
*  Netscape Version Modified by Keith : 3-2-2006 
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.  http://webhost.bridgew.edu/etribou/layouts/
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
	{display: none;}
	
.inside
				/* glitch in IE caused by vertical padding in this class, so 0 padding is set here and those blocks that 
				need the vertical padding must be applied to the parent element. the purpose of this class is to provide
				horizontal padding without using hacks to get around IE's broken box  model. so it's okay to apply 
				vertical padding to the parent element, just not horizontal padding.*/
	{padding: 0 1em;}
	
html[xmlns] .mozclear
						/* this selector should be valid CSS, but Opera 7.5 (and above) will pick this up as well. 
						Shouldn't be a problem, Opera should handle this fine, but it's a Mozilla-targeted hack, 
						and it should probably only affect mozilla. You can do that by replacing the INVALID CSS selector
						:root .mozclear for what's given here. */
	
{	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
	{
		margin-top: 14px;
		margin-bottom: 14px;
		padding-top: 0;
		padding-bottom: 0;
	}
h1	{font-size: 220%;}
h2	{font-size: 190%;}
h3	{font-size: 160%;}
h4	{font-size: 130%;}
h5	{font-size: 100%;}
h5.Disclaimer  /*Used on the Factbook Disclaimer page*/
		{	font-size: 100%;	
			Color: #FF0000; /*Red*/
			text-align: justify;
		}
h6	{font-size: 70%;}

/* alter some HTML elements' default style */

a, a:link, a:visited, a:active
	{text-decoration: underline;}

a:hover
	{text-decoration: none; BACKGROUND-COLOR: #00BFFF; }

table
	{font-size: 100%;}
td, th
	{vertical-align: top;}
	
table.glossary /*Used in the alphabet links setting on the Glossary page*/
	{font-size: 120%;}	

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

body
	{padding: 0px 0; margin: 0;}
	
#pageWrapper		/*set side margins here 'cause IE doesn't like it set on the body element NO MORE THAN 2 
								for Menu to work First margin is for top and second is for sides IE doens't understand this property. 
								I use ems rather than pixels so that the layout shouldn't break even when the browser's 
								default size is set very large */
{	border: solid 1px #fff;
	border-width: 0 0px;
	margin: -1% 0%;		
	min-width: 40em;	
	width: auto;
}

#masthead
{
	border: solid 0px #fff;  /*changed this from 1 to 0 px to take the line away at the bottom of page*/
	border-width: 0px 0;
	padding: 0.0em;
}
#masthead h1
	{padding: 0; margin: 0;}
	
/*MastHeadLeft left justifies in the header area*/
#mastheadLeft 
	{float: left; width: 60%;}

/*????????????????Mastheadright locates the form field for the search TEMPORARY FOR PROTOTYPE*/
#mastheadRight 
{ float: right; 
	width: 40%; 
	text-align: right; 
	font-size: 80%; 
}

/*????????????????Mastheadright input sizes the form search box TEMPORARY FOR PROTOTYPE?????????????????????????*/
/*#mastheadRight input 
{ font-size: 100%; 
	border-width: 1px; 
	text
}*/


#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 14em #fff; /*Offsets the left column size indention*/
	border-right: solid 14em #fff;/*Offsets the right column size indention*/
}

#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
	Padding-bottom: 15em; /* TEMP FIX Adds spacing to the bottom of the page to make room for right column content to fit*/
}
#SOWrap /*Effects of the right column content positioning*/
{
	float: left;
	margin: 15 -120px 0 0; /*Positions the content such as the image in the right column -14px*/
	width: 100%;
	z-index: 1;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -14em;
	width: 14em; /*Moves contents to the left with higher number*/
	z-index: 4;
}
#rightColumn 
{
	float: right;
	width: 13em; /*Moves the right column context to the left with higher number*/
	margin: 0 -14em 0 0px;/*This changes where the picture resides*/
	z-index: 0;
}

#footer
{
	border: solid 0px #fff; /*changed this from 1 to 0 px to take the line away at the bottom*/
	border-width: 0px 0;  /*changed this from 1 to 0 px to take the line away at the bottom*/
	padding: 0.5em;
}

/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */

.vnav
{
	margin: 1em 0;
}

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #fff;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #fff;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

/******* VERTICLE NAVIGATION LINK AND BACKGROUND COLORS **********/
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #cdc;
	color: #000;
}
.vnav ul li a:hover
{
	text-decoration: none;
	background-color: #898;
	color: #fff;
}


/* below is a series of selectors to get a consistent font size across
 * platforms. this is outside the 'theme' section on purpose. use #pageWrapper
 * to set the base font-size for the layout.
 */

body
{
	font-size: 100.1%;
}
html>body
{
	/* Opera's default font size is typically 10% smaller than IE or Mozilla
	 * so we correct for this here, since we're using percentages 
	 * everywhere. And we do this because pixel-based fonts don't resize
	 * under IE/Win and percentages/ems are essentially the same, and I like
	 * percentages for fonts.
	 */
	font-size: 110%;
}
body:last-child, * html body
{
	/* of course the previous selector for Opera's fix is caught by more 
	 * than a few other browsers, so we reset that value here.
	 */
	font-size: 100%; /*Change this to adjust middle column text size for 1024 X 768 (WAS 100%) */
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font schemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #565;
	
}

body
{
	background-image:url('https://upic.uwf.edu/OIR/images/OIRbg.jpg');
	background-repeat: repeat-y;
	background-color: #0A6628;	
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here for ALL AREAS. */
}
#masthead
{
/*	background-color: #0A6628; /* Removed this so background would bleed through COLOR FOR THE MASTER HEADER - SAME AS FOOTER #898;*/
	color: #fff;
}

#outerColumnContainer
{
	border-left-color: #ded;	/* left column background color */
	border-right-color: #cdc;	/* right column background color */
	background-color: #fff;		/* set the background color for the middle column here */
}


/*************************************************************/

#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 100%;
}

/*Formatting for the input buttons in the right column Year, Term, Graph submit buttons*/
#rightColumn input
{ font-size: 90%; 
	border-width: -1px; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bolder;
}
/*Formatting for the Select Boxes in the right column Year, Term, Graph submit buttons*/
#rightColumn select
{ VISIBILITY: visible;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bolder;
	FONT-SIZE: x-small;
	width: 14em; /*Moves the right column context to the left with higher number*/
	margin: 0 0em 0 1px;
	z-index: 2;
}

/****************************************************************************/
#leftColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 100%;
}

/*Formatting for the input buttons in the left column Strategic Planning*/
#leftColumn input
{ font-size: 90%; 
	border-width: -1px; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bolder;
}

/*Formatting for the input buttons in the left column Strategic Planning*/
#leftColumn select
{ VISIBILITY: visible;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bolder;
	FONT-SIZE: xx-small;
	width: 15em; /*Designates the size of the select box to be displayed*/
	margin: 0 0em 0 1px;
	z-index: 2;
}

#footer
{
	background-color: #898;
	color: #fff;
	text-align: center;
}


.sItem
		{
			margin-left:0px;
			cursor:hand;
			FONT-Size: 90%;
			Font-Weight:Bolder;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			Color:Black;
			Text-Decoration:None;
		}
		
	
			
	#College
		{
			margin-left:30px;
			cursor:hand;
			FONT-Size: 80%;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			COLOR: Black;
			Text-Decoration:none;
		}
		
	#Major
		{
			margin-left:10px;
			cursor:hand;
			FONT-Size: 80%;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			COLOR: blue;
			Text-Decoration:None;
		}



/*****************************************************************************************/
	/*SECTION FOR FORMATTING PURPOSES ON THE MAIN UPIC SITE CALENDAR*/
/****************************************************************************************/
.Calendar  
	{
		VISIBILITY: visible;
	  COLOR: red;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: 8pt;
	}
	
.Calendar A:link   
	{
		COLOR: blue;
	  FONT-WEIGHT: bolder;
	  FONT-SIZE: xx-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: None;
	}	
	
.Calendar A:visited   
	{
	  COLOR: blue;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: xx-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: None;
	}		
	
.Calendar A:Hover   
	{
	  COLOR: Black;
		BACKGROUND-COLOR: White;
	  FONT-WEIGHT: bolder;
	  FONT-SIZE: xx-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: Underline;
	}		
	
.CalendarDayHeader  /*Used on the main UPIC Calendar Page to format Days of the Week*/
	{
		VISIBILITY: visible;
	  COLOR: Black;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: 10pt;
		Background: ffcc99;
		Text-Decoration:None;
		TEXT-ALIGN: Center;
	}	

.CalendarMonths  /*Used on the main UPIC Calendar Page to format Calendar Months */
	{
		VISIBILITY: visible;
	  COLOR: Black;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: 8pt;
		Background: ffcc99;
		Text-Decoration:None;
	}
	
.CalendarMonths A:link   
	{
		COLOR: blue;
	  FONT-WEIGHT: bolder;
	  FONT-SIZE: x-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: None;
	}	
	
.CalendarMonths A:visited   
	{
	  COLOR: blue;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: x-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: None;
	}		
	
.CalendarMonths A:Hover   
	{
	  COLOR: Black;
		BACKGROUND-COLOR: White;
	  FONT-WEIGHT: bolder;
	  FONT-SIZE: x-small;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		Text-Decoration: Underline;
	}	
	
.CalendarDays  /*Used on the main UPIC Calendar Page to format Calendar Numbers */
	{
		VISIBILITY: visible;
	  COLOR: Black;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: 10pt;
		Text-Decoration:None;
	}	
	
.SmallCalendarTable
	{
		Background:#CCDDCC;
	}

.CalendarTable
	{
		Background:White;
	}	
	
	.EventRow  /*Used in calmonthview to display an event in a row, by matt*/
	{
		VISIBILITY: visible;
	  COLOR: Black;
	  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		FONT-WEIGHT: bolder;
	  FONT-SIZE: 10pt;
		Text-Decoration:None;
	}	
	
/********************* Set defaults for Publications Submit Button. *******************/		
/********************* Set defaults for Publications Submit Button. *******************/		
.PubsButton 
	{
		WIDTH: 200px;
		FONT-SIZE: xx-small;
		FONT-WEIGHT: bolder;
	}	
	

/*****************************************************************************************/
/*SECTION FOR SECTION FOR FORMATTING PURPOSES OF JAVASCRIPT COLLAPSE AND EXPAND FAQ*/
/****************************************************************************************/
.sItem
		{
			margin-left:10px;
			cursor:hand;
			FONT-Size: 12pt;
			Font-Weight:Bolder;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			Color:Black;
			Text-Decoration:None;
		}
			
	#Topic
		{
			margin-left:30px;
			FONT-Size: 12pt;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			COLOR: 40E0D0;
			Text-Decoration:None;
		}
		
	#Question
		{
			margin-left:20px;
			FONT-Size: 10pt;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			COLOR: Black;
			Cursor:Hand;
			Text-Decoration:None;
		}
	
	#Answer
		{
			margin-left:40px;
			BACKGROUND-COLOR: White;
			margin-left:30px;
			FONT-Size: 10pt;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			Text-Decoration:None;
		}
	
	#File
		{
			FONT-Size: 8pt;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			COLOR: Blue;
			Cursor:Hand;
			Text-Decoration:None;
		}


/*****************************************************************************************/
/*SECTION FOR FORM TAGS ON FEEDBACK PAGE */
/****************************************************************************************/		
H1.FeedbackHeader   /*Used in the Thank you page of Feed Back*/
	{
	    FONT: bold 30px Arial, Verdana, Helvetica, sans-serif;
			COLOR:  Black;
	    TEXT-ALIGN: Center;
	}

/*Used for Error messaging for return messages*/	
.error
	{
		COLOR: Red;
		FONT-SIZE: Large;
		TEXT-ALIGN: center;
		BACKGROUND-COLOR: Silver;
	}	


/*******************************************************************************************/	
/*QUICKFACTS STYLES*/	
/*******************************************************************************************/		
/*Style for the QuickFact area*/	
img 
	{border:0}
p img 
	{ padding: 0; max-width: 100%; }
img.right
	{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left 
	{ padding: 2px; margin: 0 7px 0px 0; display: inline; }
.right 
	{ float: right; }
.left 
	{ float: left; }

TH.RowHeaderLeft
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	COLOR:  Black;
  TEXT-ALIGN: left;
	Font-Size: x-small;
	Weight: Bolder;
}	

TH.RowHeaderRight
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	COLOR:  Black;
  TEXT-ALIGN: Right;
	Font-Size: x-small;
	Weight: Bolder;
}

TH.TopicName
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	TEXT-ALIGN: Center;
	Font-Size: 85%;
	Weight: Bolder;
}

TR.CategoryTitle
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	Font-Size: 190%;
	Weight: Bolder;
	Background-Color: Beige;
}

TR.TopicTitleBG
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	TEXT-ALIGN: Center;
	Font-Size: small;
	Weight: Bolder;
	Background-Color: #CCDDCC;
}

TR.RowHeaderBG
{Background-Color: beige;}

TD.RegularTitle
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	COLOR:  Black;
  TEXT-ALIGN: left;
	Font-Size: x-small;
}

TD.TotalTitle
{
	FONT: Arial, Verdana, Helvetica, sans-serif;
	COLOR:  Black;
  TEXT-ALIGN: left;
	Font-Size: 100%;
	Weight: Bold;
}

TD.Source
{
	Font-Size:xx-small; 
	color:#00389E;
}
/**********END OF QUICK FACTS**********************************/


/******** SEARCH NOT USED AT THIS TIME 9-15-2006****************/
.search   /*<DIV CLASS = "Search"></DIV> - Used for positioning search text box and font.*/
{
		  VISIBILITY: visible;
		  COLOR: #FFFFFF;
		  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		  FONT-WEIGHT: bolder;
		  FONT-SIZE: x-small;
		  TOP: 0px;
		  LEFT: 205px;
		  POSITION: absolute;
		  STYLE: xx-small;
	}