/* Created on 04-25-2008 by: Michael Basile - All rights reserved; CSS is not open source */

/****************************/
/* 			BODY 			*/
/****************************/

/*
**		Reset the root (html) and some form 
**		elements (form, fieldset, legend, and label)
**		to have no padding or margin.
*/
html, form, fieldset, legend, label {
		margin: 0;
		padding: 0;
}

/*
**		Set background to Stony Brook Darker Red (#440000).
**		Define default font set.
**		Font-size of 62.5% by default will make 1em equal 10pt font.
**			This means 1.1em equals 11pt font, 14em equals 14pt font,
**			.9em equals 9pt font, etc.
**		Set default font color to white.
**		Align text to the center.
**		Vertically align page to top.
**		Remove any browser added margin and padding.
*/
body {
		background: #440000;
		font-family: Verdana, Tahoma, Arial, Sans-Serif;
		font-size: 62.5%;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		margin: 0;
		padding: 0;
}

/*
**		Set default image border to none.
**		Vertically align images to the middle.
*/
img {
		border: 0;
		vertical-align: middle;
}

/*
**		Break (<br />) tags can be used to clear floated elements
*/
br {
		clear: both;
}

/****************************/
/* 			LINK 			*/
/****************************/

/*
**		Set link color to gray (#777777) for unvisited, visited, and active links.
*/
a:link, a:visited, a:active {
		background-color: transparent;
		color: #777777;
}

/*
**		Set link color to darker gray (#444444) for link hover.
*/
a:hover, a.selected {
		background-color: transparent;
		color: #444444;
}

/****************************/
/*		WRAPPERS			*/
/****************************/

/*
**		Main wrapper - contains all other wrappers from header to footer.
**
**		Width: 799px + 1px border left + 1px border right = 801px
**		Set top and bottom margin to 10px.
**		Set side margins to auto to center the site in the browser window.
**		Set background to Stony Brook Dark Red (#660000).
**		Set 1px solid border, gray.
*/
#wrapper_main {
	width: 799px;
	margin: 10px auto;
	padding: 0;
	background: #660000;
	border: 1px solid #a39d95;
}

/*
**
**		Top Search Banner - contains Stony Brook University Logo/link to SBU home page and DoIT Search form.
**
**		Set background to Stony Brook Dark Red.
**		Set background image to Stony Brook top search banner (Stony Brook logo with Stony Brook University text)
**		Set background image 5px from the left edge and 3px from the top edge and do not repeat it.
**		Set wrapper height to 34px.
**		Set margin and padding to none.
**		Set 1px solid bottom border, gray (#a39d95).
*/
#top_search_banner {
	background: #660000 url("../images/banner/stony_brook_top_bar.gif") 5px 3px no-repeat;
	height: 34px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #a39d95;
}

/*
**
**		Title Banner - contains Information Technology banner/link to 
**			DoIT home page and About, Policies, and Contact tabs.
**
**		Set background to Stony Brook Dark Red.
**		Set background image to Information Technology text
**		Set background image 15px from the left edge and 7px from the top edge and do not repeat it.
**		Set title banner height to 55px.
**		Set margin and padding to none.
**		Align text to the left.
*/
#title_banner {
	background: #990000 url("../images/banner/information_technology.gif") 15px 7px no-repeat;
	height: 55px;
	padding: 0;
	margin: 0;
	text-align: left;
}

/*
**
**		Navigation Wrapper - containts the main (iconic) navigation.
**
**		Float wrapper to the left.
**		Set wrapper height to 64px.
**		Set background to Navigation Dark Gray (#3f3f3f).
**		Set font color to white (#ffffff).
**		Set top and bottom border 1px solid, gray (#a39d95).
**		Set font size to 1.3em (13pt), arial, sans-serif.
*/
#wrapper_nav {
	float: left;
	height: 64px;
	padding: 0;
	margin: 0;
	background: #3f3f3f;
	color: #ffffff;
	border-top: 1px solid #a39d95;
	border-bottom: 1px solid #a39d95;
	font: 1.3em arial, sans-serif;
}

/*
**
**		Main Content Wrapper - containts the main content 
**			(everything between the main navigation and the footer).
**
**		Float wrapper to the left.
**		Set overflow hidden (this is necessary for the code used to create even height columns within this container).
**		Set top border 3px solid, gray (#a39d95).
**		Set bottom padding to 20px.
*/
#wrapper_main_content {
	float: left;
	overflow: hidden;
	border-top: 3px solid #a39d95;
	padding-bottom: 20px;
}

/*
**		Side Navigation Wrapper - containts the 2nd tier, page specific navigation.
**
**		Float Side Navigation Wrapper to the left.
**		Set width to 188px.
**		Set bottom padding to to 10000px (for even height columns).
**		Set bottom margin to -10000px (for even height columns).
**		Set background to Navigation light gray (#e6e6e6).
**		Set text align to left.
*/
#wrapper_side_nav {
	float: left;
	width: 188px;
	padding: 0 0 10000px;
	margin: 0 0 -10000px;
	background: #e6e6e6;
	text-align: left;
}

/*
**		Content Area Wrapper - containts the main content to the right of the Side Navigation.
**
**		Float wrapper to the right.
**		Set wrapper width to 578px.
**		Set padding top to 10px, sides to 15px, and bottom to 10000px (for even height columns).
**		Set top and side margins to none, and bottom margin to -10000px (for even height columns).
**		Set background to white (#ffffff).
**		Set left border 3px solid, gray (#a39d95).
**		Set font color to dark gray (#3f3f3f).
**		Set text align to left
**		Set overflow hidden (this is necessary for the code used to create even height columns within this container). 
*/
#wrapper_content_area {
	float: right;
	width: 578px;
	padding: 10px 15px 10000px;
	margin: 0 0 -10000px;
	border-left: 3px solid #a39d95;
	background: #ffffff;
	color: #3f3f3a;
	text-align: left;
	overflow: hidden;
}

/*
**		Footer Wrapper - containts the copyright information and validation links.
**
**		Set padding to 20px.
**		Set margin to none.
**		Set background to dark gray (#3f3f3f).
**		Set top border 3px solid, gray (#a39d95).
**		Set line height to 1.4em (14pt).
*/
#footer {
	padding: 20px;
	margin: 0;
	line-height: 1.4em;
	border-top: 3px solid #a39d95;
	background: #3f3f3f;
}

/****************************/
/*		TOP SEARCH BANNER	*/
/****************************/


/*
**		Top Search Banner ul, ul li - the unordered list in the top search banner that contains the link
**			to the Stony Brook home page and the search form. A ul is used here to ensure functionality
**			and separation of these elements if styles were removed. 
**
**		Float ul and ul li to the left.
**		Set padding and margin to none.
**		Set list style type to none (no bullets).
*/
#top_search_banner ul, #top_search_banner ul li {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*
**		Stony Brook Link - the link to the Stony Brook home page. 
**
**		Float Stony Brook Link left.
**		Set height to 34px.
**		Set width to 535px. Total available width of container is 799px. 
**			535px (Stony Brook Link) + 264px (Search Container) = 799px.
**		Set padding and margin to none.
*/
#stony_brook_link {
	float: left;
	height: 34px;
	width: 535px;
	padding: 0;
	margin: 0;
}

/*
**		Search Container - container for the DoIT web Google search. 
**
**		Float Search Container left.
**		Set background to transparent.
**		Set width to 264px. Total available width of container is 799px. 
**			264px (Search Container) + 535px (Stony Brook Link) = 799px.
**		Set top and bottom padding to 3px. 
**		Set margin to none.
*/
#search_container {
	float: left;
	background: transparent;
	width: 264px;
	padding: 3px 0;
	margin: 0;
}

/*
**		Search Box - text input box for the DoIT web Google search. 
**
**		Set padding to 3px.
**		Set margin to none.
**		Set background to white (#ffffff). 
**		Set border to 1px Double Grooved, gray (#cccccc). 
*/
#search_box {
	padding: 3px;
	margin: 0;
	background: #fff;
	border: 1px #ccc groove;
}

/*
**		Search Button - submit button for the DoIT web Google search. 
**
**		Set width to 58px;
**		Set bottom padding to 3px.
**		Set font size to 1.3em.
**		Set background to gray (#cccccc). 
**		Set font color to black (#000000).
**		Set border to 1px Double Grooved, white (#ffffff). 
*/
#search_button {
	width: 58px;
	padding-bottom: 3px;
	font-size: 1.3em;
	background: #ccc;
	color: #000;
	border: 1px #fff groove;
}

/*
**		Search Link - old style for link to Stony Brook web search (still used on Training Class Registration pages). 
**
**		Float Search Link left.
**		Set height to 16px;
**		Set width to 79px;
**		Set font color to white (#ffffff).
**		Set text decoration to none (no underline).
**		Set font size to .8em and font family to Arial and Sans-Serif.
**		Set font weight to bold. 
**		Set top and bottom padding to 9px and side padding to 10px. 
**		Set margin to none. 
*/
#search_link {
	float: left;
	height: 16px;
	width: 79px;
	color: #ffffff;
	text-decoration: none;
	font: .8em Arial, sans-serif;
	font-weight: bold;
	padding: 9px 10px;
	margin: 0;
}


/****************************/
/*		TITLE LINK			*/
/****************************/

/*
**		Title Link - container for link to DoIT home page. 
**
**		Float Title Link left.
**		Set height to 55px;
**		Set width to 544px; Total available width of container is 799px. 
**			544px (Title Link) + 255px (Title Navigation) = 799px.
*/
#title_link {
	float: left;
	height: 55px;
	width: 544px;
}

/*
**		Title Link a - Information Technology link to DoIT home page. 
**
**		Float anchor tag (a) in Title Link left.
**		Set height to 55px;
**		Set width to 544px; Total available width of container is 799px. 
**			544px (Title Link) + 255px (Title Navigation) = 799px.
*/
#title_link a {
	float: left;
	height: 55px;
	width: 544px;
}

/****************************/
/*		TITLE NAV			*/
/****************************/

/*
**		Title Navigation - tabbed navigation in the Information Technology title area. 
**
**		Float Title Navigation right.
**		Set width to 255px; Total available width of container is 799px. 
**			255px (Title Navigation) + 544px (Title Link) = 799px.
*/
#title_nav {
	float: right;
	width: 255px;
}

/*
**		Title Navigation ul - unordered list for title navigation tabs. 
**
**		Float Title Navigation ul left.
**		Set padding and margin to none.
**		Set height to 30px.
**		Set list style type to none (no bullets).
**		Set display to block (allows list items to be block links, displayed horizontally).
*/
#title_nav ul {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;;
	list-style-type: none;
	display: block;
}

/*
**		Title Navigation ul li - list items for title navigation tabs. 
**
**		Float Title Navigation ul li left.
**		Set background to Tab Image (title_tab.gif) and background to Stony Brook light red (#990000).
**		Set height to 30px.
**		Set width to 30px.
**		Set top and bottom padding to 5px.
**		Set right margin to 10px.
**		Set display to inline (prevents double-margin float bug in IE6). 
**		Align text to the center.
*/
#title_nav ul li {
	float: left;
	background: url(../images/banner/title_tab.gif) #990000;
	height: 20px;
	width: 75px;
	padding: 5px 0;
	margin: 0 10px 0 0;
	display: inline;
	text-align: center;
}

/*
**		Title Navigation ul li a - links for title navigation tabs. 
**
**		Set width to 75px.
**		Set color to white (#ffffff).
**		Set font size to 1.3em and font family to Arial and Sans-Serif.
**		Set text decoration to none (no underline). 
*/
#title_nav ul li a {
	width: 75px;
	color: #ffffff;
	font: 1.3em arial, sans-serif;
	text-decoration: none;
}

/*
**		Title Navigation ul li a:hover - hover on links for title navigation tabs. 
**
**		Set text decoration to underline. 
*/
#title_nav ul li a:hover {
	text-decoration: underline;
}

/****************************/
/*		WRAPPER NAV			*/
/****************************/

/*
**		Navigation Wrapper ul - unordered list for Main (iconic) Navigation. 
**
**		Float Navigation Wrapper ul left.
**		Set padding and margin to none.
**		Set height to 64px.
**		Set list style type to none (no bullets). 
**		Set display to block (allows list items to be block links, displayed horizontally).
*/
#wrapper_nav ul {
	float: left;
	padding: 0;
	margin: 0;
	height: 64px;
	list-style-type: none;
	display: block;
}

/*
**		Navigation Wrapper ul li - list items for Main (iconic) Navigation. 
**
**		Float Navigation Wrapper ul li left.
**		Set height to 64px.
**		Set width to 99px.
**		Set padding and margin to none.
*/
#wrapper_nav ul li {
	float: left;
	height: 64px;
	width: 99px;
	padding: 0;
	margin: 0;
}

/*
**		Navigation Wrapper ul li a - links for Main (iconic) Navigation. 
**
**		Float Navigation Wrapper ul li a left.
**		Set height to 17px.
**		Set width to 99px.
**		Set top padding to 5px, bottom padding to 42px, and side padding to none.
**		Set margin to none.
**		Set font color to white (#ffffff).
**		Set text decoration to none.
*/
#wrapper_nav ul li a {
	float: left;
	height: 17px;
	width: 99px;
	padding: 5px 0 42px 0;
	margin: 0;
	color: #ffffff;
	text-decoration: none;
}

/*
**		Navigation Wrapper ul li a:hover - hover on links for Main (iconic) Navigation. 
**
**		Set text decoration to underline.
*/
#wrapper_nav ul li a:hover {
	text-decoration: underline;
}

/*
**		Navigation Wrapper ul li a.selected - selected links for Main (iconic) Navigation. 
**
**		Set text decoration to underline.
*/
#wrapper_nav ul li a.selected {
	text-decoration: underline;
}

/*
**		home, accounts, email, hardware, software, networking, phones_tv - individual id 
**			for the first 7 Main Navigation tabs. 
**
**		Set border-right to 1px solid, gray (#a39d95).
*/
#home, #accounts, #email, #hardware, #software, #networking, #phones_tv {
	border-right: 1px solid #a39d95;
}

/*
**		home - home link id 
**
**		Set background to House image (home.gif) at the bottom left of the container and do not repeat image.
*/
#home {
	background: url("../images/navigation/home.gif") bottom left no-repeat;
}

/*
**		accounts - accounts link id 
**
**		Set background to Key image (accounts.gif) at the bottom left of the container and do not repeat image.
*/
#accounts {
	background: url("../images/navigation/accounts.gif") bottom left no-repeat;
}

/*
**		email - email link id 
**
**		Set background to Lightning Bolt on Envelope image (email.gif) at the bottom left of the container 
**			and do not repeat image.
*/
#email {
	background: url("../images/navigation/email.gif") bottom left no-repeat;
}

/*
**		hardware - hardware link id 
**
**		Set background to Desktop and Monitor image (hardware.gif) at the bottom left of the container 
**			and do not repeat image.
*/
#hardware {
	background: url("../images/navigation/hardware.gif") bottom left no-repeat;
}

/*
**		software - software link id 
**
**		Set background to CD image (software.gif) at the bottom left of the container and do not repeat image.
*/
#software {
	background: url("../images/navigation/software.gif") bottom left no-repeat;
}

/*
**		networking- networking link id 
**
**		Set background to Globe and WWW image (networking.gif) at the bottom left of the container and do not repeat image.
*/
#networking {
	background: url("../images/navigation/networking.gif") bottom left no-repeat;
}

/*
**		phones_tv - phones_tv link id 
**
**		Set background to Telephone and Television image (phones_tv.gif) at the bottom left of the container 
**			and do not repeat image.
*/
#phones_tv {
	background: url("../images/navigation/phones_tv.gif") bottom left no-repeat;
}

/*
**		get_help - get_help link id 
**
**		Set background to Question Mark image (get_help.gif) at the bottom left of the container and do not repeat image.
*/
#get_help {
	background: url("../images/navigation/get_help.gif") bottom left no-repeat;
}

/****************************/
/* 		SIDE_NAV		*/
/****************************/

/*
**		Side Navigation - unordered list for 2nd tier, page specific navigation. 
**
**		Set padding and margin to none.
**		Set top border to 1px solid, gray (#a39d95).
**		Set list style type to none (no bullets).
**		Set display to block (allows list items to be block links).
*/
.side_nav {
	padding: 0;
	margin: 0;
	border-top: 1px solid #a39d95;
	list-style-type: none;
	display: block;
}

/*
**		Side Navigation li - list items for 2nd tier, page specific navigation. 
**
**		Set padding and margin to none.
**		Set bottom border to 1px solid, gray (#a39d95).
*/
.side_nav li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #a39d95;
}

/*
**		Side Navigation li a, li a:visited, li a:active - links, visited links, and active links
**			 for 2nd tier, page specific navigation. 
**
**		Set font color to Stony Brook dark red (#660000).
**		Set text decoration to none (no underline).
*/
.side_nav li a, .side_nav li a:visited, .side_nav li a:active {
	color: #660000;
	text-decoration: none;
}

/*
**		Side Navigation li a - links for 2nd tier, page specific navigation. 
**
**		Set display to block (allows list items to be block links).
**		Set width to 178px.
**		Set padding to 5px.
**		Set margin to none.
*/
.side_nav li a {
	display: block;
	width: 178px;
	padding: 5px;
	margin: 0;
}


/********************************/
/*			Need Help?			*/
/********************************/

/*
**		Need Help Container - container for links to help request forms and live chat. 
**
**		Float Need Help Container left.
**		Set height to 95px.
**		Set width to 188px.
**		Set top and bottom border to 1px solid, white (#ffffff).
**		Set overflow to hidden (this hides the "Free Chat by Volusion" text in the unpaid version).
*/
#need_help_container {
	float: left;
	height: 95px;
	width: 188px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

/*
**		Volusion Live Chat - container for live chat. 
**
**		Float Volusion Live Chat left.
**		Set bottom padding to 5px.
**		Set width to 61px. !important is used to override default width provided by Volusion code.
**		Set right and bottom border to 1px solid, white (#ffffff).
*/
#VolusionLiveChat {
	float: left;
	padding-bottom: 5px;
	width: 61px!important;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/*
**		Need Help - unordered list for links to help request forms. 
**
**		Float Need Help left.
**		Set height to 95px.
**		Set width to 124px.
**		Set padding to none.
**		Set bottom margin to 10px.
**		Set list style type to none.
**		Set display to block (allows list items to be block links).
**		Set font size to 1em.
*/
#need_help {
	float: left;
	height: 95px;
	width: 124px;
	padding: 0;
	margin: 0 0 10px;
	list-style-type: none;
	display: block;
	font-size: 1em;
}

/*
**		Need Help li - list item for links to help request forms. 
**
**		Float Need Help li left.
**		Set height to 95px.
**		Set width to 62px.
**		Set padding and margin to none.
*/
#need_help li {
	float: left;
	height: 95px;
	width: 62px;
	padding: 0;
	margin: 0;
}

/*
**		Need Help li a - links to help request forms. 
**
**		Float Need Help li a left.
**		Set height to 60px.
**		Set width to 51px.
**		Set top padding to 35px and side padding to 5px.
**		Set margin to none.
**		Set text decoration to none (no underline).
**		Set text align to center.
*/
#need_help li a {
	float: left;
	height: 60px;
	width: 51px;
	padding: 35px 5px 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
}

/*
**		Help Request Link - links to help request forms. 
**
**		Set background to Help Request image (help_request.gif).
**		Set right border to 1px solid, white (#ffffff).
*/
.help_request_link {
	background: url("../images/link_icons/help_request.gif") top left no-repeat;
	border-right: 1px solid #ffffff;
}

/********************************/
/* 		QUICK LOGIN WIDGETS		*/
/********************************/

/*
**		Side Navigation Wrapper h3 - header in Side Navigation. 
**
**		Set font color to Stony Brook dark red (#660000).
**		Set text align to center.
*/
#wrapper_side_nav h3 {
	color: #660000;
	text-align: center;
}

/*
**		Qucik Login - unordered list for the Quick Logins on the DoIT home page. 
**
**		Float Quick Login left.
**		Set width to 188px.
**		Set padding to none.
**		Set bottom margin to 10px.
**		Set list style type to none (no bullets).
**		Set display to block (allows list items to be block links).
**		Set top border to 1px solid, white (#ffffff).
**		Set font size to 1em.
*/
#quick_login {
	float: left;
	width: 188px;
	padding: 0;
	margin: 0 0 10px;
	list-style-type: none;
	display: block;
	border-top: 1px solid #ffffff;
	font-size: 1em;
}

/*
**		Qucik Login li - list item for the Quick Logins on the DoIT home page. 
**
**		Float Quick Login li left.
**		Set height to 75px.
**		Set width to 62px.
**		Set padding and margin to none.
**		Set bottom border to 1px solid, white (#ffffff).
*/
#quick_login li {
	float: left;
	height: 75px;
	width: 62px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ffffff;
}

/*
**		Qucik Login li a - links for the Quick Logins on the DoIT home page. 
**
**		Float Quick Login li left.
**		Set height to 30px.
**		Set width to 52px.
**		Set top padding to 45px and side padding to 5px.
**		Set margin to none.
**		Set text decoration to none (no underline).
**		Set text align to center.
*/
#quick_login li a {
	float: left;
	height: 30px;
	width: 52px;
	padding: 45px 5px 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
}

/*
**		blackboard - blackboard id for Quick Login link. 
**
**		Set background to blackboard icon (blackboard_icon.gif) at the top left with no repeat.
**		Set right border to 1px solid, white (#ffffff).
*/
#blackboard {
	background: url("../images/quick_logins/blackboard_icon.gif") top left no-repeat;
	border-right: 1px solid #ffffff;
}

/*
**		solar_system - solar_system id for Quick Login link. 
**
**		Set background to blackboard icon (solar_system_icon.gif) at the top left with no repeat.
**		Set right border to 1px solid, white (#ffffff).
*/
#solar_system {
	background: url("../images/quick_logins/solar_system_icon.gif") top left no-repeat;
	border-right: 1px solid #ffffff;
}

/*
**		lotus_notes - lotus_notes id for Quick Login link. 
**
**		Set background to blackboard icon (lotus_notes_icon.gif) at the top left with no repeat.
**		Set right border to 1px solid, white (#ffffff).
*/
#lotus_notes {
	background: url("../images/quick_logins/lotus_notes_icon.gif") top left no-repeat;
}

/*
**		sparky - sparky id for Quick Login link. 
**
**		Set background to blackboard icon (sparky_icon.gif) at the top left with no repeat.
**		Set right border to 1px solid, white (#ffffff).
*/
#sparky {
	background: url("../images/quick_logins/mysbmail_icon.gif") top left no-repeat;
	border-right: 1px solid #ffffff;
}

/*
**		ms_webmail - ms_webmail id for Quick Login link. 
**
**		Set background to blackboard icon (ms_webmail_icon.gif) at the top left with no repeat.
**		Set right border to 1px solid, white (#ffffff).
*/
#ms_webmail {
	background: url("../images/quick_logins/ms_webmail_icon.gif") top left no-repeat;
	border-right: 1px solid #ffffff;
}

/*
**		mysbfiles - mysbfiles id for Quick Login link. 
**
**		Set background to blackboard icon (mysbfiles_icon.gif) at the top left with no repeat.
*/
#mysbfiles {
	background: url("../images/quick_logins/mysbfiles_icon.gif") top left no-repeat;
}

/************************************/
/*		CONTENT AREA LEFT/RIGHT		*/
/************************************/

/*
**		Content Area Left - container for left side (50% width) of content area. 
**
**		Float Content Area left left.
**		Set width to 280px.
**		Set top padding to 15px and bottom padding to 10000px (for even height columns).
**		Set bottom margin to -10000px (for even height columns).
*/
#content_area_left {
	float: left;
	width: 280px;
	padding: 15px 0 10000px;
	margin: 0 0 -10000px;
}

/*
**		Content Area Right - container for right side (50% width) of content area. 
**
**		Float Content Area right right.
**		Set width to 280px.
**		Set top padding to 15px and bottom padding to 10000px (for even height columns).
**		Set bottom margin to -10000px (for even height columns).
**		Set left border to 2px solid, gray (#cccccc).
*/
#content_area_right {
	float: right;
	width: 280px;
	padding: 15px 0 10000px 10px;
	margin: 0 0 -10000px;
	border-left: 2px solid #ccc;
}

/****************************/
/*		PDF Link Icon		*/
/****************************/
/*
.li_pdf_icon {
	padding-left: 40px;
	background: url("../images/link_icons/pdficon.gif") left 8px no-repeat;
}

.pdf {
	padding-right: 45px;
}

.pdf span { 
	position:absolute; text-indent:-9999px;
	width: 40px;
	background: url("../images/link_icons/pdficon.gif") right top no-repeat;
} */

/****************************/
/*		HELP BOX			*/
/****************************/

/*
**		Help Box - container for "Questions? Get Help" box on right hand side of most informational pages. 
**
**		Float Help Box right.
**		Set width to 124px.
**		Set height to 58px.
**		Set padding to none.
**		Set top and bottom margin to 10px and side margin to 15px.
**		Set background to Help Icon (help_icon.gif) located 7px from the left edge and 20px from the top edge,
**			with a transparent background and do not repeat image.
**		Set display to inline (prevents double-margin float bug in IE6). 
*/
.help_box {
	float: right;
	width: 124px;
	height: 58px;
	padding: 0px;
	margin: 10px 15px;
	border: 2px solid #ccc;
	background: url("../images/link_icons/help_icon.gif") no-repeat 7px 20px transparent;
	display: inline;
}

/*
**		help_box p - paragraph tag in help_box container. 
**
**		Float Help Box left.
**		Set width to 124px.
**		Set height to 58px.
**		Set padding to none.
**		Set margin to none.
**		Set font color to Stony Brook dark red (#990000)..
**		Set text-align to center.
**		Set font family to Arial, Sans-Serif.
**		Set font size to 1.4em (14pt).
**		Set font weight to bold. 
*/
.help_box p {
	float: left;
	width: 124px;
	height: 58px;
	padding: 0;
	margin: 0;
	color: #990000;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

/*
**		Help Box a - anchor tags in help_box container. 
**
**		Float Help Box left.
**		Set width to 124px.
**		Set top padding to 3px and bottom padding to 9px.
**		Set top margin to -3px (this better centers the "Get Help" text in the button).
**		Set font color to white (#ffffff).
**		Set text decoration to none (no underline). 
*/
.help_box a {
	float: left;
	width: 124px;
	padding: 3px 0 9px;
	margin: -3px 0 0;
	color: #fff;
	text-decoration: none;
}

/*
**		Help Box a:hover - hover on anchor tags in help_box container. 
**
**		Set text decoration to underline. 
*/
.help_box a:hover {
	text-decoration: underline;
}

/****************************/
/* 	 Technical Support List	*/
/****************************/

/*
**		Tech Table Container - container for the departmental tech table. 
**
**		Float Tech Table Container left.
**		Set width to 570px.
**		Set border 2px solid, gray (#cccccc).
**		Set background to transparent.
**		Set top margin to 20px.
**		Set font size to 1.2em.
*/
.tech_table_container {
	float:left;
	width:570px;
	border: 2px solid #ccc;
	background: transparent;
	margin: 20px 0px;
	font-size:1.2em;
}

/*
**		Tech Table Row - container for the departmental tech table rows. 
**
**		Float Tech Table Row left.
**		Set width to 570px.
**		Set background to lighter gray (#eeeeee).
*/
.tech_table_row {
	float:left;
	width:570px;
	background: #eee;

}

/*
**		Tech Table Alt Row - container for the departmental tech table alt rows. 
**
**		Float Tech Table Alt Row left.
**		Set width to 570px.
**		Set background to gray (#dddddd).
*/
.tech_table_alt_row {
	float:left;
	width:570px;
	background:#ddd;

}

/*
**		Tech Table Dept - container for the departmental tech table department cell. 
**
**		Float Tech Table Alt Row left.
**		Set width to 230px.
**		Set padding to 10px.
**		Set margin to none.
*/
.tech_table_dept {
	float:left;
	width: 230px;
	padding:10px;
	margin:0px;
	
}

/*
**		Tech Table Tech - container for the departmental tech table technician cell. 
**
**		Float Tech Table Alt Row left.
**		Set width to 150px.
**		Set padding to 10px.
**		Set margin to none.
*/
.tech_table_tech {
	float:left;
	width: 150px;
	padding:10px;
	margin:0px;
}

/*
**		Tech Table Phone - container for the departmental tech table phone number cell. 
**
**		Float Tech Table Alt Row left.
**		Set width to 130px.
**		Set padding to 10px.
**		Set margin to none.
*/
.tech_table_phone {
	float:left;
	width: 130px;
	padding:10px;
	margin:0px;
}



/****************************/
/*		HEADERS				*/
/****************************/

/*
**		Header - container for the page identifier image headers. 
**
**		Set width to 606px.
**		Set height to 110px.
**		Set padding to none.
**		Set top margin to -11px and left margin to -15px (this negates the margines created by the parent container.
**		Set bottom and right border to 3px solid, gray (#a39d95).
*/
#header {
	width: 606px;
	height: 110px;
	padding: 0;
	margin: -11px 0 0 -15px;
	border-bottom: 3px solid #a39d95;
	border-right: 3px solid #a39d95;
}

/****************************/
/* 			FOOTER			*/
/****************************/

/*
**		Footer - container for copyright, contact and validation information at the bottom of the page. 
**
**		Set font size to 1.2em, line height to 1.5em, and font family to Verdana, Helvetica and Sans-Serif.
*/
#footer {
	font: 1.2em/1.5em Verdana, Helvetica, sans-serif;
}

/*
**		Footer a, a:visited - footer links. 
**
**		Set font color to gray (#dddddd).
*/
#footer a, #footer a:visited{
	color: #dddddd;
}

/*
**		Footer a:hover - footer links on hover. 
**
**		Set font color to white (#ffffff).
*/
#footer a:hover {
	color: #ffffff;
}

/****************************/
/* 			HEADINGS		*/
/****************************/

/*
**		h1 - Header 1 (not used) 
**
**		Set font weight to bold.
**		Set font size to 1.8em.
**		Set color to Stony Brook dark red (#660000).
**		Set top padding to 5px and bottom padding to 10px.
**		Set margin to none
*/
h1 {
	font-weight: bold;
	font-size: 1.8em;
	color: #660000;
	padding: 5px 0 10px 0;
	margin: 0;
}

/*
**		h2 - Header 2 (Primary page heading) 
**
**		Set font weight to bold.
**		Set font size to 1.6em.
**		Set color to Stony Brook dark red (#660000).
**		Set top and bottom padding to 10px.
**		Set margin to none.
**		Set font family to Arial and Sans-Serif.
*/
h2 {
	font-weight: bold;
	font-size: 1.6em;
	color: #660000;
	padding: 10px 0;
	margin: 0;
	font-family: Arial, sans serif;
}

/*
**		h3 - Header 3 (Secondary page heading) 
**
**		Set font weight to bold.
**		Set font size to 1.4em.
**		Set color to Stony Brook dark red (#660000).
**		Set top and bottom padding to 10px.
**		Set margin to none.
**		Set font family to Arial and Sans-Serif.
*/
h3 {
	font-weight: bold;
	font-size: 1.4em;
	color: #660000;
	padding: 10px 0;
	margin: 0;
	font-family: Arial, sans serif;
}

/*
**		h4 - Header 4 (not used)
**
**		Set font weight to bold.
**		Set font size to 1.1em.
**		Set bottom padding to 5px.
**		Set margin to none.
**		Set font family to Arial and Sans-Serif.
*/
h4 {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 5px;
	margin: 0;
	font-family: Arial, sans serif;
}

/*
**		h5 - Header 5 (not used)
**
**		Set font weight to bold.
**		Set font size to 1.2em.
**		Set color to Stony Brook dark red (#660000).
**		Set side and bottom padding to 5px.
**		Set margin to none.
**		Set font family to Arial and Sans-Serif.
*/
h5 {
	font-weight: bold;
	font-size: 1.2em;
	color: #660000;
	padding: 0 5px 5px;
	margin: 0;
	font-family: Arial, sans serif;
}

/*
**		h3 a, h3 a:hover, h3 a:visited - Header 3 links, Header 3 links on hover, Header 3 visited links
**
**		Set color to Stony Brook dark red (#660000) (!important is used to override the default link styling).
*/
h3 a, h3 a:hover, h3 a:visited {
	color: #660000!important;
}

/****************************/
/* 		FLOAT/WIDTH 		*/
/****************************/

/*
**		Left 50 - class used to float a container left with a width of 50% of its parent container.
*/
.left_50 {
	float: left;
	width: 50%;
}

/*
**		Right 50 - class used to float a container right with a width of 50% of its parent container.
*/
.right_50 {
	float: right;
	width: 50%;
}

/*
**		Float Left - class used to float a container left.
*/
.float_left {
	float: left;
}

/*
**		Float Right - class used to float a container right.
*/
.float_right {
	float: right;
}

/****************************/
/* 			TEXT 			*/
/****************************/

/*
**		p, div p - controls the default styling of paragraph tags and paragraph tags within a div.
**
**		Set font size to 1.2em, line height to 1.7em and font family to Verdana, Sans-Serif.
**		Set font color to dark gray (#3f3f3a).
**		Set text align to justify.
**		Set top and bottom padding to 5px and side padding to 10px.
**		Set margin to none.
*/
p, div.p {
		font: 1.2em/1.7em verdana, sans-serif;
		color: #3f3f3a;
		text-align: justify;
		padding: 5px 10px;
		margin: 0;
}

/*
**		ul, ol - controls the default styling of unordered and ordered lists.
**
**		Set font size to 1.2em, line height to 1.5em and font family to Verdana, Sans-Serif.
**		Set top and bottom padding to 5px and left padding to 1em.
**		Set side margin to 20px.
*/
ul, ol {
		font: 1.2em/1.5em verdana, sans-serif;
		padding: 5px 0 5px 1em;
		margin: 0 20px;
}

/*
**		ul li, ol li - controls the default styling of list items.
**
**		Set top and bottom padding to 5px.
**		Set margin to none.
*/
ul li, ol li {
		padding: 5px 0;
		margin: 0;
}

/*
**		li ul, li ol, li p - controls the font of unordered lists, ordered lists and paragraph tags in list items.
**
**		Set font to inherit.
*/
li ul, li ol, li p {
		font: inherit;
}

/*
**		ol li ol - controls the enumeration character of the second level of an ordered list.
**
**		Set list style type to Upper Alpha (second level of lists are ordered A, B, C, etc.).
*/
ol li ol {
	list-style-type: upper-alpha;
}

/*
**		text_left, div.text_left p - class used to align text left.
*/
.text_left, div.text_left p {
		text-align: left;
}

/*
**		text_center, div.text_center p - class used to align text center.
*/
.text_center, div.text_center p {
		text-align: center;
}

/*
**		text_right, div.text_right p - class used to align text right.
*/
.text_right, div.text_right p {
		text-align: right;
}

/*
**		text_justify, div.text_justify p - class used to justify text.
*/
.text_justify, div.text_justify p {
		text-align: justify;
}

/*
**		strong, b, .bold - tags (strong, b) and class (.bold) to bold text.
*/
strong, b, .bold {
		font-weight: bold;
}

/*
**		em, i, .italic - tags (em, i) and class (.italic) to italicize text.
*/
em, i, .italic {
		font-style: italic;
}

/*
**		u, .underline - tag (u) and class (.underline) to underline text.
*/
u, .underline {
		text-decoration: underline;
}

/*
**		abbr - tag used to display the full version of abbreviated text.
**		acronym - tag used to desplay the full meaning of an acronym.
**		.help - class used to represent help links.
*/
abbr, acronym, .help {
		border-bottom: 1px dotted #008;
		cursor: help;
}