body { font: .9em  Arial, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; background: #000000; /*#d4ddf7;*/ }
h1, h2, h3, h4, p, ul, ol  { margin: 0px; padding: 0px; }
a img {	border: none; }
label { float: left; width: 125px; font-weight: bold; margin-left: 10px; text-align: right;  }
textarea { margin-left: 140px; }
form img { padding: 20px 0 20px 150px; }

.text { width: 180px; margin: 0 0 5px 10px; }
.cb { margin-left: 10px; }
.center { text-align: center;}
.msg { color: Red; }
.contact { width: 70px; padding: 0 5px 0 0; }
.clear {clear: both; }
.right { float: right; }
.currspecl, .currspecr { padding:  0 10px 10px 10px; background: #FFFFFF; border: 5px dashed #000000; text-align: center; margin-top: 30px; width: 40%; float: left;   }
.currspecl a, .currspecr a {color: red; font-size: 200%;}
.currspecl { float: left; margin-left: 20px;}
.currspecr { float: right; margin-right: 20px;}
.picright {	float: right; padding: 10px; text-align: center; font-size: 80%; }
.picleft {	float: left; padding: 10px; text-align: center; font-size: 80%; width: 150px; }
.comm { width: 350px; float: left; }

/*
.callout1, .callout2 {
  background: url(images/callout5.gif) no-repeat top center; height: 100px; width: 200px;
  padding: 25px 0 0 0px; position: absolute; text-align: center;}
.callout1 a, .callout2 a, .callout3 a { color: red; font-size: 150%; font-weight: bold; text-decoration: none; display: block }
.callout3 { background: url(images/redcallout.gif) no-repeat top center; height: 150px; width: 235px; margin: 0 auto 0 auto;
  padding: 25px 0 0 0px; text-align: center;  line-height: 1.5em; }
.callout3 a { color: #FFFF00; font-size: 175%; font-weight: bold; }
.callout1 { top: 20px; left: 570px; }
*/


.callout1, .callout2 { position: absolute; padding: 0 0 0 20px; }
.callout1 { top: 30px; left: 540px; }
.callout2 {	top: 50px; left: 20px; }
.callout1 a, .callout2 a, .callout3 a { color: red; font-size: 150%; font-weight: bold; text-decoration: none; display: block }
.highlight { font-size: 150%; color: #0033ff; font-weight: bold;}
.btext { padding: 0; text-align: center; color: red; font-size: 200%; font-weight: bold;  }
.callout3 {  margin: 0 auto 0 auto;  padding: 0px; }
.callout3 a { color: #FFFF00; font-size: 175%; font-weight: bold; }


#submitbutton { margin-left: 110px; margin-top: 15px; height: 35px;  width: 190px; background: #cccccc;}

#sitetools { height: 1.5em; }
#sitetools ul { margin: 0px; padding: 0px; list-style: none; }
#sitetools li {	display: inline; float: right; margin-right: 5px; padding: 5px 0 5px 0; }
#siteitems li a { font-size: 90%; text-decoration: none;  padding: 0 5px 0 5px; font-weight: bold; color: #FFFF00; }
#siteitems li a:hover { color: #ff0000; }

#wrapper  { width: 790px;  margin: 0 auto 0 auto; padding: 0;  position: relative; clear: both; background: #FFFFFF url(images/newbg.gif) repeat-y top center; }
#banner { padding: 10px 0 0 0; position: relative; }
#wrapper2 { padding: 10px; }
#wrapper2 h1, #wrapper3 h1 { font-size: 125%; color: #0033ff; margin-bottom: 10px; border-bottom: 2px solid #000000; clear: both;  }
#wrapper2 h2, #wrapper3 h2 { font-size: 1em; margin-bottom: 3px; color: #000000; text-transform: uppercase;  }
#wrapper2 p, ul { margin-bottom: 9px; margin-left: 10px;   }
#pwrapper { margin-left: 30px;  }

#header { width: 770px;  margin: 0 auto 0 auto; text-align: center; height: 2em; background: #000000; margin-bottom: 10px;   }
#hmenu ul { margin-left: 75px;  }
#hmenu li { list-style: none; display: inline; float: left; padding: 0px; text-align: center; border-right: 1px solid #FFFFCC; }
#hmenu li.first { border-left: 1px solid #FFFFCC; }
#hmenu a { text-decoration: none;  font-weight: bold; text-transform: uppercase; display: block; padding: 6px 10px 7px 10px; color: #FFFFFF; /*border-right: 1px solid #FFFFCC; border-left: 1px solid #000000; */}
#hmenu a.current, #hmenu a:hover { color: #000000; background: #FFFF00; /*border-left: 1px solid #000000; */}

#main { width: 320px; padding: 10px 5px 0 5px;  float: left; display: inline; margin-left: 14px; text-align: center; border-left: 1px solid #000000; border-right: 1px solid #000000; }
#leftcol { float: left; width: 200px; padding: 5px; /*background: #FFFFCC;*/ clear: both; }
#rightcol { float: right; width: 200px; padding: 5px; /*background: #FFFFCC;*/}
#leftcol ul, #rightcol ul { margin-left: 20px;  }
#leftcol li, #rightcol li { padding: 4px 0 4px 0px; font-size: 90%; font-weight: bold; border-bottom: 1px dashed #000000;  }
#leftcol h2 { background: red; color: #FFFFFF; padding: 5px; text-align: center; }
#rightcol h2 { background: #0033ff; color: #FFFFFF; padding: 5px; text-align: center; }

#pagefooter { padding: 10px; font-weight: bold; text-align: center; border-top: 2px solid #0033ff; }
#areas { padding: 0 10px 0 10px; font-size: 70%; text-align: center;}

#sitefooter { font-size: 80%; clear: both; font-weight: bold; color: #FFFFFF; text-align: right; padding: 5px 5px 5px 0; }
#sitefooter a { color: #FFFF00; text-decoration: none;}
