@charset "utf-8";

/*******************************************************************************
*  skidoo_lean.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  lean and mean version of the original skidoo layout seen at:
*  http://webhost.bridgew.edu/etribou/layouts/skidoo/
*  CSS for horizontal and vertical nav elements based on unordered lists
*  isn't here to help reduce the layout to its core components.
*******************************************************************************/

body
{
	background-color: #92a6b2;
	color: #fff;
	font-size: 100.1%;
	margin: 0;
	padding: 0;		/* remove this to stretch the layout 
				   across the screen edge-to-edge */
}
img
{
	border: 0;
	padding: 0;
	margin: 0;
}
a:link
{
	color: #2B5572;
	font-weight: bold;
	text-decoration: none;
}
a:visited
{
	color: #E3FE01;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:active
{
	color: #e3701e;
	text-decoration: none;
}
#pageWrapper
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;		/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: auto;
}
* html #pageWrapper
{
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */
}
#home #header,
#sitemap #header
{
	background: #a4b7c4 url(/_images/h_home.jpg) top no-repeat;
	height: 385px;
}
#about #header
{
	background: #a4b7c4 url(/_images/h_about.jpg) top no-repeat;
	height: 263px;
}
#awards #header
{
	background: #a4b7c4 url(/_images/h_about-awards.jpg) top no-repeat;
	height: 264px;
}
#careers #header
{
	background: #a4b7c4 url(/_images/h_careers.jpg) top no-repeat;
	height: 263px;
}
#masthead
{
/*	do not assign height, so that logo and navigation will be adjustable (necessary because top image is variable) */
}
#masthead h1
{
	display: inline;	/* easier than setting 0 padding and margin */
}
#topnav
{
	height: 60px;
	padding-top: 5px;
}
#outerColumnContainer
{
	background-color: #a4b7c4;
	border-style: solid;
	border-width: 0 292px 0 0;	/* side border widths must equal the
				   widths of the left and right columns. 
				 */
	border-right-color: #d3bd44; /*e4cd49;	/* right hand column background color */
	color: #fff;
	z-index: 1;
}
#rightColumn1
{
	background-color: #e4cd49;
	border-left: 1px solid #a4b7c4;
	border-top: 0.5em solid #e4cd49;
	padding-bottom: 23px;
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
}
#innerColumnContainer
{
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}
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 give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#rightColumn
{
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -292px 30px 1px;	/* same as in the #leftColumn but reversed */
	width: 292px;
}
#rightColumn a:link
{
	color: #92a6b2;
}
#contentColumn
{
	margin: 0 -1px;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
	padding-top: 6px;
	padding-bottom: 23px;
}
#footer
{
	background-color: #92a6b2;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 1em;
/*	font-size: 60%;*/
}
html>body #footer
{
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}
#footer a
{
/*	color: #e4cd49;*/
	color: #fff;
}
#footer a:hover
{
	color: #e4cd49;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}
.clear
{
	clear: both;
}
.inside
{
	padding: 0 1.5em;	/* 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. */
}
#centerColumn /*, #rightColumn*/
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}
#masthead
{
	padding: 0;	/* ditto from above */
	margin: 0;
}
p
{
	margin: 0;		/* for better consistency across platforms */
	padding: 0 0 8px 0;
	line-height: 1.65em;
}
p.first
{
	padding-top: 14px;
}
h1, h2, h3, h4, h5, h6
{
	margin: 18px 0 0 0;		/* for better consistency across platforms */
	padding: 0 0 3px 0;
}
h1
{
	font-size: 2.4em; // was 1.2em
	font-weight: bold;
	text-transform: uppercase;
}
h2
{
	font-size: 1em;
	font-weight: bold;
}
h3, h4
{
	font-size: 1em;
	font-weight: bold;
}
ul {
	line-height: 1.5em;
}
/******************************************************************************/
/*******************************************************************************
*  hnav.css : 2005-08-31 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements, one of which is usually
*  placed below the masthead but on top of the columns.
*
*  this seems awfully complex for something seemingly so simple, no? the big
*  issue here is we need to make the menu items inline elements. we could make
*  them block elements and float them left or right, but that creates a lot of
*  problems with compatibility and how elements are ordered on-screen versus
*  source. just trust me on this, inline is the way to go here.
*
*  the main reason people would float these elements rather than go inline is
*  because padding and margin values have an effect on surrounding elements.
*  meaning if an element is 20 pixels tall, and has 5 pixels of padding on
*  top and bottom, a browser is going to treat that element as 30 pixels tall 
*  when rendering the page. but for an inline element (versus a block element)
*  the browser treats it as 20 pixels tall. That padding will still be applied
*  and if you've got a background color on this element, you'll see that color
*  extend 5 pixels into the elements immediately above and below this inline
*  element with padding. 
*
*  in short: vertical padding on inline elements can make things look really
*            bad. 

*  so we need to work around it. thus all of the hacks you see in this 
*  stylesheet.
*******************************************************************************/
#hnav1
{
	padding-top: 7px;
	padding-left: 6px;
	text-align: left;
}
#hnav2
{
	padding-top: 14px;
	text-align: right;
}
#hnav1 li, #hnav2 li
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
padding-left: 3px;
padding-right: 2px;
}
#hnav1 ul li a
{
	color: #fff;
	border-left: 1px solid #fff;
	padding-left: 5px;
	font-weight: normal;
	background-color: transparent;
	text-transform: lowercase;
}

#hnav2 ul li a
{
	color: #fff;
	border-left: 1px solid #fff;
	padding-left: 5px;
	font-weight: normal;
	background-color: transparent;
	text-transform: lowercase;
}
#hnav1 ul li a:link, #hnav2 ul li a:link
{
	color: #fff;
	text-decoration: none;
}
#hnav1 ul li a:visited, #hnav2 ul li a:visited
{
	color: #E3FE01;
	text-decoration: none;
}
a:hover	{
	text-decoration: underline;
}
#home #hnav_home a	{
	display: none !important;
}

#hnav1 ul li a:active, #hnav2 ul li a:active
{
	color: #e3701e;
	text-decoration: none;
}
#hnav1 a.first,
#hnav2 a.first {
	border: none;
	color: #fff;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
/******************************************************************************
*  vnav
*******************************************************************************/
#menu.vnav
{
	margin: 35px 0;
	padding: 0;
}
#menu.vnav ul
{
	margin: 1.2em;
	padding: 0;
	display: block;
	list-style: none;
}
#menu.vnav ul li a
{
	display: block;
	line-height: 1.65em;
	text-transform: lowercase;
}
#menu.vnav ul li a, #menu.vnav ul li a:link, #menu.vnav ul li a:visited, #menu.vnav ul li a:hover, #menu.vnav ul li a:active
{
/*	font-weight: bold;*/
	text-decoration: none;
	cursor: pointer;
}
* html #menu.vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html #menu.vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
#menu.vnav ul li a:link
{
	color: #fff;
}
#menu.vnav ul li a:visited
{
	color: #a19035;
}
#menu.vnav ul li a:hover
{
	color: #a19035;
	font-weight: bold;
}
#menu.vnav ul li a:active
{
	color: #d3bd44;
}

/*******************************************************************************
*  fixedWidth.css : 2004-07-19 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  Provide a fixed width to the layout
*******************************************************************************/

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}

#pageWrapper
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

/*****************************************************************************
*	Image Replacements
******************************************************************************/
#h_home_1
{
	background: url(/_images/home_header1.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
#h_quote
{
	background: url(/_images/home_quote.gif) bottom left no-repeat;
	width: 400px;
	height: 27px; 
	text-indent: -5000px;
	margin-bottom: 15px;
	margin-left: -6px;
}
#h_about_1
{
	background: url(/_images/about_header1.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
#h_about_2
{
	background: url(/_images/about_header2.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
#h_careers_1
{
	background: url(/_images/careers_header1.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
#h_careers_2
{
	background: url(/_images/careers_header2.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
#h_careers_3
{
	background: url(/_images/careers_header3.gif) bottom left no-repeat;
	width: 220px;
	height: 27px; 
	text-indent: -5000px;
}
/*****************************************************************************
*   Project specific formatting styles
*****************************************************************************/
.awards p
{
	margin-top: 1.65em;
}
.award-org
{
	font-weight: bold;
}
.award-arch
{
	font-style: italic;
}