html {font-size: 100%;}

body {
    font-family: arial, tahoma;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #FFFFFF url(images/img_04.png) repeat-x top;
    behavior:url("/csshover.htc");
}

a { color: #003366; }
a:hover { color: #000000; }

form { padding: 0px; margin: 0px; }

#main { background-color: #ffffff; width:839px; margin: 0px auto 0px auto; padding: 0px 5px 0px 5px;position: relative;}
#topheader { background:url(images/img_02.jpg) repeat-x; height: 23px; clear: both; padding: 0px; margin: 0px; }
.fastlinks { float: left; }
.fastlinks ul { margin: 0px auto 0px 10px; padding: 0px; list-style-type: none; width: 400px;  height: 23px; }
.fastlinks ul li {float: left; position: relative; z-index: 10;}
.fastlinks ul li a { float: left; color: #FFFFFF; font-weight: bold;  padding: 0px 8px 0px 15px;  height: 23px;  line-height: 23px; cursor: hand; text-decoration: none;background: url('images/litop.gif') left top no-repeat;}
.fastlinks ul li a:hover, #fastlinks ul li:hover { text-decoration: none; background: url('images/lihover.gif') left top repeat-x;}

#header #masterpic {  float: left; display: block; }

#header h1 { margin: 0px;padding: 0px;}
#header h1 a { position: absolute;top:23px;left:595px;background-color: transparent;display:block;width:249px;height:123px;color:#000000;font-size:1em;text-decoration: none;text-align: center; }
#header h1 span { position:absolute;top:0px;left:0px;width:249px;height:123px;background:url('images/img_08.gif') left top no-repeat;cursor: pointer;display: block;z-index:1;}

#topsearch { position: absolute; top:146px; left: 595px; width: 249px; height: 110px; text-align: center; background:url(images/img_10.jpg) no-repeat; padding:10px 20px 0px 30px; display: block; text-align: left;}
#topsearch label { font-size: 1.3em; color:#000000;padding:0px;margin:0px; display: block; clear: both; }
#topsearch input#searchtext { border: solid 2px #ffffff; background-color:#CCCCCF; background:url(images/inputbckg.jpg) top repeat-x; width: 175px; position: relative; left: -2px;  }


#menu { width: 839px; height: 32px; display: block; background: url(images/img_12.jpg) repeat-x; clear: both; padding: 0px; margin: 0px;}
#menu ul { margin: 0px auto 0px 0px; padding: 0px; list-style-type: none; width: 839px; height: 32px;}
#menu ul li {float: left; position: relative; z-index:10;}
#menu ul li a { float: left; color: #FFFFFF; font-weight: bold;  padding: 5px 13px 5px 13px; height: 22px;  line-height: 30px; cursor: hand; text-decoration: none; background:url(images/img_14.jpg) top right no-repeat ;}
#menu ul li a:hover, #menu ul li:hover { text-decoration: none;  background: url('images/img_14.jpg') left top repeat-x; text-decoration: none;}
#menu ul li ul { display: none; z-index: 100; }
#menu ul li:hover ul { margin: 0px; padding: 0px; z-index: 20; display: block;  width: 190px; height: auto; position: absolute; top: 32px; left: -2px; background:url(images/submenubckg.jpg) #3E3F46;}
#menu ul li ul li { background: none; display: block; width: 190px; margin: 0px; padding: 0px;}
#menu ul li ul li a { color: #ffffff; text-align: left; margin: 0px; padding: 0px; width: 190px; line-height: 25px; height: 25px; background: transparent;}
#menu ul li ul li a:hover { background: #ADADB1; text-decoration: none; color:#000000;}
#menu ul li ul li a span {margin-left: 15px;}

#mainleft { display: block; float: left; width: 334px; padding: 0px; margin: 0px; text-align: left;  background:url(images/bckgmain.jpg) top left repeat-x;}
#news {  display:block; width: 304px; background:url(images/img_16.jpg) top left no-repeat; padding: 14px 20px 10px 10px; margin: 0px; text-align: left; }
#news h2 { color: #ffffff; font-size: 1em; padding:0px; margin: 0px 0px 15px 0px; width: 295px; display: block; text-align: right; }
#news div { margin-bottom: 15px; text-align: justify; }
#news img { border: 2px solid #003366; }
#news div.odd img { float: right; margin-left: 10px; margin-bottom: 2px;  }
#news div.event img { float: left; margin-right: 10px; margin-bottom: 2px;  }
#news h3 { color: #003366; font-weight: bold; font-size: 1.1em; padding: 0px; margin:0px 0px 5px 0px; }

#partners {display:block; width: 304px; background:url(images/img_24.jpg) top left no-repeat; padding: 13px 20px 10px 10px; margin: 0px; text-align: left; }
#partners h2 { color: #ffffff; font-size: 1em; padding:0px; margin: 0px 0px 15px 0px; width: 295px; display: block; text-align: right; }
#partners img { border: 0px; margin-right: 13px; }
#partners img.last { margin-right: 0px; }

#maincenter { display: block; float: left; width: 318px; padding: 0px; margin: 0px; text-align: left;  background:url(images/bckgmain.jpg) top left repeat-x;}
#service { display:block; width: 300px; background:url(images/img_17.jpg) top left no-repeat; padding: 14px 9px 10px 8px; margin: 0px; text-align: justify; }
#service h2 { color: #ffffff; font-size: 1em; padding:0px; margin: 0px 0px 3px 10px; width: 295px; display: block; text-align: left; }
#service img { border: 2px solid #003366; margin-bottom: 5px; }

#calendar { display:block; width: 300px; background:url(images/img_23.jpg) top left no-repeat; padding: 13px 9px 10px 8px; margin: 0px; text-align: justify; }
#calendar h2 { color: #ffffff; font-size: 1em; padding:0px; margin: 0px 0px 15px 10px; width: 275px; display: block; text-align: right; }
#calendar span { display: block; clear: both; padding: 0px 15px 5px 5px;}
#calendar span strong { color: #003366; }

#mainright { display: block; float: right; width: 187px; padding: 0px; margin: 0px; text-align: left; background:url(images/bckgmain.jpg) top left repeat-x; }
#servislist { display:block; width: 161px; background:url(images/img_18.jpg) top left no-repeat; padding: 34px 10px 10px 15px; margin: 0px; text-align: left; }
#servislist ul {  margin: 0px auto 0px 0px; padding: 0px; list-style-type: none; width:161px;  }
#servislist ul li { background:url(images/li.gif) 0px 2px no-repeat; padding: 7px 0px 8px 30px; border-bottom: 2px solid #cccccc; }
#servislist ul li a { font-size: 1.1em; text-decoration: none; }
#servislist ul li a:hover { text-decoration: underline;  }

#login { display: block; width: 160px; padding: 10px; }
#login h2 { padding: 0px; margin: 0px; color: #000000; font-size: 1.3em; font-weight: normal; }
#login label { display: block; width: 70px; color: #606167; float: left; }
#login input#ilogin, #login input#ipassword { border: solid 2px #ffffff; background-color:#CCCCCF; background:url(images/inputbckg.jpg) top repeat-x; width: 66px; position: relative; left: -2px;  }

#down { background:url(images/img_27.jpg) repeat-x; height: 50px; clear: both; padding: 0px; margin: 0px; }
#down .fastlinks { float: left; padding-top:15px; }
#footer { display: block; float: right; width: 390px; color: #ffffff; }
#footer span { display: block; padding-top:20px; font-size: 0.8em; float: right;}
#footer img { float: right; border: 0px; }

#submain { background:url(images/bckgmain.jpg) top left repeat-x; background-color: #ffffff; width:799px; margin: 0px auto 0px auto; padding: 15px 20px 20px 20px; text-align: left; }
#submain h2 { background-color: #003366; background:url(images/bckgblue.jpg) repeat-x top left; color:#ffffff; font-size: 1.2em; padding: 3px 10px 3px 10px; margin: 0px; width: 350px; clear: both; font-weight: bold;}
#submain h3 { color: #ffffff; font-size: 1em; padding:3px 5px 3px 5px; margin: 0px 0px 0px 0px; font-weight: bold; border-bottom: solid 2px #cccccc; width: auto; display: inline; line-height: 35px; background-color: #666666;}
#submain div { background-color:#ffffff;padding:10px; }

.tabcalendar { background-color: #666666; }
.tabcalendar td { background-color: #ffffff; }
.tabcalendar .tabmonth { background-color: #666666; color:#ffffff; font-weight: bold; text-align: center;}
.tabcalendar .tabday { background-color: #999999; color:#ffffff; font-weight: bold; text-align: center;}

.cleaner { clear: both; }

#submain form label { display: block; width: 200px; text-align: right; font-weight: bold; float: left; padding: 5px 10px 3px 0px; color: #333333; }
#submain form input, #submain form textarea, #submain form select { border: solid 2px #ffffff; background:#CCCCCF url(images/inputbckg.jpg) top repeat-x; position: relative; left: -2px;  }
#submain form input.button { border: none; width:120px; height: 25px; background:#003366 url(images/bckgbtn.jpg) top left no-repeat; text-align: center; color: #ffffff; font-weight: bold; font-size: 0.9em; }
#submain ul { list-style: none; padding-left: 20px;  }
#submain ul li { background:url(images/li.gif) 0px 3px no-repeat; padding: 8px 0px 7px 30px; }

.error { background-color: #cc0000 !important;color: #ffffff; text-align: center; }
.message { background-color: #0055AA !important; color: #ffffff; text-align: center; }

.error img, .message img { clear: both; }
img.dot { display: block; float: left; margin:0px 5px 20px 0px; clear: both; position: relative; top: -5px; }

.pic { float: right; margin: 0px 0px 10px 10px; border: 2px solid #003366;}