body,

* html .visualIEFloatFix { height: 0.01%; }  /* workaround for IE Peekaboo bug - great discussion here: http://plone.org/documentation/how-to/internet-explorer-invisible-text */




/* ********************************************************************************** */
/* **************************** Page Layout (CSS Blocks) **************************** */
/* ********************************************************************************** */

html 
{
	margin: 0;
	padding: 0;
	background: #F5F5DC;
	color: #000033;
	font-family: Helvetica;
	font-size: 1.0em;
	font-weight: normal;
}

body 
{
	margin:0px 0px 0px 0px;	/* Top, right, bottom, left border on the main panel */
	padding:0;
}
#level0_LeftMenu
{
	color:#000000;
	background:#000099;	/* Color of Left Panel */
}
#level1
{
	margin-left:164px;	/* Width of Right Panel Color, not used */
	padding-left:5px;	/* Width of Right Divider Bar, not used */
	color:#ffffff;
	background:#000000;	/* Color of Right Divider Bar, not used */
}
#level2
{
	margin-top:0px;
	color:#000000;
	background:#F5F5DC;	/* Right Panel Color/Footer Color, not used */
	position:relative;	/* The next three lines set the minimum height */
	min-height:1100px;	/* of the DIV. Found this "min-height fast hack" */
	height:auto !important;	/* at: http://www.dustindiaz.com/min-height-fast-hack/ */
	height:1100px;          /* 1100px used for the noscript page (javascript overrides to 475) */
}
#level3
{
	margin-right:0px;	/* Move right Body Margin (increase right margin) */
	padding-right:0px;	/* Adjust border between Right Pane and body */
	color:#000000;
	background:#ffffff;	/* Color of border between body and right pane */
}
#main
{
	color:#000000;
	background:#F5F5DC	/* Color of body */
}
#topTitleBar
{
	color:#000000;
	background:#F5F5DC;	/* Color of Title Block */
}
#announcementBar
{
	color:#000000;
	background:#F5F5DC;	/* Color of Announcement Block */
}


#mainContent, #announcementBarContent
{
	margin:0px 10px 0px 10px;	/* add right and left border to announcement and body */
}
#leftMenuContent
{
	position:absolute;
	width:164px;
	top:0px;
	left:0px;
}
#rightBarContent			/* not used */
{
	position:absolute;
	width:14px;
	top:0;
	right:0
}
#footerContent
{
	margin:0px 0px 0px 0px;
	color:#000000;
	background:#F5F5DC;		/* Footer Color */
}

#subpage
{
	padding-left:5px;	/* Width of Right Divider Bar, not used */
	margin:20px 20px 20px 20px;	/* add right and left border to announcement and body */
	color:#000000;
	background:#F5F5DC;	/* Color of Right Divider Bar, not used */
}

/* ********************************* */
/* ********* Column Styles ********* */
/* ********************************* */

.dualColumn
{ 
	margin: 0px; 
	padding: 0px; 
	/* width: 45px; */ 		/* width cannot go here unless all images are same size so put width inline instead */ 
	border: 0px solid #777; 	/* changes border around the entire DIV section */ 
/*	background: #F5F5DC; */
	font-size:100%; 
	margin: 1em auto 1em auto; 
	width:auto; 
	display:block; 
	clear:left;
	/*max-width:850px;*/
	/*min-width : 600px;*/
	/*white-space:nowrap*/
	position:relative;
	clear:both;
	overflow:hidden;
}


/* ********* Three Column Styles ********* */
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */

	.colmask
	{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border: 0px solid #111;
	}

	/* common Three column settings */
	.colright, .colmid, .colleft 
	{
		float:left;
		width:90%;			/* width of page */
		position:relative;
		border: 0px solid #111;

	}

	.col1, 	.col2, 	.col3 
	{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	border: 0px solid #777;
	}

	/* 3 Column settings */
	.threecol {
		/* background:#eee; */		/* right column background colour */
	}
	.threecol .colmid {
		right:3%;	   				/* width of the right column */
		/* background:#fff; */		/* center column background colour */
	}
	.threecol .colleft {
		right:33%;	   				/* width of the middle column */
		/* background:#f4f4f4; */	/* left column background colour */
	}
	.threecol .col1 {
		width:34%;			/* width of center column content (column width minus padding on either side) */
		left:85%;			/* sets left edge of middle col content */ /* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:33%;			/* sets left col content width          */ /* Width of left column content (column width minus padding on either side) */
		left:7%;			/* sets left edge of left col content   */ /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:33%;			/* Width of right column content (column width minus padding on either side) */
		left:62%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


/* ********************************************************************************** */
/* ******************************** Java Menu Styles ******************************** */
/* ********************************************************************************** */

.liteTextm, a.liteTextm:link, a.liteTextm:visited, a.liteTextm:active, a.liteTextm:focus 
{
	color: #FFFFFF;
	background-color: #000099;
	font: Bold 12px Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}

.liteText, a.liteText:link, a.liteText:visited, a.liteText:active, a.liteText:focus 
{
	color: #000000;
	font: Bold 12px Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}

.darkText, a.darkText:link, a.darkText:visited, a.darkText:active, a.darkText:focus 
{
	color: #000000;
	background-color: #F5F5DC;
	font: Bold 12px Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}

.itemBorder 
{
	border: 1px solid #000099;
}

.itemBorderdown 
{
	border: 1px solid #D7D7D7;
}



/* ********************************************************************************** */
/* **************************** Primary Text/Font Styles **************************** */
/* ********************************************************************************** */

h1
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:center;
	font-size: 150%;
	font-style:italic;

	font-family:"Times New Roman";
	font-weight:bold;
}

h2
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:center;
	font-size: 130%;
	font-style:italic;

	font-family:"Times New Roman";
	font-weight:normal;
}

.h2border
{
	border-style:solid;
	border-width: 0px 0px 2px 0px;
	border-color: #000099;
}

h3
{
	margin:0in;
	margin-bottom:10pt;
	text-align:left;
	font-size: 80%;
	font-style:normal;
	text-decoration :underline;
	text-transform :uppercase;

	font-family:"Times New Roman";
	font-weight:normal;
}

p.Subtitle, li.Subtitle, div.Subtitle
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:center;
	font-size: 100%;
	font-style:italic;

	font-family:"Times New Roman";
	font-weight:normal;
}

p.PText, li.PText, div.PText, .PText
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:Justify;
	font-size: 100%;

	font-family:"Times New Roman";
	font-weight:bold;
}

p.BText, li.BText, div.BText, .BText
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:Justify;
	font-size: 100%;

	font-family:"Times New Roman";
	font-weight:normal;
}

p.Spaced
{
	margin-bottom:4pt;
}

p.Body, li.Body, div.Body, .Body /* Dupe name with DIV -- Remove Body type */
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:Justify;
	font-size: 100%;

	font-family:"Times New Roman";
	font-weight:normal;
}


p.Bullet, li.Bullet, div.Bullet
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:left;
	font-size: 100%;
	text-indent: -1em;
	margin-left: 3em;
	font-family:"Times New Roman";
	font-weight:normal;
}

p.Caption, li.Caption, div.Caption
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:center;
	font-size: 100%;

	font-family:"Times New Roman";
	font-weight:normal;
}

p.Spacer, li.Spacer, div.Spacer
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:left;
	font-size: 125%;

	font-family:"Times New Roman";
	font-weight:normal;
}

.border
{
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000099;
}

p.MenuLabel, li.MenuLabel, div.MenuLabel	/* MenuLabel changes the default styles for the no javaScript menu main headings */
{
	color: #FFFFFF;
	color: #000000;
	background-color: #F5F5DC;
	font-family:"Geneva";
	text-align: left;
	text-decoration: none;
	font: Bold 75% Geneva,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.MenuSubLabel, li.MenuSubLabel, div.MenuSubLabel	/* MenuSubLabel changes the default styles for the no javaScript menu sub-headings */
{
	color: #FFFFFF;
	background-color: #000099;
	font-family:"Geneva";
	text-align: left;
	text-decoration: none;
	font: Bold 75% Geneva,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.MenuItem, li.MenuItem, div.MenuItem
{
	margin:0in;
	margin-bottom:.0001pt;
	text-align:left;
	font-size: 100%;
	text-indent: -1em;
	margin-left: 2.0em;
	font-family:"Times New Roman";
	font-weight:normal;
}

/* ********************************************************************************** */
/* ******************************** URL Link Styles ********************************* */
/* ********************************************************************************** */

a.colorlink:link			/* colorlink changes the default link styles */
{
	color: #FFFF00;
	text-decoration: none;
}
a.colorlink:visited
{
	color: #FFFF00;
	text-decoration: none;
}
a.colorlink:hover
{
	color: #FFFF00;
	text-decoration: underline;
}
a.colorlink:active
{
	color: #FFFF00;
	text-decoration: none;
}

a.menulink:link			/* menulink changes the default link styles for the no javaScript menu */
{
	color: #FFFFFF;
	background-color: #000099;
	font: normal 70% Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}
a.menulink:visited
{
	color: #FFFFFF;
	background-color: #000099;
	font: normal 70% Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}
a.menulink:hover
{
	color: #FFFFFF;
	background-color: #000099;
	font: normal 70% Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: underline;
}
a.menulink:active
{
	color: #FFFFFF;
	background-color: #000099;
	font: normal 70% Geneva,Arial,Helvetica,sans-serif;
	text-align: left;
	text-decoration: none;
}

/* ********************************************************************************** */
/* ************************* Format for Picture DIVs Styles ************************* */
/* ********************************************************************************** */
/* *** CSS DIV to allow a caption for each picture                                *** */
/* *** check SuzyUK's code here: http://www.webmasterworld.com/forum83/6713.htm   *** */
/* ********************************************************************************** */

.imgcaption
{ 
	margin: 10px; 
	padding: 10px; 
	/* width: 45px; */ 		/* width cannot go here unless all images are same size so put width inline instead */ 
	border: 0px solid #777; 	/* changes border around the entire DIV section */ 
/*	background: #F5F5DC; */
	font-size:90%; 
}


.imgcaption img {border: 0px solid #777;}	/* adjust to suit */ 
.imgleft {float: left;} 
.imgright {float: right;}
.imgcenter {margin: 2em auto 0 auto; width: 90%;}
.divcenter {margin: 0 auto 0 auto; width: 90%;}

		   /* Yes, you read this correctly. I said hack. IE does not play nice with standards, so */
		   /* this is the javascript workaround I pulled from http://www.gunlaug.no/contents/wd_additions_14.html */
		   /* This basically says “if window-width is larger than 802(px), then fix 'width' to "500px", else check */
		   /* if window-width is smaller than 170(px), and if so fix 'width' to "152px", else make 'width' "99.7%"”. */
		   /* These are the values to appeared to do what I wanted. YMMV */
.iehack {width: 560px /* fallback value */; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? 
		document.documentElement.clientWidth : document.body.clientWidth) > 752 ? '500px' : 
		(((document.compatMode && document.compatMode=='CSS1Compat') ? 
		document.documentElement.clientWidth:document.body.clientWidth) < 170 ? '152px' : '99.7%'));}


/* ********************************************************************************** */
/* ************************* Format for Calendar DIV Styles ************************* */
/* ********************************************************************************** */
/* *** CSS DIV to allow changes to calendar to be made in one location            *** */
/* ********************************************************************************** */

div.calendar_left
{
	float: left;
	width: 150px;
}

div.calendar_right
{
	margin-left: 153px;
}


/* ********************************************************************************** */
/* **************************** Format for Table Styles ***************************** */
/* ********************************************************************************** */

div.container {width:98%; margin:1%;}
/* table.center {margin-left:auto; margin-right:auto;}	/* Allow table to be centered: http://www.granneman.com/webdev/coding/css/centertables/ */

table
{	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	border-spacing: 0px;
	/* text-indent: 5px;*/			/* left indent */
}

table.noBorder
{ 
	border: 0px #000099 solid;
} 

table.stdBorder 
{ 
	background-color: #fafafa;
	border: 1px #000099 solid;
}

td
{
	color: #404040;
	border: 0px #000099 solid;
	font-family:"Times New Roman";
	font-size: 90%;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 15px 5px 5px 5px;
}

th.noFormatHD					/* Header cells */
{
	color: #404040;
	border-bottom: 2px solid #000099;		/* Header Cell Underline */
	font-family:"Times New Roman";
	text-indent: 10px;			/* left indent */
	font-weight: bold;
	text-transform:uppercase;
	/* background-color: #333333; */
	text-align: left;
	padding: 5px 0px 5px 0px;
}

td.noFormatHD					/* Header cells */
{
	border-bottom: 2px solid #000099;		/* Header Cell Underline */
	text-indent: 10px;			/* left indent */
	font-weight: bold;
	text-transform:uppercase;
	/* background-color: #333333; */
	padding: 5px 0px 5px 0px;
}

td.CenterHD					/* Header cells */
{
	border-bottom: 2px solid #000099;		/* Header Cell Underline */
	font-weight: bold;
vertical-align: middle;
	text-align:center;
	text-transform:uppercase;
	/* background-color: #333333; */
	padding: 5px 0px 5px 0px;
}

td.tightSpacing					/* Header cells */
{
	text-indent: 0px;			/* left indent */
border: 0px ;
	/* background-color: #333333; */
	padding: 2px 5px 2px 5px;
}

td.noFormatFT					/* Header cells */
{
	border-top: 2px solid #000099;		/* Header Cell Underline */
}

td.stdGrayHD
{ 
	color: #404040;
	background-color: #BEC8D1;
	border-bottom: 2px solid #000099;
	border-left: 1px solid #000099;
	text-indent: 10px;
	font-weight: bold;
	text-transform:uppercase
}

td.bold {font-weight: bold;}
td.italic {font-style: italic;}
td.border2 {border: 1px #000099 solid;}
td.center {text-align: center;}
td.leftpad {padding-left:25px;}

div.newDiv td
{
	font-family:Verdana;
	font-size: 125%;
	font-weight: normal;
}