body {
    font-family: verdana, geneva, helvetica, arial, sans-serif;
    margin: 0;
    padding: 0;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_stripe.gif);
    background-color: #ffffff;
    font-size: 11px;
    background-attachment:  fixed;
    }

h1 {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 175%;
    color: #5b3d1b;
    border-bottom: 1px solid #bb7516;
    padding: 0 0 15px 15px;
    }

h1.newsletter {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 175%;
    color: #5b3d1b;
    border-bottom: 1px solid #5b3d1b;
    padding: 0 0 15px 0;
    }

h2 {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    padding: 0 0 0 15px;
    }

h2.newsletter {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    padding: 0;
    }

h2.newsletterArchive {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    padding: 0;
    }

h2.directory {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    padding: 0;
    }

h2.coupon {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    padding: 0;
    }

h3 {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 130%;
    color: #135947;
    letter-spacing:-1px;
    padding: 0 0 0 15px;
    }

.relocationSurvey {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #432401;
    font-weight: bold;
    }

.directoryName {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 150%;
    color: #bb7516;
    font-weight: bold;
    align: left;
    }

.directoryDate {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 100%;
    color: #5b3d1b;
    align: left;
    }

h4 {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 130%;
    color: #5b3d1b;
    border-bottom: 1px solid #5b3d1b;
    letter-spacing:-1px;
    }

h5 {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 110%;
    color: #000000;
    }

h5.eventsHomepage {
    font-family: arial, verdana, geneva, helvetica, sans-serif;
    font-size: 120%;
    color: #135947;
    letter-spacing:-1px;
    margin-bottom: -5px;
    }

a {font-family: verdana, geneva, helvetica, arial, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold;}
a:link {color:#226c58;}
a:visited {color:#226c58;}
a:active {color:#5b3d1b;}
a:hover {text-decoration: none; color:#5b3d1b;}

.subNav a {font-family: arial, verdana, geneva, helvetica, sans-serif; font-size: 130%; color: #5b3d1b; font-weight: bold; text-decoration: none;}
.subNav a:link {color:#5b3d1b;}
.subNav a:visited {color:#5b3d1b;}
.subNav a:active {color:#5b3d1b;}
.subNav a:hover {text-decoration: none; color:#135947;}

#mainNav {
    float: right;
    width: 249px;
    margin: 0 50px 0 0;
    }

.mainNavButton {
    width: 249px;
    height: 24px;
    }

img.subArrow {
    padding: 0 0 0 10px;
    }

img.dividerSubnav {
    padding: 10px 0 10px 0;
    }

img.photo {
    margin: 0 0 5px 15px;
    }

img.newsIcon {
    margin: 0 5px 0 0;
    }

#maincontainer {
    width: 900px;
    background-repeat: repeat-y;
    margin: 0 auto;
    text-align:left;
    }

/* THIS IS FOR MOZILLA */
html>body #maincontainer {
    width: 920px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_shadow.png);
    margin: 0 auto;
    text-align:left;
    }

#footer {
    width: 900px;
    height: 27px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/footer_noshadow.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
    }

p.footer {
    text-align: center;
    color: #5b3d1b;
    padding: 0 0 15px 0;
    }

/* THIS IS FOR MOZILLA */
html>body #footer {
    width: 920px;
    height: 43px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/footer_shadow.png);
    margin: 0 auto;
    text-align:left;
    }

table.content {
    background-color: #ffffff;
    }

#topsection {
    background-color: #226c58;
    width: 100%;
    height: 50px;
    }

#topleft {
    float: left;
    padding: 15px 0 0 60px;
    }

#topright {
    float: right;
    padding: 16px 66px 0 0;
    }

#basenav {
    width: 920px;
    height: 50px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_top.jpg);
    margin: 0 auto;
    text-align:left;
    }

/* HOME PAGE */

#relocationSurvey {
    margin: 0 25px 25px 60px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_relocation.gif);
    background-repeat: no-repeat;
    padding: 45px 20px 15px 20px;
    height: 375px;
    }

#surveyBox {
    border: 1px solid #226c58;
    padding: 10px;
    margin: 0 0 25px 0;
    }

td.business {
    width: 312px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_business.gif);
    background-repeat: no-repeat;
    }

#businessMain {
    width: 220px;
    margin: 25px 0 20px 65px;
    }

td.liveplay {
    width: 276px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_liveplay.gif);
    background-repeat: no-repeat;
    }

#liveplayMain {
    width: 220px;
    margin: 70px 28px 20px 27px;
    text-align: justify;
    }

#liveplayButtons {
    text-align: center;
    padding: 0 0 20px 0;
    }

td.members {
    width: 312px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_members.gif);
    background-repeat: no-repeat;
    }

#membersMain {
    width: 220px;
    margin: 70px 0 20px 27px;
    text-align: justify;
    }

#memberButtons {
    padding-left: 23px;
    }

td.brief {
    width: 312px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_brief.gif);
    background-repeat: no-repeat;
    }

#briefMain {
    width: 220px;
    margin: 30px 0 20px 65px;
    text-align: justify;
    }

#briefLinks {
    width: 220px;
    margin: 30px 0 20px 65px;
    }

#rsvpLinkMain {
    width: 220px;
    margin: 10px 0 5px 60px;
    }

#newMemberList {
    width: 220px;
    margin: 0 0 -55px 0;
    }

td.news1 {
    width: 276px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_news1.gif);
    background-repeat: no-repeat;
    }

#news1Main {
    width: 235px;
    margin: 30px 14px 20px 27px;
    }

td.news2 {
    width: 312px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_news2.gif);
    background-repeat: no-repeat;
    }

#news2Main {
    width: 235px;
    margin: 30px 15px 20px 13px;
    }

/* ABOUT PAGE */
td.subnav {
    width: 312px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_subnav.gif);
    background-repeat: no-repeat;
    }

.subNav {
    width: 220px;
    margin: 28px 0 20px 65px;
    text-align: justify;
    }

.subMargin {
    width: 220px;
    margin: 28px 0 20px 65px;
    text-align: justify;
    }

#subButtons {
    margin: 0 0 0 60px;
    }


td.aboutBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_about.gif);
    background-repeat: no-repeat;
    }

td.joinBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_join.gif);
    background-repeat: no-repeat;
    }


td.liveplayBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_liveplayBG.gif);
    background-repeat: no-repeat;
    }

td.businessBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_businessBG.gif);
    background-repeat: no-repeat;
    }

td.newsBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_newsBG.gif);
    background-repeat: no-repeat;
    }


td.newsletterBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_newsletter.gif);
    background-repeat: no-repeat;
    }

td.bsmBack {
    width: 588px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_bsm.gif);
    background-repeat: no-repeat;
    }

td.header {
    width: 900px;
    height: 250px;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_header.jpg);
    background-repeat: no-repeat;
    }

#innerMain {
    width: 495px;
    margin: 70px 0  25px 28px;
    text-align: justify;
    }

p.contentBody{
    text-align: justify;
    padding: 0 15px 0 15px;
    }

#contentBody{
    text-align: justify;
    padding: 0 15px 0 15px;
    }

p.contentCommittee {
    text-align: justify;
    padding: 10px;
    margin: 30px;
    border: 1px solid #bb7516;
    color: #5b3d1b;
    }

p.contentMore {
    text-align: right;
    padding: 0 15px 0 15px;
    }

p.contentEvents {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #000;
    }

#contentDivider {
    border-bottom: 1px solid #bb7516;
    margin: 10px 15px 10px 15px;
    }

td.memberName {
    border-bottom: 1px solid #bb7516;
    background-color: #f5eadc;
    padding: 10px 0 10px 15px;
    }

#coupon {
    border: 1px dashed #bb7516;
    font-weight: bold;
    text-align: center;
    padding: 0 25px 25px 25px;
    margin: 0 15px 15px 15px;
    }

#briefSponsor{
    border-top: 1px solid #bb7516;
    text-align: center;
    padding: 0 10px 10px 10px;
    margin: 10px 0 0 0;
    }

#buttonBusiness {
    margin: 60px 0 0 57px;
    }

input.memberSearch {
    font-size: 100%;
    font-weight: bold;
    font-family: arial, verdana, sans-serif, lucida, geneva, helvetica;
    color: black;
    background-color : #fff;
    background-image: url(https://www.casperwyoming.org/images/new/site_graphics/background_membersearch.gif);
    background-repeat: no-repeat;
    border: 1px solid #dec7a7;
    width: 170px;
    padding: 5px 5px 6px 5px;
    }

select.memberSelect {
    font-size: 120%;
    font-weight: bold;
    font-family: arial, verdana, sans-serif, lucida, geneva, helvetica;
    color: #5b3d1b;
    background-color : #eeebe8;
    border-top: 1px solid #eeebe8;
    border-right: 1px solid #eeebe8;
    border-bottom: 1px solid #5b3d1b;
    border-left: 1px solid #eeebe8;
    width: 493px;
    height: 20px;
    padding: 0 0 0 7px;
    }

select.reloSurvey {
   background-color: #f1e7d9;
   border: 1px solid #bc7718;
   width: 187px;
   }

input.reloSubmit {
   background-color: #bc7718;
   border: 1px solid #f1e7d9;
   color: #f1e7d9;
   font-weight: bold;
   width: 187px;
   }

/* CALENDAR */

.calendarBG {
 background-color: #ffffff;
}

.calendarBlank {
 background-color: #ffffff;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #bc7718;
}

.calendarMonthLinks {
 font-family:arial, verdana, geneva, helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 color: #fff;
 background-color: #bc7718;
}

.calendarMonthLinks a {
 color: #fff;
 text-decoration: none;
 background-color: #bc7718;
}

.calendarMonthLinks a:visited {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
}

.calendarMonthLinks a:hover {
 color: #ccc;
 text-decoration: underline;
 background-color: transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #5b3d1b;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family: arial, verdana, geneva, helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #fff;
 background-color: #135947;
}

.calendarCellLinks {
 font-family: arial, verdana, geneva, helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #fff;
 background-color: #bc7718;
}

.calendarCellLinks a {
 color: #fff;
 text-decoration: underline;
 background-color:  transparent;
}

.calendarCellLinks a:visited {
 color: #fff;
 text-decoration: underline;
 background-color:  transparent;
}

.calendarCellLinks a:hover {
 color: #fff;
 text-decoration: none;
 background-color:  transparent;
}

.calendarCell {
 font-family: arial, verdana, geneva, helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 letter-spacing: .1em;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #5b3d1b;
 background-color:#efecdc;
}

.calendarCell a {
 color: #fff;
 text-decoration: underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color: #fff;
 text-decoration: underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color: #fff;
 text-decoration: none;
 background-color:  transparent;
}

/* NEWSLETTER  */

#newsletterNav {
    width: 180px;
    margin: 28px 0 0 50px;
    float: left;
    }

#newsletterBody {
   width: 595px;
   margin: 0 50px 0 0;
   float: right;
   }

#newsletterMembers {
   border: 1px solid #bb7516;
   padding: 5px 25px 25px 25px;
   margin: 0 0 25px 0;
   }

#newsletterDivider {
    border-bottom: 1px solid #e7d2b9;
    margin: 20px 0 20px 0;
    }

#newsletterAd {
   float: right;
   margin: 0 0 15px 15px;
   text-align: center;
   }

img.newsletter_ad {
   margin: 0;
   }

#share {
   float:right;
   text-align: center;
   padding: 0 0 15px 0;
    }

#tellfriend {
   margin: 25px;
   border: 1px solid #bb7516;
   background: #fff;
   padding: 25px;
   }

#newsletterDivide {
   border-bottom: 1px solid #d7af82;
   margin: 5px 0 5px 0;
   }

/* FORM STUFF */

legend {
    color: #bb7516;
    background: #fff;
    font-size: 150%;
    font-weight: bold;
    *margin-left:-7px;
    }

fieldset {
    border:1px dotted #000;
    margin: 15px 15px 25px 15px;
    }

fieldset div {
    overflow:hidden;
    display:inline-block;
    }

fieldset div {
    display:block;  /* Reset element back to block leaving layout in ie */
    }

label {
    float:left; 
    width:12em; 
    font-weight: bold;
    }

input.long{
    width: 250px;
    margin: 0 0 5px 0;
    }

input.short{
    width: 50px;
    margin: 0 0 5px 0;
    }

select.date {
    margin: 0 0 5px 0;
    }