/* MAIN STYLES */
body { margin: 10px; text-align: center; min-width: 720px; /* for mozilla */ background-image:  url(images/bg-fade.jpg); background-repeat: repeat-x; background-position: top center; background-color: #FFFFFF; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #272727; margin: 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #272727; margin: 10px 0px 0px 0px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #272727; margin: 0px; }
hr { width: 100%; color: #181818; background-color: #FFFFFF; border: 1px solid #272727; border-style: none none solid; }
* { behavior:  url(scripts/iepngfix.htc); }
img { border: 0px; }

/* PAGE STYLES */
#outerouter { margin: auto; width:720px; }
#outer { width: 700px; text-align: left; padding: 10px; position: relative; float: left; background-image:  url(images/content-bg-fade.jpg); background-repeat: repeat-x; background-color: #FFFFFF; }

/* HEADER STYLES */
#header { position: relative; height: 180px; width: 700px; overflow: hidden; }
a.headerlink { text-decoration: none; }
#headerlogo { position: relative; bottom: 180px; margin: 0px 0px 0px 10px; z-index: 9995; }

/* FOOTER STYLES */
#footer { width: 690px; float: left; text-align: center; margin-top: 10px; padding: 2px 5px 5px 5px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #272727; }
.dldl { position: relative; top: 3px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:active { color: #ffffff; text-decoration: none; }
#footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: underline; }

/* MENU STYLES */
#menucontainer { height: 20px; width: 700px; margin-top: 10px; position: relative; z-index: 9996; overflow: hidden; margin-bottom: 10px; }
#menucontainer #menu  { margin: 0; padding:0; }
#menucontainer #menu li { display: inline; }
#menucontainer #menu li a { float: left; height: 0px; padding-top: 20px; background-image: url(images/menu.jpg); background-repeat: no-repeat; }
#menucontainer #menu li#nav_home a { width: 65px; background-position: 0px 0px; }
#menucontainer #menu li#nav_acco a { width: 122px; background-position: -65px 0px; }
#menucontainer #menu li#nav_loca a { width: 68px; background-position: -187px 0px; }
#menucontainer #menu li#nav_croy a { width: 157px; background-position: -255px 0px; }
#menucontainer #menu li#nav_avai a { width: 141px; background-position: -412px 0px; }
#menucontainer #menu li#nav_cont a { width: 147px; background-position: -553px 0px; }

#menucontainer #menu li#nav_home a:hover { background-position: 0px -20px; }
#menucontainer #menu li#nav_acco a:hover { background-position: -65px -20px; }
#menucontainer #menu li#nav_loca a:hover { background-position: -187px -20px; }
#menucontainer #menu li#nav_croy a:hover { background-position: -255px -20px; }
#menucontainer #menu li#nav_avai a:hover { background-position: -412px -20px; }
#menucontainer #menu li#nav_cont a:hover { background-position: -553px -20px; }

#menucontainer #menu li#nav_home a:active { background-position: 0px -40px; }
#menucontainer #menu li#nav_acco a:active { background-position: -65px -40; }
#menucontainer #menu li#nav_loca a:active { background-position: -187px -40px; }
#menucontainer #menu li#nav_croy a:active { background-position: -255px -40px; }
#menucontainer #menu li#nav_avai a:active { background-position: -412px -40px; }
#menucontainer #menu li#nav_cont a:active { background-position: -553px -40px; }

#menucontainer.home #menu li#nav_home a { background-position: 0px 0px !important; cursor: default; }
#menucontainer.acco #menu li#nav_acco a { background-position: -65px -60px !important; }
#menucontainer.loca #menu li#nav_loca a { background-position: -187px -60px !important; }
#menucontainer.croy #menu li#nav_croy a { background-position: -255px -60px !important; }
#menucontainer.avai #menu li#nav_avai a { background-position: -412px -60px !important; }
#menucontainer.cont #menu li#nav_cont a { background-position: -553px -60px !important; }

/* TABLE STYLES */
#monthcontainer { width: 678px; border-width: 1px; border-style: solid; border-color: 272727; margin-bottom: 5px; float: left; }
#monthtitles { width: 674px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; text-align: left; background-color: #272727; padding: 2px; }
#yes { float: left; width: 130px; margin-right: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #272727; text-align: center; padding: 2px; background-color: #cacaca; }
#no { float: left; width: 130px; margin-right: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #272727; text-align: center; padding: 2px; background-color: #cacaca; float: left; opacity: 0.5; filter: alpha(opacity=50); }

/* CONTENT WINDOW STYLES */
#maincontent { width: 680px; padding: 0px 10px 10px 10px; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.leftimg { float: left; margin: 0px 10px 20px 0px; }
.leftthumb { float: left; margin: 0px 1px 0px 0px; }
.last { margin: 0px 10px 0px 0px; }
.none { margin: 0px; }
.thumbs { width: 680px; position: relative; float: left;}
.rightimg { float: right; margin: 0px 0px 10px 10px; }
a { color: #272727; text-decoration: underline; }
a:active { color: #272727; text-decoration: underline; }
a:visited { color: #272727; text-decoration: underline; }
a:hover { color: #272727; text-decoration: none; }
.pdfs { position: relative; top: 3px; margin-right: 5px; }
#news { float: left; width: 680px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: center; padding: 10px 0px 10px 0px; background-image: url(images/newsbg.jpg); background-repeat: no-repeat; background-position: top left; border-width: 1px; border-style: solid; border-color: #272727; }

/* FORM STYLES */
.formtitle { font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #272727; text-align: right; vertical-align: text-top; padding: 4px 0px 0px 0px; }
.instructions {	font-family: Arial, Helvetica, sans-serif; color: #272727; font-size: 10px; vertical-align: top; padding: 2px 0px 5px 0px; }

/* OTHER STYLES */
.map { width: 678px; height: 300px; margin-top: 10px; border-style: solid; border-width: 1px; border-color: #272727; }