/* ------------------------------*/
/* --- COMMON PAGE ATTRIBUTES ---*/
/* ------------------------------*/

body {
     background-attachment: fixed;
     background-image: url('../images/graypinstripe.gif');
     background-repeat: repeat;
     text-align: center;
     margin-top: 30px;
     margin-bottom: 30px;
     }


.pagewrapper {
             margin-left: auto; 
             margin-right: auto;
             width: 756px;
             text-align: left;
			 color: black;
             border: 2px solid #000000;
             background-color: #F0F0F0;
             }


.header {
        height: 113px;
        border-bottom: 2px solid black;
        background: #8AA4ED;
        }


.headertext h2 {
                padding: 10px 0px 0px 10px;
                font-family: Verdana, Arial, sans-serif;
                font-size:28px;
                font-weight:bold;
		        font-variant: small-caps;
                color: #000000;
                letter-spacing: -1px;
                margin:0px;
                }


.headertext h3 {
                padding:0px 0px 0px 10px;
                font-family: Verdana, helvetica, sans-serif;
                font-size:24px;
                font-weight:bold;  
                color: #000000;
                margin:0px;  
                }


.leftside {
           float: left;
           width: 136px;
           font-family: Verdana, Arial, sans-serif;
           font-size: 14px;
           padding-left: 8px;
           background-color: #F0F0F0;
           }


.trans {
       color: black;
       text-align: left;
       font-family: Verdana, Arial, sans-serif;
       font-size: 9px;
       }


.rightside {
           float: right;
           width: 587px;
           padding-right: 6px;
           padding-left: 6px;
           font-family: Verdana, Arial, sans-serif;
           font-size: 14px;
	       text-align: justify;
           border-left: 1px dotted black;
           background-color: #F0F0F0;
           } 


p {
  text-align: justify;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  }


dt {
   color: black;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   }


dd {
   color: black;
   text-align: justify;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   }


.tip {
     color: black;
     font-family: Verdana, Arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
     }


li {
   color: black;
   text-align: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
   list-style-type: circle;
   }


.fampass {
          margin: 0px auto;
          width: 210px;
	      text-align: left;
	      font-size: 15px;
          font-weight: bold;
	      }


.password {
          color: black;
          font-weight: bold; 
          font-size: 15px; 
          text-align: center;
          }
		  
		  
.spacer {
        margin: 0px;
        padding: 0px;
        height: 10px;
        clear: both;
        }


.footer {
        height: 30px;
        text-align: center;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        padding-left: 1%;
        padding-right: 1%;
        border-top: 1px solid black;
        background-color: #8AA4ED;
        color: #ffffff;
        }


.pageupdated {
             color: #5F5A35;
             font-family: Verdana, Arial, sans-serif;
             font-size: 8px;
             }


.ringsurf {
           width: 390px;
           height: 210px;
           margin: 0px auto;
           text-align: center;
           padding: 5px;
	       font-size: 14px;
           color: black;
           border: 1px solid black;
           font-family: Verdana, Arial, sans-serif;
	       }


.underline {
           color: #000000;
           font-size: 16px;
           text-decoration: underline;
           }


.icra {
      color: #000000;
      text-align: center;
      font-family: Verdana, Arial, sans-serif;
      font-size: 9px;
      }


.skunkrecipe {
             margin: 0px auto;
	         width: 210px;
	         text-align: center;
             padding: 10px;
	         border: 6px double black;
	         }


.whatsnew {
          color: black;
          font-family: Verdana, Arial, sans-serif;
          font-size: 14px;
          font-weight: bold;
          }


.irheader {
          color: black;
          text-align: center;
          font-family: Verdana, Arial, sans-serif;
          font-size: 19px;
          }
		  
/* -----------------------------*/
/* --- NAVIGATION ATTRIBUTES ---*/
/* -----------------------------*/

h1{
  margin: 0px 0px 4px 1px;
  display: block;
  width: 117px;
  border: 1px solid black;
  background-color: #C7CBDE;
  font-family: Verdana, Arial, sans-serif;
  color: black;
  padding: 1px 8px 3px 8px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  font-variant: small-caps;
  text-align: left;
  }


a {
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
  color: #AC304C;
  }


a:hover {
	    font-family: Verdana, Arial, sans-serif;
	    text-decoration: underline;
	    color: #AC304C;
        }


#nav a {
       width: 117px;
       display: block;
       margin: -1px auto;
       padding: 2px 8px;
       font-family: Verdana, Arial, sans-serif;
       font-size: 14px;
       color: #000000;
       background-color: transparent;
       border: 1px #000000 solid;
       text-decoration: none;
       text-align: left;
       }


#nav a:hover {
             width: 117px;
             display: block;
             margin: -1px auto;
             padding: 2px 8px;
             font-family: Verdana, Arial, sans-serif;
             font-size: 14px;
             color: #000000;
             background-color: #8CB69C;
             border: 1px #000000 solid;
             text-decoration: none;
             text-align: left;
             }


a.pagenumber  {
              width: 8px;
              margin: 0px;
              padding: 2px 6px 2px 6px;
              font-family: Verdana, Arial, sans-serif;
              font-size: 14px;
              color: #4C556A;
              background-color: transparent;
              border: 1px #000000 solid;
              text-decoration: none;
              text-align: center;
	 		  }


a.pagenumber:hover {
                   width: 8px;
                   margin: 0px;
                   padding: 2px 6px 2px 6px;
                   font-family: Verdana, Arial, sans-serif;
                   font-size: 14px;
                   color: #000000;
                   background-color: #8CB69C;
                   border: 1px #000000 solid;
                   text-decoration: none;
                   text-align: center;
	               }

/* --------------------------------*/
/* --- IMAGE BOARDER ATTRIBUTES ---*/
/* --------------------------------*/

.imgborder {
           border: 4px double black;
	       margin: 3px 3px 3px 3px;
           }


.imgborderleft {
                border: 4px double gray;
                margin: 3px 4px 3px 0px;
                }

.imgborderright {
                 border: 4px double gray;
                 margin: 3px 0px 3px 4px;
                 }


/* -----------------------------*/
/* --- IMAGE LINK ATTRIBUTES ---*/
/* -----------------------------*/

a.imgopacity img {
                 filter:alpha(opacity=70); 
                 -moz-opacity: 0.7; 
                 opacity: 0.7;
                 }


a.imgopacity:hover img {
                       filter:alpha(opacity=100);   
                       -moz-opacity: 1.0;   
                       opacity: 1.0;
                       border: 4px double black;
                       }


.dropcap {
         float: left;
         line-height: 29px;
         padding-right: 3px;
         color: black;
         font-size: 36px;
	     font-weight: bold;		 
         font-family: Verdana, Arial, sans-serif;
         }
		 
	
.bold {
      color: black;
      text-align: center;
      font-family: Verdana, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      }


a.nextday {
          margin: 0px auto;
          width: 90px;
          display: block;
          padding: 0px 0px 4px 0px;
          font-family: Verdana, Arial, sans-serif;
          font-size: 26px;
          color: black;
          border: 1px black solid;
          text-align: center;
          text-decoration: none;
          }


a.nextday:hover {
                margin: 0px auto;
				width: 90px;
				display: block;
	            font-family: Verdana, Arial, sans-serif;
				font-size: 26px;
       	        text-decoration: none;
                text-align: center;
                padding: 0px 0px 4px 0px;
	            color: #000000;
				background-color: #8CB69C;
                border: 1px black solid;
                }


.center {
        text-align: center;
        }