html 							{height:100%} 
img, div, a, input { behavior: url(./iepngfix.htc) }

body 							{ margin: 0; background: #fff url("../images/bg3.jpg") repeat-x; height:100%; font-family: arial, sans-serif; font-size:0.80em; color: #000;}  
#content 						{ width: 980px; text-align: left; margin: 0 auto; background: url("../images/paper_02.png"); color: #DADADA; } 
#menu							{ padding-left: 20px; width:920px; margin: 0 auto;  margin-top: -31px; text-align:center; z-index: 9999; height: 80px;}
#container						{ width:1000px; margin: 0 auto; background: url("../images/bg_02.png") repeat-x; z-index: 800;}
#header							{ width:1000px; height: 271px; margin: 0 auto; background: url("../images/bg_02.png") repeat-x; z-index: 800;}
#footer							{ width:100%; height: 150px; margin: 0 auto; }

#leftcol						{ float:left; padding: 20px 10px 0 20px; width: 620px; margin-right: 20px; background: url("../images/paper1.png") no-repeat; background-position: left top;}
#rightcol						{ float:left; width: 300px; }
#rightcol a						{ color: #000; text-decoration:none; }
#rightcol a:hover				{ color: #000; text-decoration:underline; }
#leftinner						{ width: 580px; margin-left: 10px; margin-top:20px; min-height: 400px; color: #333; font-size:100%;line-height: 2.0em; color:#000;}
#rightbox1						{ min-height: 350px; background: url("../images/file1.png") no-repeat; background-position: left top; }
#rightbox2						{ min-height: 350px; background: url("../images/file2.png") no-repeat; background-position: left top; }
#rightbox4						{ min-height: 350px; background: url("../images/file3.png") no-repeat; background-position: left top; }
#rightbox3						{ min-height: 370px; background: url("../images/notepaper.png") no-repeat; background-position: left top; }
#rightinner						{ width: 260px; padding: 40px 10px 10px 10px; color: #333; font-size:100%;line-height: 2.0em; color:#000;}
#rightinner3					{ width: 220px; padding: 30px 30px 10px 30px; color: #333; font-size:100%;line-height: 2.0em; color:#000;}




.title1							{ margin-top:10px; margin-bottom:10px; font-size: 200%; color: #003300; }
.title2							{ margin-top:10px; margin-bottom:10px; font-size: 150%; color: #000; }
.title3							{ margin-top:10px; margin-bottom:10px; font-size: 130%; color: #003300; }

a								{ color: #003366; text-decoration:none; font-size:90%;}
a:hover							{ color: #003366; text-decoration:underline; font-size:90%; }

#rightinner3 ul					{ margin-left:-20px; }

h4								{ margin-bottom:-10px; }
h5								{ margin:0px; margin-top: -30px; margin-bottom:-30px; font-size: 105%; color:#006600;}
h6								{ margin:0px; margin-top: 0px; margin-bottom:0px; font-size: 105%; color:#006600;}

.newslist a						{ text-decoration:none; color:#666;}
.newslist a:hover				{ text-decoration:underline; color:#336699;}
/* =========== MENU ================= */

.images { width:20px; padding:1px;} /* not part of the menu */
 
#outer {padding-top:1px; margin:15px 0 30px 0;} /* margin for this demo only */
 
#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0; }
#point li.first {}
#point li a {float:center; font-family:arial; font-size:100%; letter-spacing:1px; padding:5px 15px; text-decoration:none; color:#fff; font-weight:bold;margin-right:20px;}
#point li a:hover, #point li a.current {background: url(../images/down_arrow.gif) no-repeat center top; color:#BEFEA9;}

<!--[if IE]>
<style type="text/css">
#point {display:inline-block;}
#point {display:inline;}
#point li {float:center;}
#outer {text-align:center;}
</style>
<![endif]-->











.lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}
.light {position:absolute; left:0; top:0;}
.box {position:absolute; left:0; top:0;}
 
/* trigger for IE6 */
a:active {background:#ddd;}
 
 
a:active .lightbox,
a:focus .lightbox {left:0; width:100%; height:100%;}
 
a:active .lightbox .light,
a:focus .lightbox .light {background:#000; width:100%; height:100%; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity:0.85;
}

a:active .lightbox .box,
a:focus .lightbox .box {width:100%; text-align:center; margin-top:150px;}
 
 
a:active .lightbox .box img,
a:focus .lightbox .box img {border:1px solid #aaa; margin:0 auto;}
 
a:active .lightbox .box h2,
a:focus .lightbox .box h2 {font-size:11px; font-weight:normal; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; color:#999;}
a:active .lightbox .box h2 b,
a:focus .lightbox .box h2 b {font-weight:bold; font-family:"times new roman", serif; color:#000;}
 
#close {width:16px; height:16px; background:url(images/close.gif); position:relative; z-index:500; float:right; display:inline; margin-right:10px;}
.clear {clear:left;}
#ad {clear:left; width:468px; margin:10px auto; padding:10px 51px; background:#222;}
a.comments {float:none; margin:0; border:0; color:#c00; font-weight:bold;}
a:hover.comments {color:#c00; text-decoration:underline; background:#fff;}

<!--[if lte IE 6]>

a:active .lightbox .light {width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}
a:active .lightbox .box {
width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}

<![endif]-->




/* === TOP MENU CODE ===*/
a.srollover1 {display: block;width: 108px;height: 61px;background: url("../images/menu1.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover2 {display: block;width: 108px;height: 61px;background: url("../images/menu1.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover3 {display: block;width: 108px;height: 61px;background: url("../images/menu2.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover4 {display: block;width: 108px;height: 61px;background: url("../images/menu3.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover5 {display: block;width: 108px;height: 61px;background: url("../images/menu4.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover6 {display: block;width: 108px;height: 61px;background: url("../images/menu5.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover7 {display: block;width: 108px;height: 61px;background: url("../images/menu6.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover8 {display: block;width: 108px;height: 61px;background: url("../images/menu7.png") 0 0 no-repeat;text-decoration: none; float:left;}
a.srollover9 {display: block;width: 108px;height: 61px;background: url("../images/menu8.png") 0 0 no-repeat;text-decoration: none; float:left;}
a:hover.srollover1 {background-position: -108px 0;}
a:hover.srollover2 {background-position: -108px 0;} 
a:hover.srollover3 {background-position: -108px 0;} 
a:hover.srollover4 {background-position: -108px 0;} 
a:hover.srollover5 {background-position: -108px 0;} 
a:hover.srollover6 {background-position: -108px 0;} 
a:hover.srollover7 {background-position: -108px 0;} 
a:hover.srollover8 {background-position: -108px 0;} 
a:hover.srollover9 {background-position: -108px 0;} 
/* === END TOP MENU CODE ===*/




#innertable			{ width: 560px; margin-bottom:20px;}
#tblheader			{ background:#C0EFC8; font-weight: bold;}
#left				{ width: 140px; padding:0 10px 0 10px; font-weight: bold;}
#mid1				{ width: 180px; padding:0 10px 0 10px;}
#mid1full			{ width: 360px; padding:0 10px 0 10px; background: #D1E0EF;}
#mid2				{ width: 180px; padding:0 10px 0 10px;}

#newslettersul a	{ text-decoration:none; color:#333; }
#newslettersul a:hover{ text-decoration:underline; color:#006600; }


#footercontainer	{ width: 960px; margin-left:20px; font-size: 90%; color:#666;}
#copyright			{ float:left; width:400px; }
#links				{ float:left; width: 540px; margin-left:20px; text-align:right;}
#links a			{ text-decoration:none; color: #666; }
#links a:hover		{ text-decoration:underline; color: #006600; }

#mainbox			{ height: 373px; width: 986px; background: url("../images/banner2.png") 0 0 no-repeat;}
#homegallery		{ width: 400px; float:left;  margin-top:40px;}
#blank				{ width: 506px; float:left; }
#hometext			{ margin-top: 110px; margin-left:30px; color: #000; line-height: 18px; width: 420px; }

#innertable2		{ width: 560px; margin-bottom:20px;}
#tblheader3			{ background:#C0EFC8; font-weight: bold;}
#left3				{ width: 140px; padding:0 10px 0 10px; font-weight: bold;}
#mid3				{ width: 420px; padding:0 10px 0 10px;}

#holidayform		{ width: 500px; font-size:90%;}
#holidayform #title { width: 180px; font-weight:bold;}
#holidayform #form  { padding-left:10px; }



form#one				{ font-size: 1em; font-family: arial, Verdana, sans-serif; }
form#one input 			{ line-height: 18px; font-size:1em; background:#fff; width: 175px; height: 18px;  margin-right: 5px; border-bottom:1px solid #CACACA; border-left:1px solid #CACACA; border-top:1px solid #CACACA; border-right:1px solid #CACACA padding-left:5px; }
form#one select			{ font-size:1em; background:#fff; width: 180px; height: 18px;  margin-right: 5px; border-bottom:1px solid #CACACA; border-left:1px solid #CACACA; border-top:1px solid #CACACA; border-right:1px solid #CACACA; }
form#one textarea 		{ font-family: arial, Verdana, sans-serif; font-size:1em; background:#fff; width: 180px; height: 100px;  margin-right: 5px; border-bottom:1px solid #CACACA; border-left:1px solid #CACACA; border-top:1px solid #CACACA; border-right:1px solid #CACACA;  }
form#one input:hover 	{ background:#f0f0f0; border:1px solid #ADADAD; color:#000;}



 
#nav {padding:0; margin:0; font-family:arial, verdana; font-size: 90%; margin-left:20px;}
#nav a:hover {text-decoration:underline;}
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:16px; color:#060; height:35px; line-height:35px; padding-left:10px; cursor:pointer; width:200px;}
#nav dt b {background:url(arrow.gif) no-repeat left center;}
#nav dt a {color:#000; text-decoration:none;}
#nav dd {padding:0; margin:0;}
#nav dd ul {padding:0; margin:0; list-style:none;}
#nav dd ul li {padding-left:30px;  list-style: none; margin-left:10px; background: url(../images/pdf2.png) no-repeat left center;}
#nav dd ul li a {font-size:11px; color:#000; text-decoration:none;}



#letters #maintitle {color:#339933; font-weight:bold;}
#letters #date { width:120px; font-weight:bold; }
#letters #title { width:150px; font-weight:normal; line-height:12px; font-weight:normal; color:#000;font-size:110%; padding:3px 0 3px 0;}
#letters #copy { width:250px; font-weight:normal; color:#666; }











