*{ margin: 0; padding: 0; }
body{ font-family: "Lucida Grande", Arial, Sans-Serif; background: #ffffff;}
a { text-decoration: none; outline: none; }
a img { border: none; }
li {line-height:130%;margin-left: 1em;margin-bottom: 1em;}
h2{ font-family: Georgia, Serif; font-size: 36px; text-align: center;font-weight: normal; }
#page-wrap{ background: white; width: 960px; margin: 0 auto;border: thin solid #000000;padding: 5px;}
#slider{ background: white;  height: 227px; overflow: hidden;position: relative; margin: 50px 0; }
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ width: 2880px; position: relative; }
.slide{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1{ font-family: Helvetica, Sans-Serif; font-size: 25px; letter-spacing: -1px; color: #ac0000;  position: absolute; top: 0px; left: 400px; }
.slide p{ color: #000000; font: normal bold 16px Helvetica,Arial,sans-serif;; line-height: 22px; width: 400px;  position: absolute; top: 25px; left: 400px;}
.slide img{ position: absolute; top: 20px; left: 0px; }
#slider-stopper{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
div#footer{background: #7d8994;color: #ffffff; border: thin solid #000000;width:100%}
div#header{background-image: url(../images/bg1.jpg); background-repeat:repeat; color: #000000; border: thin solid #000000;width:100%;}