/* This is the Style sheet for the Front Royal Women's Resource Center of Front Royal VA.
Authored by Bob Way of Shen Valley Tech. URL: www.shenvalleytech.com.
*/

/* import additional style sheets. Undo default browser settings.*/

@import url(undohtml.css);

/* start general element styling */

body      { 
          width: 90%;
          font-family:  Verdana, Arial, sans-serif;
          font-size: 100%; 
          color: white; 
          background-color: #dda0dd;
         /*  background-color: #6a180b;*/
          margin-left: auto;
          margin-right: auto;
          }

h1, h2, h3, h4     {
               font-family: Georgia, "Times New Roman", serif; 
               font-weight: bold;
               font-variant: small-caps;
               text-align: left;
               margin: 10px 25px;
               }
     
h1   {
          font-size: 1.5em; 
          }
          
h2   {
          font-size: 1.3em; 
          }

h3   {
          font-size: 1.1em; 
          }

h4   {
          font-size: 1.0em; 
          }

.signature   {
          font-family: Garamond, Georgia, "Times New Roman", serif;
          font-size: .9em;
          font-weight: bold;
          font-style: italic;
          }                     

.fixit   {
          font-size: 1.1em;
          font-weight: bold;
          }   
          
hr   {
          width: 50%;
          height: 3px;
          margin: 20px auto;
          color: inherit;
          background-color: #660066;
          }

strong    { font-weight: bold; }

em   { font-style: italic; }

.center   { text-align: center; }

p    { 
     margin: 5px 25px;
     line-height: 1.5;
     font-size: .85em;
     }

.fright { 
        float: right;
        margin: 15px;
         }

.fleft { 
        float: left;
        margin: 15px; }
        
.clear { clear: both; }

.mid { text-align:center; }

.poetry {
           width: 410px;
           height: 307px;         
 }
 
.poetrysmall {
           width: 271px;
           height: 202px;
           margin: 10px;        
 }
 
 .iconimage {
            width: 35px;
            height: 35px;
            margin: 0px 2px;
  }

/*define topbox*/

#topbox        {
                    background: #dda0dd url(../i/red.jpg) top repeat;
                    color: #ffffff;
                    width: 100%;
                    height: 136px;
                    overflow: hidden;
                    margin: 0px 0px 20px;
                    border-bottom: 3px solid #880000;
                    }
                    
                    
#topbox   h1   {
                    border: 0px;
                    }
                    
                    
#topbox a, a:link, a:visited, a:hover   {
                    text-decoration: none;
                    font-weight: bold;
                    color: #ffffff;
                    background-color: transparent;
                    border: none;
                    }

.title         {
               font-size: 3.0em;
               line-height: 1.2;
               margin-left: 15px;
               margin-top: 15px;
               font-family: Garamond, Georgia, "Times New Roman", serif; 
               font-weight: bold;
               font-variant: small-caps;
               }


blockquote {
          margin: 15px auto;
          width: 400px;
          border: 1px solid #880000;
          color: #800000;
          background-color: #ffd4ff;
          }
          
blockquote  p {
            font-size: .75em;
            margin: 10px 0px 10px 25px;
 }
 
blockquote.wide { width:600px; }

blockquote.wide  p {
            font-size: .75em;
            font-style:italic;
            margin: 10px 15px;
 }

blockquote.mission {
          margin: 15px auto;
          border: 1px solid #880000;
          color: #800000;
          background-color: #ffd4ff;
          padding: 5px;
          width: 600px;
          text-align:center;
          font-size: 1.0em;
          font-weight: bold;
          font-family: Georgia, "Times New Roman", serif;
          }          
     

table.basic {
            margin: 10px;
             }

table.basic td {
               padding: 5px 10px;
               font-size: .8em;
 }
 

table.newsletter {
            margin: 10px 25px;
            border: 0px solid #000099;
            border-collapse:collapse;
             }

table.newsletter th {
               padding: 5px 10px;
               font-size: .875em;
              text-align:center;
              font-weight:bold;
              border: 0px solid #000099;
 }
 
table.newsletter td {
               padding: 5px 10px;
               font-size: .875em;
               vertical-align:top;
               border: 0px solid #000099;
 }

#myform {
          width: 500px;
          margin: 50px auto;
          }

#specialevent  {
          float: left;
          border: 2px groove #800000;
          color: #800000;
          background-color: #ffffff;
          margin: 50px;
          width: 90%;
          }

#specialevent ul    {
          margin-left: 0px;
          padding: 10px;
          list-style-type: none;
          line-height: 1.3em;
          }
    
#specialevent img.rightside {
     float: right;
     margin: 0px 5px 5px 10px;
     }

#specialevent img.leftside {
          float: left;
          margin: 0px 10px 5px 5px;
     }

#specialevent h2 {
   border: none;
   text-align: center;
   font-size: 1.0em;
   margin-left: 5px;
}

#specialevent p {
               text-align: left;
               font-size: .8em;
               margin: 10px;
               }
               
#bookbox  {
          clear: left;
          float: left;
          border: 2px solid #800000;
          color: #800000;
          background-color: #ffd4ff;
          margin: 0px 10px 10px 10px;
          width: 195px;
          }

/*define navbox*/

#navbox       {
               float: left;
               width: 195px;
               color: #000000;
               background-color: #ffffff;
               border:  3px solid #880000;
               margin: 0px 0px; 
               }
                         

.navboxtitle   {                                  
                font-weight: bold;
                text-align: center;
                background: #000000 url(../i/red.jpg) top repeat;
                color: #ffffff;
                border-top: 1px ridge #800080;
                border-bottom: 2px ridge #800080;
                padding: 0 5px;
                margin: 0px 0px 0px;
                font-size: .8em;
                }

.vnav {
        clear: left;
        float: left;
        margin-left: 0px;
        margin-right: 25px;
        margin-bottom: 5px;
        padding: 0px;
        list-style-type: none;
        width: 95%;
        color: #000000;
        background: #ffffff;
        /*border: 1px solid #49324e;*/
        }
         
.vnav li   {
              margin: 0px;
              padding: 0px;
              float: left;
              width: 100%;
              }

.vnav a       {
                display: block;
                margin-left: 0px;
                width: 100%;
                text-align: left;
                text-decoration: none;
                line-height: 2.0;
                /*border-bottom: 1px solid #ff5500;*/
                color: #800080;
                background-color: inherit;
                font-size: .75em;
                padding-left: 5px;
                }

.vnav a:hover         {
                       color: #000000;
                        background-color: #dda0dd;
                        }

#body_home #nav_home a, #body_progs #nav_prog a,
#body_cal #nav_cal a, #body_res #nav_res a,
#body_invite #nav_invite a, #body_cont #nav_cont a,
#body_news #nav_news a, #body_v2009 #nav_v2009 a, 
#body_v2008 #nav_v2008 a, #body_v2007 #nav_v2007 a, 
#body_v2006 #nav_v2006 a, #body_v2005 #nav_v2005 a, 
#body_v2004 #nav_v2004 a, #body_v2010 #nav_v2010 a,
#body_ed2010 #nav_e2010 a, #body_ed2009 #nav_e2009 a,
#body_ed2008 #nav_e2008 a, #body_ed2007 #nav_e2007 a, 
#body_ed2006 #nav_e2006 a, #body_ed2005 #nav_e2005 a, 
#body_ed2004 #nav_e2004 a, #body_about #nav_about a,
#body_poetry #nav_poetry a {
                           color: #ffffff;
                           background-color: #990099; 
                           }


/*define content*/

#content           {
                      /*float: right;*/
                      color: #800000;
                      background-color: #ffffff;
                      border:  3px solid #880000;
                      margin-left: 205px;
                      margin-right: 0px;
                      line-height: 1.3;
                      }

#content a {
              text-decoration: none;
              font-weight: bold;
              padding: 0px;
              }

#content a:link, #content a:visited {
              color: #800080;
              background-color: inherit;
              }

#content a:hover {
              text-decoration: underline;
              color: #800080;
              background-color: inherit;
              }
                      
#content ul.links {
          list-style-type: none;
          line-height: 2.0;
          margin: 20px 50px;
          }

#content ul li a {
              text-decoration: none;
              font-weight: bold;
              padding: 0px;
              }

#content ul li a:link {
              text-decoration: none;
              color: #800080;
              background-color: inherit;
              }

#content ul li a:visited {
              text-decoration: none;
              color: #000099;
              background: inherit;
              }

#content ul li a:hover {
              text-decoration: none;
              color: #000000;
              background-color: #dda0dd;
              }

#content ul.ladylist   {
          list-style-type: disc;
          margin: 10px 75px;
          line-height: 1.5;
          font-size: .85em;
          }

#content ul.top   {
          list-style-type: none;
          margin: 10px 50px;
          line-height: 1.5;
          font-size: .8em;
          } 

#content ul.newslist   {
          list-style-type: none;
          margin: 0px 25px ;
          line-height: 1.4;
          font-size: .9em;
          } 
          
#content ul.newslist  li {
          margin-top: 0px;
          } 

#content ul.voicelist   {
          list-style-type: none;
          margin-left: 75px;
          line-height: 2.0;
          margin-top: 10px;
          font-size: .85em;
          } 

#content ul.recipelist   {
          list-style-type: none;
          margin-left: 25px;
          line-height: 1.5;
          margin-top: 10px;
          font-size: .85em;
          } 

#content ul.events   {
          list-style-type: none;
          margin-left: 75px;
          line-height: 1.5;
          font-size: .75em;
          }               

#content ol.events   {
          list-style-type: decimal;
          margin-left: 75px;
          line-height: 1.5;
          font-size: .75em;
          }         
/*define misc*/

   
#content ul.happenings   {
          list-style-type: none;
          margin-left: 65px;
          margin-right: 50px;
          font-size: .95em;
          }

#content ul.happenings li  {
          line-height: 1.3;
          margin-bottom: 10px;
          }
          
#content ul.happenings h3, #content ul.happenings h4  {
           margin-left: 0px;
          }             
     
#footer   {
          clear: both;
          font-size: .85em; 
          border-top: 2px solid maroon;
          margin-top: 10px;
          }
          
#footer p  {
          line-height: 2.0;
          margin-top: 5px;
          }

#footer a {
              text-decoration: none;
              font-weight: normal;
              padding: 5px;
              }

#footer a:link {
              color: #800080;
              background-color: inherit;
              }

#footer a:visited {
              color: #000099;
              background: inherit;
              }

#footer a:hover {
              text-decoration: underline;
              color: #800080;
              background-color: inherit;
              }

#yinpic        {
               float: right;
               width: 128px;
               height: 128px;
               margin: 10px 0 10px 10px;
               }

     
#mastpic  {
          float: right;
          top: 0;
          height: 136px;
          margin: 0px;
          }