/********************************************************************************
 *
 *  Base styles
 *
 ********************************************************************************/



/********************************************************************************
 * Page layout styles
 ********************************************************************************/
html
{
	overflow-y: scroll;		/* Ensures vertical scrollbar is always present, even when not needed */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 81.25%;		/* Desired base font size (13px) divided by default medium font (16px) */
	line-height: 1;
}

body
{ 
	background: #8ca8f0 url('/images/bg2.png') repeat;		/* Constant background (what shows up below the gradient portion) */
}

div#wrapper
{
	padding: 14px 6px 14px 6px;   /* Left and right padding so blueFrame edges don't get too close to left and right edges of browser window */
	background: url('/images/bg1.png') repeat-x top;
	margin: 0;
	min-width: 904px;			/* This ensures that the background image tiles correctly even if the user's browser isn't opened wide enough */
								/* This number was determined via experimentation with IE7 */
}

div#blueFrame
{
	width: 862px;				/* This is the width of the inner portion, padding and borders are not included */
	padding: 10px;
	margin: 0 auto 0 auto;		/* Centers block on the page */
	border: 2px solid #ffffff;
	background: #0089e0;
}

div#header
{
	width: 862px;
	height: 100px;
	background: #eaf6fa;
}

div#main
{
	width: 862px;
	background: url('/images/innerBg.png') repeat-y left;
}



/********************************************************************************
 * Left nav styles
 ********************************************************************************/
div#leftNav
{
	width: 145px;		/* 145px - padding */
	float: left;
	background: url('/images/logoBottom.png') no-repeat top;
	padding: 40px 0px 8px 0px;
	font-weight: bold;
	color: #ffffff;
}

div#leftNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	line-height: 15px;
}

div#leftNav ul li
{
	margin-top: 5px;
}

div#leftNav ul li.highlighted
{
	background: #aabad3;
}

div#leftNav ul li ul
{
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

div#leftNav ul li ul li
{
	margin-top: 0px;
	background: #2b5290 url('/images/navBulletWhite.gif') 10px 6px no-repeat;		/* Note: need to set background color to work around IE7 bug where background image isn't shown on first item */
}

div#leftNav ul li ul li.highlighted
{
	background: #aabad3 url('/images/navBulletBlue.gif') 10px 6px no-repeat;
}

div#leftNav ul li a
{
	color: #ffffff;
	text-decoration: none;
	margin: 0px 4px 0px 8px;
	padding: 2px 0px 3px 0px;			/* Note: change bottom padding to 2px for IE */
	display: block;
	width: 133px;		/* 145px - margin left - margin right --- this needs to be specified for IE6 */
}

div#leftNav ul li a:hover
{
	text-decoration: underline;
}

div#leftNav ul li.highlighted a				/* When an item is highlighted, use the dark green link color instead of white */
{
	color: #104190;
}

div#leftNav ul li.highlighted ul li a		/* When an *1st level* item is highlighted, make sure the 2nd level items */
{											/*   continue to use the normal (white) link color.  Otherwise, the style */
	color: #ffffff;							/*   above will apply to them. */
}

div#leftNav ul li ul li a
{
	margin: 0px 4px 0px 20px;
	padding: 2px 0px 2px 0px;			/* Note: change bottom padding to 1px for IE */
	width: 121px;		/* 145px - margin left - margin right --- this needs to be specified for IE6 */
}

div#content
{
	border-top: 2px solid #2b5290;
	width: 717px;
	float: right;
	min-height: 450px;
	color: #2b5290;
}

div#content ol
{
	list-style: decimal;
	margin-left: 40px;
}

div#content ul li
{
	line-height: 15px;
	padding-left: 14px;
	background: url('/images/orangeBullet.gif') 0px 6px no-repeat;
	margin-bottom: 6px;
}

div#content ol li
{
	line-height: 15px;
	margin-bottom: 6px;
	color: #f18e00;
	font-weight: bold;
}

div#content ol li span
{
	color: #2b5290;
	font-weight: normal;
}

div#content td
{
	vertical-align: top;
}

div#content a,
div#content a:hover
{
	color: #0066cc;
}

div#content a:visited
{
	color: #800080;
}

div#footer
{
	width: 846px;				/* 862px - left padding - right padding */
	height: 22px;
	clear: both;
	background: #2b5290;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	line-height: 21px;
	padding: 0 8px 0 8px;
}



/********************************************************************************
 * Base content/text styles
 ********************************************************************************/
*
{
	-moz-outline: 0;
}

a img
{
	border: none;
}

p, ul, ol, table, blockquote
{
	margin-bottom: 1em;
	line-height: 1.4;
}

p.last, ul.last, ol.last, table.last, blockquote.last
{
	margin-bottom: 0;
}

p, li, dt, dd, table
{
	font-size: 1em;
}



/********************************************************************************
 * Headline styles
 ********************************************************************************/
h1, h2, h3, h4, h5
{
	margin-bottom: 0.9em;
	font-weight: bold;
	color: #2b5290;
}

h6
{
	margin-bottom: 0.9em;
	font-weight: normal;
}

h1
{
	font-size: 1.5em !important;		/* 18 px at default scale */
	margin-top: 1.7em;					/* Not tested */
	margin-bottom: 0.7em;				/* Not tested */
}

h2
{
	font-size: 1.3333em !important;		/* 16 px at default scale */
	margin-top: 1.7em;
	margin-bottom: 0.7em;
}

h3
{
	font-size: 1.1667em !important;		/* 14 px at default scale */
	margin-top: 1.7em;					/* Not tested */
	margin-bottom: 0.7em;				/* Not tested */
}



/********************************************************************************
 * Home page layout styles
 ********************************************************************************/
div#taglineSection
{
	padding: 20px 0px 5px 0px;
	text-align: center
}

div#bulletSection
{
	padding: 10px 65px 5px 65px;
}

div#photoStripSection
{
	width: 709px;
	height: 140px;
	background: #ffffff;
	border-top: 5px solid #2b5290;
	border-bottom: 5px solid #2b5290;
	border-left: 3px solid #2b5290;
	border-right: 3px solid #2b5290;
}

div#announcementsSection
{
	margin: 15px 15px 0px 15px;
	width: 665px;
	padding: 10px;
	background: #ffe37e;
	/* border: 1px solid #2b5290; */
}

div#introTextCalendarSection
{
	width: 685px;		/* 715px - left padding - right padding */
	padding: 15px;
}

table#calendar td
{
	padding-top: 6px;
	font-size: 11px;
	line-height: 1.1;
}

table#calendar td.col1
{
	white-space: nowrap;
	padding-right: 15px;
}

td#introTextBox
{
	width: 412px;		/* 457px - left padding - right padding */
	padding: 10px 30px 13px 15px;
}

td#calendarBox
{
	width: 208px;		/* 228px - left padding - right padding */
	font-size: 11px;
	/* background: #ffe37e; */
	background: #cbdaff;
	/* border: 1px solid #2b5290; */
	padding: 10px
}



/********************************************************************************
 * Table styles
 ********************************************************************************/
table.displayTable
{
	border: 1px solid #2b5290;
}

table.displayTable th,
table.displayTable td
{
	padding: 5px 10px 4px 10px;
	border: 1px solid #2b5290;
}

table.displayTable th
{
	text-align: left;
	background: #cbdaff;
}

table.displayTable th.noBold
{
	font-weight: normal;
}

table.photoTable
{
	margin-left: auto;
	margin-right: auto;
}

table.photoTable td
{
	padding: 5px;
}



/********************************************************************************
 * Misc styles
 ********************************************************************************/
div#content ul.indented
{
	margin-left: 20px;
}

div#content p.faqQuestion
{
	margin-bottom: 5px;
}

div#content p.faqAnswer
{
	margin-left: 20px;
	margin-bottom: 25px;
}