@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 5; /* 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;
	background-color: #0033CC;
}
.thrColFixHdr #container {
	width: 960px;  /*This WAS 780px but I widened it to see what it looks like...Jay */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 6px solid #fc0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #3cf;
} 
.thrColFixHdr #header {
	padding: 3px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. JAY REMOVED PADDING*/
	background-color: #3cf;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #006;
} 

/* Color Summary */

/*

basic background
	light tan #fc6
	light blue #3cf
Heading text
	dark green
	dark blue
top nav text basic
	dark green
	dark blue (or white?)
top nav text rollover
	white
sidenav background
	dark brown #CC6633
	dark blue
sidebar nav text basic
	white
sidebar nav text rollover
	dark green
	dark blue 
main content text
	black


*/



/* begin jay's add for horizontal nav bar */
#mainNav {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

#mainNav ul {
	list-style: none;
	float: left;
	background-color: #3cf;

	background-repeat: no-repeat;
	text-decoration: none;
	background-position: left top;
}
#mainNav li {
	float: left;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}

#mainNav a {
	display: block;
	float: left;
	padding: 0 2em;
	line-height: 2.1em;
	text-decoration: none;
	color: #006;
	background-repeat: no-repeat;
}
#mainNav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6633;
	background-position: left top;
	}


/* end jay's add for nav bar */
.thrColFixHdr #header h1 {
	margin: 0;
	text-align: center;
	background-image: url(../images/tree2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 60px;
}
.thrColFixHdr #sidebar1 p {
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	background-color: #CC6633;
	color: #FFFFFF;
}
/* Now jay's  whole side bar nav thing*/

#sideNav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sideNav a{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6633;
	font-size: medium;
	text-indent: 10px;
}
#sideNav a:hover {
	color: #006;
	text-decoration: none;
	background-color: #3cf;
}

/*Now the end of jay's  whole side bar nav thing*/

.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* padding keeps the content of the div away from the edges */
	background-color: #CC6633;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}

/* jay added this to format the content in sidebar2 */
.thrColFixHdr #sidebar2content {
	padding-top: 0px;
	width: 160px;
	color: #FFFFFF;
}

.thrColFixHdr #mainContent {
	margin: 0 200px; /* 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: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC6633;
} 
.pCenter{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
}
.pSmaller {
	font-size: smaller;
	font-family: "Times New Roman", Times, serif;
}
.pEmphisize {
	font-weight:bold;
}

.pEmphisizeColor {
	font-weight:bold;
	color: #0033CC;
}

.pEmphisizeColorRed {
	font-weight:bold;
	color: #FF0000;
}

.pEmphisizeColorCenter {
	font-weight:bold;
	color: #0033CC;
	text-align: center;
}


.pEmphisizeColorRedCenter {
	font-weight:bold;
	color: #FF0000;
	text-align: center;
}

.pEmphisizeColorUnderlined {
	font-weight:bold;
	color: #0033CC;
	text-decoration: underline;
}

.h2Center {
	text-align: center;
}

.thrColFixHdr #footer {
	padding: 0 10px 0 20px;
	background-color: #3cf;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color: #009900;
	font-weight: bold;
}

.thrColFixHdr #footer pTinyLeft {
	font-size: x-small;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	color: #0033CC;
}

.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;
}

/* modify default link color to make it darker */

a:link {
	color: #000099;
	
/* modify default link color */
}
#SingleUseBackground {
	background-image: url(../images_temporary/2010luau.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 500px;
}

#Promotion {
	background-repeat: no-repeat;
	height: 266px;
	width: 500px;
	border: medium solid #fc0;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#PhotoDisplay {
	background-image: url(../images/indexphoto/indexphoto01.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 500px;
	border: thin none #0066CC;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	background-position: center;
	padding-right: 1em;
	padding-left: 1em;
}