/*
  Developed for: Nelsonville Rotary Club #6690
  Author: Ryan Spellman
  Contact: ryan@vividapparitions.com
  http://www.vividapparitions.com
*/

/* Body Behavior */

body, html{ background-image:url('images/background.jpg');
            background-repeat:repeat-x;
            background-attachment:fixed;
            background-color:#00349a;
            background-position:top;
            margin:0px;
            padding:0px;
            height:100%;}

img { border-style:none;}

/* Wrappers */

#giftwrap { width:760px;
            height:100%;
            margin-right:auto;
            margin-left:auto;}

#header {   background-image:url('images/banner.gif');
            background-position:center;
            width:760px;
            height:120px;
            margin-bottom: 15px;
            margin-top: 10px;}

#wrapper {  width:730px;
            margin-right:auto;
            margin-left:auto;}

#contentwrapper{  width:730px;
                  height:100%; 
                  background-image:url('images/content_bg.gif');
                  background-repeat:repeat-y;}

#calendarwrapper{ width:670px;
                  margin-right:auto;
                  margin-left:auto; }
/* Menu */

#menu2 {     width:730px;
            height:40px;
            background:url('images/menu.gif');
            background-repeat: repeat-x;}

#menu {  color:#fff;   }


.button {   float: left;
            padding-right: 10px;
            margin: 0px;
            width:110px;
            height:40px;}

#menupad {  width:10px;
            height:40px;
            float:left;}

/* HOME*/

  div.home { float: left;
            padding-right: 10px;
            margin: 0px;
            width:110px;
            height:40px;
            background-image:url('images/home.png');
            background-repeat:no-repeat;}

  div.home a, div.home a:link, div.home a:visited { display: block;}

  div.home img { width:100%;
                height:100%;
                border:none;}

  div.home a:hover img { visibility:hidden; }

  /* ABOUT */

  div.about { float: left;
            padding-right: 10px;
            margin: 0px;
            width:110px;
            height:40px;
            background-image:url('images/about.png');
            background-repeat:no-repeat;}

  div.about a, div.about a:link, div.about a:visited { display: block;}

  div.about img { width:100%;
                height:100%;
                border:none;}

  div.about a:hover img { visibility:hidden; }


  /* CALENDAR */

  div.calendar {  float: left;
                padding-right: 10px;
                margin: 0px;
                width:110px;
                height:40px;
                background-image:url('images/calendar.png');
                background-repeat:no-repeat;}

  div.calendar a, div.calendar a:link, div.calendar a:visited { display: block;}

  div.calendar img { width:100%;
                height:100%;
                border:none;}

  div.calendar a:hover img { visibility:hidden; }

  /* CONTACT */

  div.contact {   float: left;
                padding-right: 10px;
                margin: 0px;
                width:110px;
                height:40px;
                background-image:url('images/contact.png');
                background-repeat:no-repeat;}

  div.contact a, div.contact a:link, div.contact a:visited { display: block;}

  div.contact img {   width:100%;
                    height:100%;
                    border:none;}

  div.contact a:hover img { visibility:hidden; }

  /* LINKS */

  div.links {   float: left;
              padding-right: 10px;
              margin: 0px;
              width:110px;
              height:40px;
              background-image:url('images/links.png');
              background-repeat:no-repeat;}

  div.links a, div.links a:link, div.links a:visited { display: block;}

  div.links img {   width:100%;
                  height:100%;
                  border:none;}

  div.links a:hover img { visibility:hidden; }

/* MENU PADDING */

  div.menupad { float:left;
                width:10px;
                height:40px;}

/* FOUR WAY */

  div.fourway { float: left;
              padding-right: 0px;
              margin: 0px;
              width:120px;
              height:40px;
              background-image:url('images/4way2.png');
              background-repeat:no-repeat;}

  div.fourway a, div.fourway a:link, div.fourway a:visited { display: block;}

  div.fourway img { width:100%;
                  height:100%;
                  border:none;}

  div.fourway a:hover img { visibility:hidden; }






/* Content Control  */

h1.theme {  color:#ffcc00;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size:25px;}

h1 {  color:#ffcc00;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size:25px;
      padding-left:25px;}

h2 {  color:#ffcc00;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size:20px;
      padding-left:25px;
      text-decoration:none;}

h3 {  color:#fff;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size:18px;
      padding-left:25px;
      text-decoration:none;}

p { font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    font-weight:bold;
    font-size:14px;
    padding-left: 25px;
    padding-right:20px;}

p.yellow {  font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #ffcc00;
            font-weight:bold;
            font-size:19px;
            padding-left: 25px;
            padding-right:20px;}


p.italic {  font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #fff;
            font-style:italic;
            font-size:14px;
            padding-left: 25px;
            padding-right:20px;}

li { padding-left:25px;
      padding-bottom:10px;
      color:#fff;
      font-family: Arial, Verdana, Helvetica, sans-serif; 
      font-weight:bold;
      list-style:none;}

.title {    width: 675px;
            height: 55px;}

img.header {padding-top:15px;
            padding-left:15px;}

img.eleanor{  border:0px;
              display:block;
              margin-left:auto;
              margin-right:auto;
              padding-top:10px; }

#welcome {  float:left;
            width: 420px;}

#rotor {    width: 270px;
            height: 236px;
            float:right;
            padding-right:25px;}

#footer {   width: 730px;
            height: 28px;
            text-align:center;
            font-size:10px;
            color:#fff;
            background-image:url('images/footer.png');}

#footerpad{ padding-top:5px;
text-align:center; }

div.space {    height:10px;}

#breaker{
          width:660px;
          height:3px;
          margin-left:25px;
          background-image:url('images/break.gif');}

.breaker{
          width:660px;
          height:3px;
          margin-left:25px;
          background-image:url('images/break.gif');}



img.theme { padding-left:25px;
            padding-top:25px;
            padding-right: 15px;
            padding-bottom: 5px;
            float:left;
            border:0px;}

img.imgright { padding-right:20px;
              padding-left: 15px;
              padding-bottom: 5px;
              float:right;}

img.feat {  padding-top:6px;
            border:0px;
           }

div.clear {  clear:both;}

/* Link Behavior */

a:link {  font-family: Arial, Verdana, Helvetica, sans-serif;
          color: #fff;
          font-weight:bold;
          font-size:14px;}

a:visited { font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #fff;
            font-weight:bold;
            font-size:14px;}

a:hover {   font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #ffcc00;
            font-weight:bold;
            font-size:14px;}

a.footer:link {  font-family: Arial, Verdana, Helvetica, sans-serif;
          color: #fff;
          font-weight:bold;
          text-decoration:none;
          font-size:10px;
          }

a.footer:visited { font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #fff;
            font-weight:bold;
            font-size:10px;
            text-decoration:none;}

a.footer:hover {   font-family: Arial, Verdana, Helvetica, sans-serif;
            color: #ffcc00;
            font-weight:bold;
            font-size:10px;
            text-decoration:none;}

a.h3:link {
           font-family: Arial, Verdana, Helvetica, sans-serif;
           color:#ffcc00;
           font-size:18px;
           text-decoration:underline;}

a.h3:visited {
           font-family: Arial, Verdana, Helvetica, sans-serif;
           color:#ffcc00;
           font-size:18px;
           text-decoration:underline;}


a.h3:hover {
           font-family: Arial, Verdana, Helvetica, sans-serif;
           color:#ffffff;
           font-size:18px;
           text-decoration:underline;}


/* Membership Roster */

div.officers {
                float:left;}

div.members { float:left; 
              width:200px;
              padding-left:40px;}

/* Calendar Controls */
td {  background-color:transparent;
      color:#fff; }

table.admin, .admin td a {
    background-attachment:initial;
    background-clip:initial;
    background-color:transparent;
    background-image:initial;
    background-origin:initial;
    background-position:initial initial;
    background-repeat:initial initial;
              }

label{color:#fff;}
td.tooltip{color:#fff;}
.tabfor{background-color:#003399;}
#tabscontent{background-color:transparent;}
legend{color:#fff;}
.tabbak{background-color:#2f4f4f;}
.prefix{color:#a8a8a8;}
#day .title .date, .title .date {
          color:#fff;
          font-size:26px;
          font-weight:bold;
          text-align:center;
          overflow:hidden;
        }
a.dayofmonth:link { color:#000;}
a.entry:link {color:#000;}