@media all { 

/* =universals  */
* { margin: 0; padding: 0; }
html, body {min-height: 100%; height: auto; height: 100%;}
h1, h2, h3, h4, blockquote, p, ul, ol  { margin: 0 10px; padding: .5em 0; }

/* =html */
html { background: #ebe32e url(images/bg.jpg) repeat-x top;  color: #000;}

/* =body */
body { font: 70%/160% Verdana, Gill Sans, Geneva, Helvetica, Arial, sans-serif; text-align: center; }

/* =h1 */
h1 { font-size: 180%; position:absolute; width: 250px; height: 240px; padding: 0; margin: 0; background: url(images/logo.jpg) no-repeat bottom; }

/* =h3 */
h3 {font-size: 130%;}
h3#ind_1 {margin-bottom: -10px;}

/* =h4 */
h4 {font-size: 110%;}
h4#ul_heading {margin-bottom: -10px;}
h4#centerh4 {text-align:center; margin-top: 30px; font-size: 130%;}

/*=img */
img {border: 0; margin: 0; padding: 0; }

/* =ul =ol */
ul { list-style-type: disc; list-style-position: inside; }
ol { list-style-position: inside; }
ul#nav_main { position: absolute; top: 105px; width: 100%; height: 36px; margin: 0; padding: 0; z-index: 3; }

/* =li */
ul#nav_main li {display: inline;}

li#nm_1 { position: absolute; top: 1px; right: 605px; width: 130px; height: 36px; background: url(images/home1.gif) no-repeat; }
li#nm_2 { position: absolute; top: 1px; right: 454px; width: 130px; height: 36px; background: url(images/register1.gif) no-repeat; }
li#nm_3 { position: absolute; top: 1px; right: 303px; width: 130px; height: 36px; background: url(images/getinvolved1.gif) no-repeat; }
li#nm_4 { position: absolute; top: 1px; right: 152px; width: 130px; height: 36px; background: url(images/tellafriend1.gif) no-repeat; }
li#nm_5 { position: absolute; top: 1px; right: 1px; width: 130px; height: 36px; background: url(images/contact1.gif) no-repeat; }

/* =p */
form p, blockquote p { margin: 0; }
p#si_1 { position: absolute; bottom: 10px; width: 100%; height: 85px; margin: 0px; padding: 0px; background: url(images/footer.gif) no-repeat; text-indent: -9999px; }
p#si_2 { position: absolute; bottom: 113px; left: 23px;  width: 338px; height: 122px; margin: 0px; padding: 0px; background: url(images/footer2top.gif) no-repeat; text-indent: -9999px;}
p#si_3 { position: absolute; bottom: 30px; left: 23px;  width: 565px; height: 83px; margin: 0px; padding: 0px; background: url(images/footer2bottom.gif) no-repeat; text-indent: -9999px;}

p#ind_cs_1 { width: 400px; height: 390px; padding: 0; margin: 75px 0; background: url(images/side1.jpg) no-repeat; text-indent: -9999px;}
p#reg_cs_1 { width: 400px; height: 390px; padding: 0; margin: 75px 0; background: url(images/side2.jpg) no-repeat; text-indent: -9999px;}
p#get_cs_1 { width: 400px; height: 390px; padding: 0; margin: 75px 0; background: url(images/side3.jpg) no-repeat; text-indent: -9999px;}
p#tel_cs_1 { width: 400px; height: 390px; padding: 0; margin: 75px 0; background: url(images/side4.jpg) no-repeat; text-indent: -9999px;}
p#con_cs_1 { width: 400px; height: 390px; padding: 0; margin: 75px 0; background: url(images/side5.jpg) no-repeat; text-indent: -9999px;}

p#walkroute { width: 455px; height: 400px; padding: 5px; margin: 0 45px 0; background: url(images/map-2009.jpg) no-repeat center; text-indent: -9999px;}
p#tabletop { width: 585px; height: 15px; padding: 0; margin: 0; background: url(images/tabletop.gif) no-repeat left; text-indent: -9999px;}
p#tablebottom { width: 585px; height: 15px; padding: 0; margin: 0; background: url(images/tablebottom.gif) no-repeat left; text-indent: -9999px;}

p#start {font-size: 130%; font-weight: bold;}
p#infield {margin: 10px;}

fieldset p { margin: 0px; padding-top: 0px;}

/* =a */
a:link { color: #333; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #666; }
a:active, a:focus { color: #000; }

li#nm_1 a { display: block; width: 130px; height: 36px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nm_2 a { display: block; width: 130px; height: 36px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nm_3 a { display: block; width: 130px; height: 36px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nm_4 a { display: block; width: 130px; height: 36px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nm_5 a { display: block; width: 130px; height: 36px; text-indent: -9999px; text-decoration: none; overflow: hidden; }

li#nm_1 a:hover { background: url(images/home2.gif) no-repeat; }
li#nm_2 a:hover { background: url(images/register2.gif) no-repeat; }
li#nm_3 a:hover { background: url(images/getinvolved2.gif) no-repeat; }
li#nm_4 a:hover { background: url(images/tellafriend2.gif) no-repeat; }
li#nm_5 a:hover { background: url(images/contact2.gif) no-repeat; }

h1 a { display: block; width: 250px; height: 240px; text-indent: -9999px;}

/* =form */
form { padding: 0 10px; }

/* =fieldset */
fieldset {width: 95%; margin: 5px; overflow: hidden;}

/* =label/labelspan */
label, label span { display: block; padding-bottom: .5em; }
label { float: left; width: 100%; padding-top: 5px; }
label span {float: left; width: 40%; text-align: right;}

/* =input */
fieldset input { float: right; width: 55%; margin-right: 10px; padding: 1px; font: 100% Verdana, Gill Sans, Geneva, Helvetica, Arial, sans-serif; }
form div input { padding: 0 10px; background-color: #003366; border: 2px double #003333; border-top-color: #006699; font: bold 100% Verdana, Gill Sans, Geneva, Helvetica, Arial, sans-serif;; color: #fff; text-transform: uppercase;}
form div input:hover { background-color: #006699;}
fieldset select { float: left; width: 80px; margin-left: 11px; padding: 1px; font: 100% Verdana, Gill Sans, Geneva, Helvetica, Arial, sans-serif;}
fieldset textarea { float: left; width: 58%; margin-left: 11px; padding: 1px; font: 100% Verdana, Gill Sans, Geneva, Helvetica, Arial, sans-serif;}


/* =div */
div#container { position: relative; width: 996px; margin: 0 auto; padding: 0; text-align: left;}
div#branding { z-index: 1; position: relative; width: 100%; height: 140px; margin-right: 10px;  background: url(images/top.jpg) no-repeat top;}
div#content { width: 100%; overflow: hidden; height: 600px; padding-top: 20px; padding-bottom: 10px;}
div#content_main { float: right;  width: 585px; padding: 0; margin: 0;}
div#content_main_inside { padding: 0 5px; height: 560px; background-color: #FFFFCC; overflow-y: auto;}
div#content_sub { float: left; width: 400px;}
div#site_info { position: relative; width: 100%; height: 110px;;}
form div { margin-top: 10px; text-align: center;}

 }

