@charset "UTF-8";
body { font: 62.5% "Times New Roman", Times, serif; background: #666666; 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; background-image: url(../images/main_background.jpg); }
.cl { margin: 0px; padding: 0px; clear: both; float: none; height: 1px; }
.fl { float: left; }
.fr { float: right; }
.right { float: right; margin-left: 10px; }
a  { color: #333; }
hr { margin: 5px 0px; padding: 0px; clear: both; width: 90%; color: #FFF; height: 1px; }
td  { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #333; margin: 0px; padding: 0px; }
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
a:hover { color: #FFF; }
.orange { color: #ff9900; font-weight: bold; }
.threes { color: #333; }
.nines { color: #999; text-align: left; }
.required { color: #6D7894; }
.legal { color: #E4DDD7; padding: 0px; margin: 0px; }
div#homecontainer { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #E4DDD7; margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */ border: 0px solid #000000; text-align: left; padding: 0px; }
div#container { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #E4DDD7; margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */ border: 0px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ margin-bottom: 0px; background-color: #E4DDD7; }
div#homeheader { padding: 20px;  /* 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. */ background-image: url(../images/tan_bkgnd.jpg); margin: 0px; background-color: #E4DDD7; }
div#homeheader  h1{ margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ float: none; color: #425b62; font-size: 2.6em; font-weight: normal; letter-spacing: 0em; }
div#homeheader  h2{ margin: 0px 0px 0px 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ float: none; color: #777777; font-size: 1.4em; font-weight: normal; letter-spacing: 0.1em; font-style: italic; }
div#homeheader ul { margin: 25px 0px 0px 0px; padding: 0px 0px 0px 20px; float: left; display: block; width: 500px; list-style: none; }
div#homeheader ul li{ float: none; }
div#header { padding: 20px;  /* 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. */ background-image: url(../images/tan_bkgnd.jpg); margin: 0px; background-color: #E4DDD7; }
div#header  h1{ margin: 20px 0px 0px 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ float: left; color: #666; font-size: 2.6em; font-weight: normal; letter-spacing: 0em; }
div#masthead { padding: 0px; margin: 0px; background-color: #FFF; overflow: hidden; }
div#masthead img { margin: 0px; padding: 0px; }
div#homenav { padding: 0px 0px 0px 23px; margin: 0px; background-image: url(../images/nav_bkgnd.jpg); background-color: #556076; background-repeat: repeat-x; height: 27px; border-top: 3px solid #fff; border-bottom: 0px solid #fff; }
div#homenav ul { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #FFF; margin: 0px; }

/* Drop Down Menu Code */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}
div#homenav li { float: left; list-style-type: none; margin: 0px 5px 0px 0px; }

#sddm li
{ margin: 0px; list-style: none; float: left }
div#mainContent { padding: 0px; margin: 0px; background-image: url(../images/tan_bkgnd.jpg); }
div#leftContent { padding: 20px 28px 18px 28px; margin: 0px; background-image: url(../images/tan_bkgnd.jpg); background-color: #E4DDD7; width: 546px; float: left; }
div#leftContent h2 { color: #6D7894; font-size: 1.8em; margin: 0px 0px 5px 0px; }
div#leftContent h3 { color: #6D7894; font-size: 1.6em; margin: 0px 0px 5px 0px; clear: both; }
div#leftContent h4 { color: #6D7894; font-size: 1.4em; margin: 10px 0px 0px 0px; }
div#leftContent p { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #333; text-align: justify; margin: 0px 0px 10px 0px; }
div#leftContent li { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #333; text-align: justify; margin: 10px 0px 10px 0px; list-style-type: none; }
div#leftContent a { color: #3366ff; text-align: left; }
div#board { width: 264px; float: left; vertical-align: top; padding: 15px 3px 3px 3px; text-align: left; height: 100px; margin: 0px 0px 20px 0px; }
div#board p { float: left; vertical-align: top; text-align: left; margin: 0px; width: 250px; }
div#onecolumn { padding: 20px 28px 28px 28px; margin: 0px; background-image: url(../images/tan_bkgnd.jpg); background-color: #E4DDD7; width: 844px; float: left; }
div#calendar { padding: 20px 28px 28px 28px; margin: 0px; background-image: url(../images/tan_bkgnd.jpg); background-color: #E4DDD7; width: 844px; float: left; }
div#calendar h2 { color: #6D7894; font-size: 1.8em; margin: 0px 0px 5px 0px; }
div#sideContent { padding: 10px 28px 20px 28px; margin: 0px 0px 0px 603px; background-image: url(../images/dark_blue_bkgnd.jpg); background-color: #3B4157; width: 241px; float: none; color: #FFF; }
div#sideContent h1 { color: #ffffff; font-size: 1.2em; border: 1px solid #999999; padding: 3px 6px; font-weight: normal; letter-spacing: 0.1em; margin: 15px 0px 15px 0px; text-transform: uppercase; }
div#sideContent h2 { color: #FFF; font-size: 1.4em; margin: 20px 0px 5px 0px; font-weight: normal; }
div#sideContent p { color: #FFF; font-size: 1.2em; margin: 0px 0px 10px 0px; }
div#sideContent a { color: #3366ff; }
div#sideContent ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 15px; }
div#sideContent li { list-style-type: square; margin: 5px 0px 5px 0px; }
div#sideContent a.active { color: #CCC; }
div#footer { padding: 10px; text-align: center; margin: -40px auto; width: 880px; }
div#footer p { margin: -40px 0px 0px 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }

#sddm li a
{ display: block; margin: 0px; padding: 6px 20px; color: #FFF; text-align: left; text-decoration: none }

#sddm li a:hover
{ background: #3366ff }

#sddm div
{ position: absolute; visibility: hidden; margin: 0; padding: 0; background: #ccc; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; }

	#sddm div a
	{ position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #ccc; color: #666; border-bottom: 1px #FFF solid; }

	#sddm div a:hover
	{ background: #666; color: #ff9900 }