/********************************************/
	/* START Resetting the CSS for all browsers */
	/********************************************/
	/* from http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1.2;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/*******************************************/
	/* STOP Resetting the CSS for all browsers */
	/*******************************************/
	
	/************************/
	/**** START ELEMENTS ****/
	/************************/
	body {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #698FAA;
	height: 100%;
	text-align: center;
	min-width:760px;
	}

	a { margin: 0 }
	
	a:link		{ color: #336699; text-decoration: none; font-weight: 600; }
	a:visited	{ color: #336699; text-decoration: none; font-weight: 600; }
	a:hover 	   { color: #6699cc; text-decoration: underline; font-weight: 600 }
	a:active 	{ color: #6699cc; text-decoration: underline; font-weight: 600 }
	
	a.white:link	 { color: white; font-weight: 500 }
	a.white:visited { color: white; font-weight: 500 }
	a.white:hover   { color: white; text-decoration: underline; font-weight: 500 }
	a.white:active  { color: white; text-decoration: underline; font-weight: 500 }

	h1, h2, h3, h4, h5, h6, li, ul, div, p { font-family: verdana, arial, helvetica, sans-serif; padding: 0; }

	h1 { 
	margin-top:0px;
	margin-bottom:0.5em;
	font-size:16pt;
	font-weight: 700;
	}
	
	h2 { 
	margin-top:0px;
	margin-bottom:0.5em;
	font-size:14pt;
	font-weight: 700;
	}

	h3 { 
	margin-top:0px;
	margin-bottom:0.5em;
	font-size:12pt;
	font-weight: 700;
	}
	
	h4 { 
	margin-top: 0px;
	margin-bottom: .5em;
	font-size:11pt;
	font-weight: 600;
	}
						
	h5 { 
	margin-top: 0pt;
	margin-bottom: 6px;
	font-size:10pt;
	font-weight: 600;
	}
		
	h6 { 
	margin-top: 0pt;
	margin-bottom: 4px;
	font-size:8pt;
	font-weight: 600;
	}

	form {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	}
	
	p {	
	margin: 0;
	margin-bottom: 10px;
	font-size: 9pt;
	}
	
	ol { 
	font-size: 9pt;
	}	
	
	ul {
	padding: 0em;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	list-style: circle;
	font-size: 9pt;
	}
	
	li {
	margin:0;
	margin-top:2px;
	margin-bottom:2px;
	padding:0;
	line-height:145%;
	}

	td { 
	font-size: 9pt;
	padding: 2px;
	}
	
	img {
	margin: 0;
	padding: 0;
	}
	
	hr { /* ugly, but only way to set cross-browser hr color */
	height: 0;
	border: 0;
	border-top: 1px solid #698FAA; 
	margin-top: 5px;
	margin-bottom: 5px;
	}
	/***********************/
	/**** STOP ELEMENTS ****/
	/***********************/


	/***********************/
	/**** START CLASSES ****/
	/***********************/
	
	input.button {
	width: 85px;
	}
	
	.ColumnContainerBox {
	position: relative;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	border: #2368a0 1px solid;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:0;
	padding-bottom:0;
	z-index: 25;
	background-color: white;
	}

	/* Hack to fix IE6 bug */
	.ColumnContainerBox { width:686px; } /* IE6 */
	html>body .ColumnContainerBox { width:688px; } /* Everything Else */
	
	.FullColumn {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	z-index: 25;
	background-color: white;
	}

	/* Hack to fix IE6 bug */
	.FullColumn { width:709px; } /* IE6 */
	html>body .FullColumn { width:710px;} /* Everything Else */
	
	.BigLeftColumn {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	z-index: 25;
	background-color: white;
	}
	
	/* Hack to fix IE6 bug */
	.BigLeftColumn { margin-right:9px; width:470px; } /* IE6 */
	html>body .BigLeftColumn { margin-right:20px; width:465px;} /* Everything Else */
	
	.SmallRightColumn {
	position: relative;
	margin: 0;
	padding: 0px;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	z-index: 25;	
	background-color: white;
	}
	
	/* Hack to fix IE6 bug */
	.SmallRightColumn { margin-left:0px; width:210px; } /* IE6 */
	html>body .SmallRightColumn { margin-left:11px; width:214px;} /* Everything Else */
	
	.EqualLeftColumn {
	position: relative;
	margin:0;
	padding:0;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	z-index: 25;
	background-color: white;
	}
	
	/* Hack to fix IE6 bug */
	.EqualLeftColumn { margin-right: 9px; width:323px; } /* IE6 */
	html>body .EqualLeftColumn { margin-right: 20px; width:324px;} /* Everything Else */
	
	.EqualRightColumn {
	position: relative;
	margin:0;
	padding:0;
	float: left;
	display: inline; /* This fixes an IE6 float bug */
	z-index: 25;
	background-color: white;
	}
	
	/* Hack to fix IE6 bug */
	.EqualRightColumn { margin-left: 9px; width:323px; } /* IE6 */
	html>body .EqualRightColumn { margin-left: 20px; width:324px;} /* Everything Else */	

	div.box, .box-module {
	border:#2368a0 1px solid;
	padding:10px;
	}
	
	.box-module {
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	}
	
	
	/* This creates a bullet-point image that is centered */
	ul.bullet-arrow li, p.bullet-arrow, h1.bullet-arrow, h2.bullet-arrow, h3.bullet-arrow, h4.bullet-arrow, 
	h5.bullet-arrow, h6.bullet-arrow {
	list-style-type: none;
	background-image: url(../images/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 20px;
	}
	
	ul.bullet-arrow li {
	margin-left: -10px;
	margin-bottom:6px;;
	}
	
	p.bullet-arrow, h6.bullet-arrow {
	line-height: 145%;
	}
	
	/* This creates a bullet-point image that is centered */
	ul.bullet-star li, p.bullet-star, h1.bullet-star, h2.bullet-star, h3.bullet-star, h4.bullet-star, 
	h5.bullet-star, h6.bullet-star {
	list-style-type: none;
	background-image: url(../images/bullet-star.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
	padding-left: 20px;
	}
	
	.TextboxLabel {
	font-size:12px;
	font-weight:bold;
	}
	
	ul.bullet-star li {
	margin-left: -10px;
	}
	
	p.bullet-star, h6.bullet-star {
	line-height: 145%;
	}
	
	.thumb {
	border-color: #2368a0;
	border-width: 1px;
	border-style: solid;
	margin-top: 0;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 7px;
	}
	
	.alert-box { /* .alert-box and .alert exist because there is no way to do it with one div.  ".alert-box" should be the outer div.*/
	border:#2368a0 1px solid;
	padding:10px;
	margin:0;
	background-color:#f4f4f4;
	vertical-align: middle;
	text-align: left;
	font-size: 10pt;
	}	
	
	.alert {
	background-color:#f4f4f4;
	background-image:url(../images/alert.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:36px;
	min-height: 2em; /* "min-height" works in every browser, but IE6 needs it applied to a TD */
	position:relative;  /* for some reason IE6 needs this line to display the background-image */
	}
	
	.alert p {
	font-size: 12px;
	}

	.welcome {	
	width: 650px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: center;
	}
	
	input.answers {
	background-color:#EAE5D3;
	}
	
	.indent {
	margin-left:2em;
	}
	
	.darkblue { color:#2368a0; }
	
	.white { color: #FFFFFF; }

	.right { text-align: right; }

	.small { 
	font-size: 8pt;
	margin-bottom: 6px; 
	}
	
	.clearer {
	clear:both;
	height:0;
	}
	
	/**********************/
	/**** STOP CLASSES ****/
	/**********************/


	/*******************/
	/**** START IDs ****/
	/*******************/
	#content {
	position: relative;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 20px;
	border: 1px solid #ffcc00;
	text-align: left;
	background-color: white; 
	z-index: 1;
	overflow: hidden;
	}

	/* Hack for IE6 */
	#content { width:710px; } /* IE6 only */
	html>body #content { width:710px; } /* Everything Else */

	#contentNoBorder {
	position: relative;
	width: 730px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	border: 1px solid #ffcc00;
	text-align: left;
	background-color: white; 
	z-index: 1;
	overflow: hidden;
	border: none;
	}
	
	#header {
	background-color: white;
	width: 100%;
	height: 100px;
	margin-top: 0px;
	padding:0px;
	position: relative;
	z-index: 200; 
	}
		
	#footer { 
	clear: both;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0;
	text-align: center;
	}
	
	#footer p {
	font-size: 7pt;
	}
		
	/******************/
	/**** STOP IDs ****/
	/******************/


	/********************************/
	/**** START Navigation Stuff ****/
	/********************************/	
	
	#nav_list {
	padding: 4px;
	margin: 0;
	margin-bottom: 0;
	text-align: center;
	background-color: #FFCC00;
	overflow: hidden;
	}	
	
	#nav_list ul {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
	
	#nav_list li {
	display: inline;
	font-size: 8pt;
	list-style-type: none;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: baseline;
	}

	#nav_list li a {
		border:3px;
	}
	
	/* Normal menu bar links */
	#nav_list a:link, #nav_list a:visited {
	color:#2368a0;
	font-weight:bold;
	text-decoration: none;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	}
	
	/* Menu bar links that refer to the current page */
	#loc_home     #nav_list .loc_home     a, 
	#loc_calendar #nav_list .loc_calendar a, 
	#loc_tools    #nav_list .loc_tools    a, 
	#loc_pqview   #nav_list .loc_pqview   a, 
	#loc_search   #nav_list .loc_search   a,
	#loc_projects #nav_list .loc_projects a,
	#nav_list a:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	background-color:#2368a0;
	border-color:#2368a0;
	border-style:solid;
	border-top-width:6px;
	border-bottom-width:5px;
	margin-left:7px; 
	margin-right:7px;
	}
	
	/* Menu bar links while clicked - but new page not loaded */
	#nav_list a:active {
	background-color:#698FAA;
	border-color:#698FAA;
	border-style: solid;
	border-top-width: 6px;
	border-bottom-width: 5px;
	margin-left:7px;
	margin-right:7px;
	color:white;
	}
	
	#nav_crumbs {
	position: relative;
	width: 750px;
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	padding-bottom:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	}
	
	#nav_crumbs p {
	margin-top: 8px;
	}
	
	#nav_crumbs a {
	color:white;
	}
	/*******************************/
	/**** STOP Navigation Stuff ****/
	/*******************************/

.AboutThisSiteBox { width:334px; } /* IE6 */
html>body .AboutThisSiteBox { width:334px; } /* Everything Else */

.LoginRegisterBox { width:303px; } /* IE6 */
html>body .LoginRegisterBox { width:303px; margin-left:0px; margin-right:10px; } /* Everything Else */