*
{
	margin:0px;
	border:0px;
	padding:0px;
}

html, body
{
	height:101%;
	background-color:#072c70;
}

h1
{
	margin-bottom:10px;
	font-size:20px;
	line-height:24px;
}

h2
{
	margin-bottom:10px;
	font-size:16px;
	line-height:20px;
}

h3
{
	margin-bottom:5px;
	font-size:14px;
	line-height:18px;
}

p {margin:5px 0px 20px 0px;}

ol, ul {margin:10px 0px 20px 20px;}

img {vertical-align:bottom;}

a
{
	color:#0033ff;
	text-decoration:underline;
}

a img {text-decoration:none;}

.makeBold {font-weight:bold;}
.ital {font-style:italic;}
.uline {text-decoration:underline;}
.noList
{
	margin:0px;
	list-style:none;
}
.spacedList li {margin-bottom:10px;}

.smallerText {font-size:smaller;}
.largerText {font-size:larger;}
.grayText, .grayText a {color:#777777;}
.blueText, .blueText a {color:#072c70}
.blueBack {background-color:#072c70;}
.redTriangle
{
	font-size:10px;
	color:#ff0000;
}

.fontArial {font-family:Arial;}
.fontVerdana {font-family:Verdana;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}

.reset
{
	margin:0px;
	border:0px;
	padding:0px;
}
.lightPadding {padding:10px;}

.buttonMode {cursor:pointer;}
.linkMode {cursor:pointer; text-decoration:underline;}

.twoCol
{
	padding:5px;
	width:210px;
	float:left;
}

.twoColList /*use in place of twoCol as a list to accommodate list bullet's margin*/
{
	padding:5px;
	width:190px;
	float:left;
}

.threeCol
{
	padding:5px;
	width:137px;
	float:left;
}

.threeColList /*use in place of threeCol as a list to accommodate list bullet's margin*/
{
	padding:5px;
	width:117px;
	float:left;
}

.sitemapPod
{
	margin:5px;
	border:1px solid #cfcfcf;
	padding:5px;
	width:110px;
	float:left;
	background-color:#efefef;
	font-size:11px;
	text-align:left; /*to override the "text-align:justify" applied to the #contentWhite area*/
}

.sitemapPod h3
{
	margin:-5px -5px 5px -5px;
	border-bottom:1px solid #cfcfcf;
	padding:5px;
	background-color:#dfdfdf;
	font-size:12px;
	text-align:center;
}

.sitemapPod ol, .sitemapPod ul
{
	margin:0px;
	list-style:none;
}

.sitemapPod ol li, .sitemapPod ul li
{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dfdfdf;
	padding:5px 0px;
}

.sitemapPod ol li:first-child, .sitemapPod ul li:first-child {border-top:none;}
.sitemapPod ol li:last-child, .sitemapPod ul li:last-child {border-bottom:none;}

.sitemapPod a {color:#000000;}

/*
	The use of #wrapper and #innerWrapper is because IE6 won't read min-height; otherwise, we could combine overflow:hidden (for floats) with min-height:100% for a wrapper that would always stretch the window height or more.
	
	#wrapper:
		hold the whole page;
		holds absolutely-positioned #footer;
		stretches the window height or more;
		as such, has set minimum height which makes it incompatible with overflow:hidden for floating child elements.
	
	#innerWrapper:
		will hold #leftCol & #rightCol floats;
		overflow:hidden and no height set so it stretches as long as the longer of the two floats is.
*/
#wrapper
{
	margin:0px auto;
	padding:0px 20px;
	width:940px;
	min-height:100%;
	_height:100%; /*IE6*/
	position:relative;
	background-image:url("../images/wrapper_bg.jpg");
	background-repeat:repeat-y;
}

#innerWrapper
{
	padding-bottom:50px; /*this will space its contents away from the absolutely-positioned #footer in #wrapper, no matter how tall said contents are*/
	width:940px;
	position:relative;
	overflow:hidden;
}

#leftCol
{
	width:173px;
	float:left;
}

#rightCol
{
	width:767px;
	float:left;
}

#header
{
	width:767px;
	height:149px;
}

#menu
{
	margin:0px;
	padding-left:50px;
	width:690px;
	height:21px;
	position:absolute;
	top:128px;
	left:200px;
	list-style:none;
	background-image:url("../images/menu_bg.jpg");
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#menu li
{
	border-right:1px solid #cbcbcb;
	padding-top:4px;
	width:71px;
	height:17px;
	float:left;
	text-align:center;
	cursor:pointer;
}

#menuHome {border-left:1px solid #cbcbcb;}

#menu div
{
	margin-top:4px;
	border-bottom:1px solid #cbcbcb;
	width:150px;
	display:none;
}

#menu a
{
	border:1px solid;
	border-top-color:#f0f0f0;
	border-right-color:#cbcbcb;
	border-bottom-color:#cbcbcb;
	border-left-color:#f0f0f0;
	padding:5px;
	display:block;
	background-color:#e5e5e5;
	text-align:left;
	text-decoration:none;
}

#menu a:link {color:#777777;}
#menu a:visited {color:#777777;}
#menu a:hover {color:#ffffff; background-color:#0066a4;}
#menu a:active {color:#777777;}

#pageID {display:none;}

#contentWhite, #contentWhiteFlash
{
	float:left;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

#contentWhite
{
	padding:50px 75px 0px 75px;
	width:444px;
}

.bleedContent
{
	margin:0px -75px; /*reversing the 75px L-R padding of the #contentWhite area in order to span said area*/
	width:590px;
}

#contentWhiteFlash {width:594px;}

#contentGray, #contentGrayCentered
{
	width:173px;
	float:right;
	background-color:#e5e5e5;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:10px;
	color:#777777;
	text-align:center;
}

#contentGrayCentered {padding-top:80px;}

#contentGray ol, #contentGrayCentered ol, #contentGray ul, #contentGrayCentered ul {padding:10px;}

#contentGray li, #contentGrayCentered li {margin-bottom:10px;}

#privacyBody
{
	padding-left:150px;
	background-image:url("../images/privacy_lock.jpg");
	background-repeat:no-repeat;
}

#galleryViewer
{
	margin:0px -35px; /*reducing the 75px L-R padding of the #contentWhite area in order to span said area*/
	width:524px;
}

#galleryViewer img
{
	vertical-align:middle;
}

#galleryCaption
{
	color:#777777;
	text-align:center;
}

#footer
{
	border-top:1px solid #cccccc;
	padding:10px 0px;
	width:940px;
	position:absolute;
	bottom:0px;
	left:20px;
	background-color:#ffffff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
}

#footer ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer li
{
	margin:0px;
	padding:0px 20px;
	display:inline;
	list-style:none;
}

#footer a {color:#777777;}