/* CSS Document */
/*Here are some basic rules to remember when doing the stylesheet:
1) When defining the margin or padding, you can list each side out as margin-top, right, left, or bottom and padding-top, right, left, or bottom. The other way to list it is simpley put margin: top right bottom left or padding: top right bottom left. Remember that if you list one side as pixels or percentage you should list all sides in the same way.
2) By listing the font-size as pixels then it won't be changeable by the individual user.
3) The lower the definition is on the stylesheet the more importance it is given. This is particularly important with subtag elements that change the same tag. This happens with the anchor tag with link, visited, hover and active. The most important thing is that the hover tag is listed below the visited tag, otherwise the hover element may not work correctly in all browsers.
4) http://www.meyerweb.com/eric/css/references/index.html, this is a good location to find a reference list for both CSS1 and CSS2.
5) All colors need to be listed using hexidecimal numbers for the colors. 
6) If you want to make a section to describe multiple tags, you need to put a comma inbetween them. For example: ul, dl, ol, then place the brackets and put the description in there.
7) If you want to describe tags within tags, such as anchor tags within paragraphs, then you list them in order for outside in. For example: p a { insert descriptors here}.*/
/* Tag Attributes (define the tags in the documents)*/
/*The body tag will define everything basically shown on the page, this defines the font used on every page, the background color, and by putting the center for the text-align, makes all of the content centered*/
body{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*By defining the font-size in pixels the individual cannot change the size through their browser*/
/*Define the paragraph elements*/
p {
	font-size: 12pt;
}
/*Define the header1 elements*/
h1 {
	font-size: 18pt;
	font-weight: bold;/*Also can be number 0-900, increments of 100*/
	color: #000000;
	border-bottom: 3px solid #000000;
}

/*Define the header2 elements*/
h2 {
	text-align: left;
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
	border-bottom: 3px solid #000000;
}
/*Define teh header3 elements*/
h3 {
	font-weight: bold;
	font-size: 14pt;
}
/*define anchor tags*/
a:link{
	color: #000000;
	text-decoration: underline;
}
/*Define anchor tags during their visited state, this is after someone has clicked the link*/
a:visited{
	color: #000000;
	text-decoration: underline;
}
/*define anchor tags during the hover state, this is when someone rolls over the link*/
a:hover {
	color:#000000;
	text-decoration:underline;
}
/*define anchor tags during the active state, this is as someone clicks on the link*/
a:active{
	color: #000000;
	text-decoration: underline;
}
/*define the ordered, unordered and definition lists tags*/
ol, ul, dl {
	font-size: 12pt;
}

table{
	font-size: 10pt;
	width: 480px;
}

td{
	width: 60px;
}
/*Nested Tag Attributes when you  have a link within a paragraph for example*/
/*defines the image within an anchor tag*/
a img{
	border: none;
}
/*this is the anchor within a pargraph element*/
p a:link{
	text-decoration: underline;
}


/*Classes (can appear multiple times on a html page)*/
/*Any main navigation that is not the main 5 navigation*/
/*These override the anchor tags listed above, and define the link, visited, and hover state*/
.right{
	float: right;
}

.left{
	float: left;
}

.search{
	margin-left: 635px;
}

.mainNav{
	margin-bottom: 10px;
}


.clear{
	float: clear;
}

/*ID's (only appear once on a page)*/
/*Top of Page*/
/*Container div holds everything together*/
#container{
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	background: url(../images/header.jpg) no-repeat;
}

#content{
	background: url(../images/contentbg.gif) repeat-y;
	width: 1000px;
}

#mainText{
	 width: 800px;
	 margin-left: 173px;
	 padding: 2px;
}

html<body #mainText{
	width: 800px;
}

#mainText img{
	padding: 5px;
}

/*Defines an area over the title to link to the home*/
a#title{
	position: absolute;
	text-decoration: none;
	text-align: left;
	top:5px;
	right:108px;
	width: 900px;
	height: 30px;
	font-size: 24pt;
}

a#title h1{
	font-size: 24pt;
}

#sitemap li{
	font-weight: bold;
	margin-top: 5px;
}

#header{
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: 103px;
	padding-top: 50px;
	padding-left: 40px;
	visibility: hidden;
}

#header a{
	color:#FFFFFF;
	text-decoration: none;
	margin-right: 5px;
}

#header a:hover{
	text-decoration: underline;
}


#rightCol{
	float:right;
	width: 330px;
	padding-left:  10px;
	padding-bottom: 10px;
}
/* Fix IE. Hide from IE Mac \*/
html>body #rightCol{
	width: 330px;
}
/*End*/

#rightCol a{
	color: #ffffff;
}

#rightCol a:hover{
	color: #23784a;
}

/*Left Hand Column and Drop Down Menu Items*/
#leftCol{
	float:left;
	background: url(../images/contentbg.gif);
	text-align: left;
	/*margin-right: 10px;*/
	padding-top: 10px;
	font-weight: normal;
	visibility: hidden;
}

#leftCol ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 165px; /* Width of Menu Items */
	/*border-bottom: 1px solid #199553;*/
	position: relative;
	line-height:normal;
	}

#leftCol ul li {
	position: relative;
	}
	
#leftCol li ul {
	position: absolute;
	left: 155px; /* Set 1px less than menu width */
	background: none;
	width: 200px;
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#leftCol ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: none; /* IE6 Bug */
	background-image: url(../images/menuBtn.gif);
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 20px;
	/*border-right: 10px url(../images/menuCap.gif) solid #199553;*/
	border-bottom: 1 #199553;
	}

#leftCol ul.subnav li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background-color: none;
	background-image: url(../images/submenuBtn.gif); /* IE6 Bug */
	border: 1px, #199553;
	padding: 5px;
	margin-bottom: 1px;
	margin-top: 0px;
	margin-left: 10px;
}

#leftCol ul.subnav2 li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: none; /* IE6 Bug */
	padding: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 20px;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #leftCol ul li { float: left; height: 1%; }
* html #leftCol ul li a { height: 1%; }
html<body #leftCol{width:165px;}
/* End */

#leftCol li ul{
	margin-top: 0px;
}

#leftCol ul li a:hover { color: #FFFFFF; font-weight:bold; text-decoration: underline; } /* Hover Styles */
	
#leftCol li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#leftCol li:hover ul, li.over ul { display: block; } /* The magic */

#footer{
	text-align: center;
	width: 800px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#footer p{
	font-size: 10px;
	height: 50px;
}

#logo{
	float: right;
	width: 300px;
}