@charset "utf-8";
/* CSS Document*/

/* Global CSS */
body { margin:0; padding:0; text-align:center; background-position:center; background-repeat:no-repeat; font-family: Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:normal; color:#5b5e68; text-decoration:none;}

h1 { font-family:Verdana, Helvetica, sans-serif; font-size:22px; font-style:normal; line-height:22px; font-weight:normal; color:#5b5e68; margin:10px 0 20px 0; }
h2 { font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-style:normal; line-height:12px; font-weight:normal; color:#5b5e68; margin:6px 0 10px 0; }
h3 { font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-style:normal; line-height:12px; font-weight:bold; color:#5b5e68; margin:6px 0 10px 0; }
p { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:15px; font-weight:normal; color:#5b5e68; }
ul { font-size:9px; line-height:13px; margin:10px 0 0 0; padding:0; list-style:none; }

a:link { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:none; margin:0; }
a:visited { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:none; margin:0; }
a:hover { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:underline; margin:0; }
#nav a:link { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:none; margin:0 8px 0 8px; }
#nav a:visited { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:none; margin:0 8px 0 8px; }
#nav a:hover { font-family:Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:13px; font-weight:bold; color:#5b5e68; text-decoration:underline; margin:0 8px 0 8px; }

/* General layout CSS */
#container { width:940px; height:680px; text-align:center; margin:25px auto 0 auto; padding:0; background-color:#fff; border:2px solid #c9cbcc; }
#header { width:909px; height:112px; margin:0; }
#logo { float:left; width:182px; padding:20px 0 0 20px; }
#nav { float:right; width:396px; margin:30px 0 22px 100px; padding:0; text-align:left; } /* 'width' should be 460px when "Events" is re-added */
#navline{ margin:8px 0 8px 0; border:0; }
#imgMain{ border:1px solid #c9cbcc; }
#content { width:848px; height:440px; margin:30px auto 0 auto; padding:16px; text-align:left; border:1px solid #c9cbcc; }
#contentHome { width:882px; height:474px; margin:30px auto 0 auto; padding:0; border:1px solid #c9cbcc; }
#contentSubLeft { float:left; width:400px; vertical-align:top; }
#contentSubRight { float:right; height:350px; width:50%; vertical-align:top; padding:0 12px 0 12px; }
#contentSubFullScroll { height:380px; width:824px; vertical-align:top; overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:scroll; padding:0 12px 0 12px; }
#contentSubRightScroll { float:right; height:380px; width:50%; vertical-align:top; overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:scroll; padding:0 12px 0 12px; }
#footer { width:880px; height:30px; text-align:center; margin:-40px auto 0px auto; font-size:9px; }
#news { vertical-align:top }
#formfield { padding:0; outline:none; height:18px; }
#vcard { margin-top:37px; width:330px; height:140px; background-image:url(/media/images/background/kelp.jpg); background-repeat:no-repeat; border:1px solid #dfdfdf; padding:40px 10px 40px 60px; overflow:hidden; }
#vcard p { line-height:11px; }
.idleField { background:#eee; color:#6f6f6f; border:solid 2px #dfdfdf; }    
.clearfloat { clear:both; height:0; font-size:1px; line-height: 0px; }

/* Easy Slider */
#slider {}	
#slider ul { margin:0; padding:0 0 0 30px; list-style:none; }
#slider li { background:#fff; width:416px; height:350px; overflow:hidden; margin:0; padding:0; list-style:none; }
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 	
#slider li h2 { margin:0 20px; padding-top:20px; }
#slider li p { margin:20px; }
p#controls { margin:0; position:relative; } 
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; text-indent:-8000px;	width:16px; height:29px; position:absolute; left:0; top:-189px; }	
#nextBtn { left:402px; }														
#prevBtn a, #nextBtn a { display:block; width:16px; height:29px; background:url(/media/images/global/btn_prev.gif) no-repeat 0 0; }	
#nextBtn a { background:url(/media/images/global/btn_next.gif) no-repeat 0 0; }