@charset "utf-8";
/* CSS Document */
<!-- 
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColFixHdr #container { 
	width: 915px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.thrColFixHdr #container p{
	padding: 0px 3px 0px 0px;
	color:#000000;
	font-size:12px;
}
 
.thrColFixHdr #header { 
	background: #000000;
	padding: 0px 0px 0px 0px;
}
/************* #globalNav styles **************/

#globalNav{
	font-weight: normal;
	font-size: 12px;
	padding: 0px 4px 4px 10px;
	color: #99CCFF;
	text-decoration:none;
	text-align:center;
	padding: 0px 0px 2px 0px;
	white-space: nowrap;
	background-color:#000000;	
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
    font-weight:normal;
	font-size: 12px;
	padding: 0px 10px 4px 10px;
	color: #99CCFF;
	text-decoration:none;
}

#globalNav a:hover {color:#FFFFFF;}
/****************************************/
 
.thrColFixHdr #sidebar1 {
	font:70%;
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 600px; /* NOTE TO SELF: Original Height of the page is 600px, change this if more vertical space is needed on the page, it has been 1300px */
	padding: 10px 0px 0px 0px;
	background-color: #DDDDDD;
	background-image: url(Images/Final%20Side.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebar1 ul a:link, #sidebar1 ul a:visited, #sidebar1 h5 {
	display: block;
	width:130px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 0px 3px 30px;
}
#sidebar1 ul a:hover {
	background-color:#000000;
	color:#99CCFF;
	font-weight:bold;
}
#sidebar1 ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar1 li {border-bottom: 0px solid #000;}

/* fix for browsers that don't need the hack */
html>body #sidebar1 li {border-bottom: none;}

/* END Left Navigation Column */

/* BEGIN Right Navigation Column */
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px;
	background: #FFFFFF;
	padding: 10px 10px 15px 20px;
	border-left-style:dotted;
	border-left-color:#99CCFF;
}
.thrColFixHdr #sidebar2 h4 {
	font-size:12px;
	text-decoration:none;
}

/* BEGIN Center Content */
.thrColFixHdr #mainContent { 
	margin: 0 150px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 15px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.thrColFixHdr #mainContent a, .thrColFixHdr #mainContent a:hover, .thrColFixHdr #mainContent a:visited {
	color: #3366CC;
	text-decoration:underline;
	font-weight:bold;
}

.thrColFixHdr #mainContent h1{
	color: #3366CC;
	font-size:18px;
	font-weight:bold;
}

.thrColFixHdr #mainContent h2{
	color: #990000;
	font-size:18px;
	font-weight:bold;
}

/* BEGIN Footer Content */
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.thrColFixHdr #footer p {
	font-size:10px;
	text-align:center;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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;
}