/* Simple Reset */
* {margin:0; padding:0; border:0;}
html {font-size:100.01%;}
body {
	background:#E9E9E9;
/*	color:#787878;*/
	color:#666;
	font-family:Tahoma,Arial,Helvetica,Geneva,Swiss,Verdana,sans-serif;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center; /* This centers the container in IE 5+ browsers. The text is then set to left aligned in #container */
	}
.bold {color:#1F8FAA; font-weight:bold;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
	}
/*********************************************************/
/*********************** Container ***********************/
#container {
	background:#fff;
	border:1px solid black;
	margin:0px auto;
	padding:10px;
	text-align:left;
	width:960px;
	}
/*********************************************************/
/************************ Header *************************/
#header {
	height:200px;
	margin:0;
	position:relative;
	width:940px;
	}
#header-for-printing {display:none; text-align:center;}
/*********************************************************/
/**************** Top of Page Navigation *****************/
#upper-nav {
/*	background-image:url(images/bg-lh-sidebar.jpg);*/
	background:#2e2e2e;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:auto;
	margin-bottom:2px; /* Just added this, so I could delete the footer-line div */
	padding-left:10px;
	text-align:center;
	width:950px;
	}
#upper-nav a:link	 {color:#fff; text-decoration:none; font-weight:bold; padding:0 5px;}
#upper-nav a:visited {color:#fff; text-decoration:none; font-weight:bold; padding:0 5px;}
#upper-nav a:hover   {color:#fff; text-decoration:none; font-weight:bold; border:1px solid; padding-top:1px; padding-bottom:1px; margin-left:-1px; margin-right:-1px;}
/*********************************************************/
/********************** Navigation ***********************/
#navigation {
/*	background-image:url(images/bg-lh-sidebar.jpg);*/
	background:#2e2e2e;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:auto;
	padding-left:10px;
	text-align:center;
	width:950px;
	}
#navigation a:link	  {color:#fff; text-decoration:none; font-weight:bold; padding:3px 5px;}
#navigation a:visited {color:#fff; text-decoration:none; font-weight:bold; padding:3px 5px;}
#navigation a:hover	{border:1px solid white; margin-left:-1px; margin-right:-1px;}
/*#navigation a:hover	{color:#fff; text-decoration:overline underline; font-weight:bold;}*/
/*#navigation a:hover	{color:#fff; text-decoration:none; font-weight:bold; border-top:1px solid; border-bottom:1px solid; padding-top:1px; padding-bottom:1px;}*/
/*#navigation a:hover	{color:#fff; text-decoration:none; font-weight:bold; border:1px solid; padding-top:1px; padding-bottom:1px; margin-left:-1px; margin-right:-1px;}*/

/*********************************************************/
#twoColumnContainer {
	background-image:url(../images/2column-bg.gif);
/*	border:1px solid #0F0;*/
	float:right;
/*	margin-top:5px;*/
	margin-top:2px;
	width:960px;
	}
/*********************************************************/
/*********************** LH Column ***********************/
#lhColumn {
	color:#fff;
	float:left;
	margin-left:-100%;
	padding:10px 10px 0 10px;
	text-align:left;
	width:180px; /* The width you put here = the real width you want - padding-left - padding-right */
	}
#lhColumn p  {font-size:12px; line-height:14px; padding-bottom:10px;}
#lhColumn h1 {color:#f6e16f; font-size:32px; font-weight:bold; display:inline;}
#lhColumn h2 {color:#f6e16f; font-size:28px; font-weight:bold; display:inline;}
#lhColumn h3 {color:#f6e16f; font-size:24px; font-weight:bold; display:inline;}
#lhColumn h4 {color:#f6e16f; font-size:20px; font-weight:bold; display:inline;}
#lhColumn h5 {color:#f6e16f; font-size:16px; font-weight:bold; display:inline;}
#lhColumn h6 {color:#f6e16f; font-size:14px; font-weight:bold; display:inline;}

#lhColumn ul {
	list-style:none;
	margin-left:0;
	padding-bottom:10px;
	padding-left:0;
	}
#lhColumn li {
	background-image:url(../images/li-triangle-lh-column.gif);
	background-repeat:no-repeat;
/*	background-position:0 .75em;*/
	background-position:0 6px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	}
#lhColumn a:link	{color:#fff; text-decoration:none; font-weight:bold;}
#lhColumn a:visited {color:#fff; text-decoration:none; font-weight:bold;}
#lhColumn a:hover   {color:#fff; text-decoration:underline; font-weight:bold;}

/*********************************************************/
/******************** Content Column *********************/
#contentwrapper {float:left; width:100%;}
#content {
	color:#666;
	float:left;
	margin-left:210px;
	margin-bottom:-10px;
	padding:10px 0 10px 0;
	text-align:left;
	width:750px;
	}
#content p  {font-size:14px; line-height:18px; padding-bottom:10px;}
#content h1 {color:#1F8FAA; font-size:32px; font-weight:bold; padding-bottom:10px;} /* 77b003 */
#content h2 {color:#1F8FAA; font-size:28px; font-weight:bold; padding-bottom:9px;}
#content h3 {color:#1F8FAA; font-size:24px; font-weight:bold; padding-bottom:8px;}
#content h4 {color:#1F8FAA; font-size:20px; font-weight:bold; padding-bottom:7px;}
#content h5 {color:#1F8FAA; font-size:16px; font-weight:bold; padding-bottom:6px;}
#content h6 {color:#1F8FAA; font-size:14px; font-weight:bold; padding-bottom:5px;}

#content ul {
	list-style:none;
	margin-left:0;
	padding-bottom:10px;
	padding-left:0;
	}
#content li {
	background-image:url(../images/li-bullet-content.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#666;
	font-size:14px;
	margin-left:15px;
	padding-left:20px;
	padding-bottom:7px;
	}
.tight {margin-bottom:-7px;}
#content a:link	   {color:#090; text-decoration:none; font-weight:bold;}
#content a:visited {color:#090; text-decoration:none; font-weight:bold;}
#content a:hover   {color:#090; text-decoration:underline; font-weight:bold;}

/*#content p.tiny  {font-size:9px;}*/
.tiny  {font-size:9px;}
.sml   {font-size:10px;}
.med   {font-size:12px;}
.body  {font-size:14px;}
.lrg   {font-size:16px;}
.xlrg  {font-size:20px;}
.xxlrg {font-size:24px;}

/*********************************************************/
/************************ Footer *************************/
/*.footer-line {background-image:url(../images/footer-line.gif); width:960px; height:5px;}*/
.footer-line {background-image:url(../images/footer-line.gif); width:960px; height:2px;}
/*#footer {background:#7E9197; float:left; padding:2px 5px; width:927px; margin:auto;}*/
#footer {background:#7E9197; float:left; height:50px; margin:auto; padding-top:5px; width:960px;}
#footer p {color:#fff; font-size:11px; padding:15px 0px;}
#footer a:link	  {color:#fff; text-decoration:none; font-weight:bold;}
#footer a:visited {color:#fff; text-decoration:none; font-weight:bold;}
#footer a:hover   {color:#fff; text-decoration:underline; font-weight:bold;}

img {border:none;}

.lh1pt5 {line-height:150%;}

td {color:#666; font-size:12px; font-family:Tahoma,Arial,Helvetica,Geneva,Swiss,Verdana,sans-serif;}

a:link	  {color:#0000ff; text-decoration:none; font-weight:bold;}
a:visited {color:#663399; text-decoration:none; font-weight:bold;}
a:hover   {color:#009900; text-decoration:underline; font-weight:bold;}

/*********************************************************/
/********************* Image Related *********************/
img {border:none;}
.blue-border1 {border:1px solid #003399;}
.blue-border2 {border:2px solid #003399;}

/*********************************************************/
/*************** Pictures without Captions ***************/
img.floatLeft {
	float:left;
	margin:0 10px 2px 0;
	}
img.floatRight {
	float:right;
	margin:0 0 2px 10px;
	}
/*********************************************************/
/*************** Top of Page Image Rollover **************/
a.ro-top {
	background:url("../images/top-of-page.jpg");
	display:block;
	height:37px;
	margin-left:50px;
	text-decoration:none;
	width:55px;
	}
a.ro-top:hover {
	background-position:0 -37px;
	}
.displace {
	left:-5000px;
	position:absolute;
	}
/*********************************************************/
/****************** Home Page Slideshow ******************/
#slideshow {width:758px; height:200px; position:relative;}
/*#slideshow img {left:0; margin-top:-1px; opacity:0.0; position:absolute; top:0; z-index:8;}*/
#slideshow img {left:0; opacity:0.0; position:absolute; top:-1px; z-index:8;}
#slideshow img.active {opacity:1.0; z-index:10;}
#slideshow img.last-active {z-index:9;}

/*********************************************************/
/***************** 3 equal width columns *****************/
.container3Columns {background-image:url(../images/3column-bg.gif); float:left; width:750px;}
.left2Columns {float:left; width:499px;} /* container2LeftColumns */
.column1 {float:left; padding:10px; width:227px;}
.column2 {float:left; padding:10px 12px; width:224px;}
.column3 {float:left; padding:10px 17px; width:216px;}

/*********************************************************/
/******************** Across 3 columns *******************/
.across3ColumnsTeal {background-color:#ADF5DE; float:left; padding:10px; width:730px;}
.across3ColumnsBrown {background-color:#eaf2cc; float:left; padding:10px; width:730px;}

/*********************************************************/
/*********** 2 columns - LH Col = 2x the RH Col **********/
.container2x1 {background-image:url(../images/2column2x1-bg.gif); float:left; width:750px;}
.column1Lh {float:left; padding:10px 10px 10px 15px; width:471px;}
.column2Rh {float:left; padding:10px 10px 10px 15px; width:225px;}

/*********************************************************/
/***************** 2 equal width columns *****************/
.container2EqualColumns {background-image:url(../images/2columns-equal-bg.gif); float:left; width:750px;}
.column1EqualLh {float:left; padding:10px 10px 10px 15px; width:346px;}
.column2EqualRh {float:left; margin-left:4px; padding:10px 10px 10px 15px; width:346px;}

/*********************************************************/
/*********** 2 equal width columns - Reversed ************/
.container2EqualColumnsReversed {background-image:url(../images/2columns-equal-rev-bg.gif); float:left; width:750px;}
.column1EqualLhRev {float:left; padding:10px 10px 10px 15px; width:346px;}
.column2EqualRhRev {float:left; margin-left:4px; padding:10px 10px 10px 15px; width:346px;}

/*********************************************************/
/******************** 2 Rows 1 Column ********************/
.containerFor2rows1column {width:750px;}
.lhContainer {float:left; margin-right:5px; width:505px;}
.lhUpper {background-color:#EAF2CC; display:block; margin-bottom:5px; padding:10px; width:505px;}
.lhLower {background-color:#CFC; padding:10px; width:505px;}
.rhColumnAcrossTwoRows {background-color:#D4EAE8; float:right; padding:10px; width:200px;}

/*********************************************************/
/********** 3 200px Thumbnails Across w/Captions *********/
.containerForTn3across200px {margin:0 auto 40px auto; width:660px;}
.tn1and2-200px {float:left; margin:0 30px 10px 0; text-align:center; width:200px;}
.tn3-200px {float:left; margin-bottom:10px; text-align:center; width:200px;}
.caption200px {font-size:14px;}

/*********************************************************/
/******** 6 100px Thumbnails Across - No Captions ********/
.containerForTn6across100px {margin:0 auto 20px auto; width:700px;}
.tn1thru5-100px {float:left; margin-right:20px; text-align:center; width:100px;}
.tn6-100px {float:left; text-align:center; width:100px;}

/*********************************************************/
/********************* Forms Styling *********************/
fieldset {
	border:1px solid #069;
	margin:auto;
	padding:20px;
	width:650px;
	}
legend {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-weight:bold;
	padding:4px 6px;
	}
input {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-size:14px;
	margin-bottom:7px;
	padding:4px;
	}
select {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-size:14px;
	margin-bottom:7px;
	padding:4px;
	}
textarea {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-family:inherit;
	font-size:14px;
	margin-bottom:7px;
	padding:4px;
	}
.form-button {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-weight:bold;
	padding:3px 7px;
	}
.form-button:hover {
    background:#393;
    border:1px solid #f00;
	cursor:pointer;
	}
label {
    display:block;
    float:left;
	font-size:14px;
	font-weight:bold;
    margin:5px 5px 0 0;
    text-align:right;
    width:145px;
	}
.commentsn {display:none;}

/*********************************************************/
/*************** Miscellaneous Definitions ***************/
hr {background-color:#090;}
.bullet {color:#1F8FAA;}
.center {text-align:center;}
.clear {clear:both;}
.item {float:right; clear:right;}
.item-container {float:right;}
.second-level-table td {
	border:0;
	padding:5px;
	}
#top {margin:0;}

.horiz-ruler {
	background-image:url(../images/pixel-green.gif);
	height:2px;
	padding-bottom:15px;
	text-align:center;
	width:95%;
	}

