body {background:#AE4427 ; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #000;}
#container {position: relative; background: #fff; margin: 0px auto; padding: 0px; width: 100%; border: 0px;}
#head {background: url(i/jcal_design.jpg) no-repeat scroll right top #AE4427; height:100px;}
#head h1 {padding:0px; margin:0px;}
#navpics {margin-top: 0px; width: 100%;}
#navbar {height:auto; background-color:#2A0000; left: 0px; width: auto; padding: 3px; font-size:small; color: #fff;}
#navbar a:link, a:visited {color: #fff; text-decoration:none;}
#navbar a:hover {text-decoration: underline;}
#navbar ul { margin: 0; padding:0;}
#navbar ul li {display:inline;}
#navbar ul li a{display: inline; color:#fff; text-decoration:none; background: url(i/a_navbar.gif) no-repeat right; padding-right:20px;}
#main {background: url(i/a_mainbg.jpg) no-repeat scroll right bottom;}
#plogo img {display:none;}
#leftcol {float:left;width: 200px;border-bottom: 5px solid #E99D7F;border-right: 0px;background-color:#AE4427;padding: 3px 0 0 0;}
ul.s {margin: 0; padding-left: 10px; margin-bottom: 10px; list-style-type: none; font-size:small; text-align:left;}
ul.s li { padding: 0 0 3px 0;}
ul.s li a {display: block; padding: 2px 2px 2px 24px; width: auto; background-repeat:no-repeat; background-image: url(i/a1_bulloff.gif); color:#000; text-decoration:none;}
ul.s li a:hover {background-repeat:no-repeat; background-image: url(i/a1_bullon.gif); text-decoration:underline;}
#leftcol h4 {color: #000; margin-bottom: 5px; padding-left: 3px;}
#leftcol p {font-size: smaller; margin-top: 0px; padding:3px; text-align:justify;}
#leftcol ul.d {margin: 0; padding-left: 10px; margin-bottom: 10px; font-size:small; text-align:left; list-style: none;}
#leftcol ul.d li { padding: 0 0 3px 0px; }
#leftcol ul.d li.tel {display: block; padding: 2px 2px 2px 24px; width: auto; background-repeat:no-repeat; background-image: url(i/a1_bulltel.gif); color:#000; text-decoration:none;}
#leftcol ul.d li.hed {display: block; padding: 2px 2px 2px 24px; width: auto; background-repeat:no-repeat; background-image: url(i/a1_bullhed.gif); color:#000; text-decoration:none;}
#leftcol ul.d li.eml {display: block; padding: 2px 2px 2px 24px; width: auto; background-repeat:no-repeat; background-image: url(i/a1_bulleml.gif); color:#000; text-decoration:none;}
#leftcol ul.d li.web {display: block; padding: 2px 2px 2px 24px; width: auto; background-repeat:no-repeat; background-image: url(i/a1_bullweb.gif); color:#000; text-decoration:none;}
#leftcol ul.d a {color:#000; text-decoration:underline;}
#leftcol ul.d a:hover{ color:#000; background-color:#ccf; border-top: 1px dashed #000; border-bottom: 1px dashed #000; text-decoration:none;}
#leftcol ul.d a:visited{text-decoration:none;}

#mainnav ul {margin:10px 0 0 0; padding:0;list-style-type:none;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
#mainnav li {margin: 0 0 3px 0; color: #fff;}
#mainnav li a {display: block;padding: 2px 2px 2px 24px;border: 1px solid #E99D7F;width: 172px; background-color:#E99D7F; background-image:  url(i/a1_down.gif); color: #fff;}
#mainnav li a:link, #leftcolnav a:visited {color: #fff;text-decoration: none;}
#mainnav li a:hover {border: 1px solid #ccc;background-color: #ccc;	background-image:url(i/a_over.gif);color: #000;}

#content {margin: 0px 0 0 200px;width: auto;background-image:url(i/a2_mainbg.gif);padding: 10px;background-attachment: scroll;background-repeat: no-repeat;background-position: left top;}
#content p{font-size:medium; }
#content h1, h2, h3, h4, h5, h6 {color: #2A0000; padding-bottom:0px; margin-bottom:0px; margin-top: 0px;}
#content ul {margin-top: 15px; padding: 0px 0px 0px 20px; list-style-type: none; text-align:left;}
#content ul li { padding: 2px 2px 2px 24px; background-repeat:no-repeat; background-image: url(i/a_bullet.gif);}
#content a { color:#30c; text-decoration:underline;}
#content a:hover{text-decoration:underline;}
/*#content table {border: 3px solid #66c; border-collapse: collapse; font-size:small; margin-top:2px;margin-bottom:20px}
#content table th {background-color:#30c; color:#fff; text-align:left; padding: 5px; border: solid 3px #66c; font-weight:bold; vertical-align:top;}
#content table td {background-color:#fff; color:#000; text-align:left; padding: 5px; border: solid 3px #66c; vertical-align:top;}
#content table td p {font-size:small; margin-top:0px;} */
#content .notice { float:left; background-color:#cff; width: auto; padding: 5px; border:1px solid #69c;}
#content .notice p {font-size:85%}
#content img {border: 1px solid #2A0000;}
#content img a:hover{background-color:#fff; border:1px solid #2A0000;}
#content img.floatl {float:left;margin-right:5px;}
#content p.intro {margin-top:0px; font-size:smaller;}
#content img.nb{border: 0px;}
#content #searchbox {float:right; height:auto; background:#F1C0A9; border: 1px solid #2A0000;  padding: 5px; margin:0px 0px 5px 5px ;}
#content #searchbox table {padding-top:2px;}
#content #searchbox h3 {padding-bottom:2px;}
#content #searchbox p {font-size:0.9em;}
#content #searchbox ul  {padding:0px; margin:0px; padding-bottom: 10px; }
#content #searchbox ul li {background-image: url(i/a_bullet2.gif);font-size:0.9em;}
#content #searchbox table {font-size:70%;}

#footer {margin: 25px 0 0 0; height: 1.5em; text-align: right; clear:both; font-size: x-small; color: #fff; background-color: #2A0000;}
#footer a:link { color: #fff; text-decoration:none;}
#footer a:visited { color: #fff; text-decoration:none;}
#footer a:hover {text-decoration: underline;}

#heading {width: 400px; height: 85px;position: relative;font-size: 1px;color: #AE4427; }
#heading span {background: url(i/title.gif) no-repeat;position: absolute;width: 100%;height: 100%;margin-bottom:0px;}