body         {background-color:#C0C0C0 } /* set background to grey */


#wrap {      /* container for page content, ensures size and centers content, can be relative */
	        color: #000066; /* dark blue text */
	        border:2px solid #000066; 
	        width: 720px; /* fixed width, could be relative */
	        margin: auto; /* centers container, NEVER remove auto */
	        background: #FFFFFF; /* sets background to white */
	        
	        	        
}


#flashwrap { /* sets container for the opening flash movie */
             text-align: center;
             margin: 10px auto; /* margin givs separation from top */
             width: 720px; /* same as regular wrap for consistency  */
             padding: 5px; /* gives space around edges for movie */
             background: #000066; /* same background as */
}

#header {
    border-bottom: 20px solid #000066; /* blue thick border below header  */
    color: #000080; /* blue text */
    /*margin: 0px auto; /* aligns header in center */
    /*padding: 0px;
    width: 100%; /* fills this layer in the container layer */
    height: 119px; /* height of the logo */
    background-color:#FFFFFF; /* white background color */
    text-align: right;
    background-image:url('../images/logo.gif'); background-repeat:no-repeat;


    
}

#nav       { /* navigation links set inside wrap */
             /*width: 128px; /* keeps proportions with other elements */
             float: left; /* keeps to left */
             padding: 0px;
             margin: 0px;
             background-color:#FFFFFF;

}


#nav ul { /* navigation links are bullets to ensure size and placement */
      margin: 0px; /*removes indent IE and Opera*/
      padding: 0px; /*removes indent Mozilla and NN7*/
      list-style-type: none; /*turns off display of bullet*/
} 

#nav li {
        margin: 0px;

}


#content {   /* main text box */
             /*float: left; /* aligns text left against navigation */
             /* width: 52%; /* keeps text as majority of container */
             padding: 8px; /* gives text space */
             text-align: left;   
             
             }

#side      { /* quote text box */

             color: #FFFFFF;
             float: right; /* keeps text box aligned right */
             width: 175px; /* keeps smaller proportions */
             margin: 0px; /* aligns directly against right border */
             padding: 5px; /* gives text space */
             background:#000066; 
             font-size: 90%;                          
}



#footer {    /* REIN contact and copyright info */
             border:1px dashed #000080; /* border to separate info */
             width: 720px; /* keep same as wrap, can also be a percentage but should equal wrap setting */
             margin: 1px auto; /* spearates from wrap */
             background-color:#000066; color:#FFFFFF; 
             font-size:80%; /* keeps text slightly smaller */             
}


#content a:link, #content a:visited, #content a:active {
			 color: #0000CC;
			 border: none;
			 font-spacing: normal;
			 font-weight: bold;
			 background-color: #ffffff;
			 text-decoration: underline;
			 padding: 0px;
			 }

#content a:hover {
             color: #000066;
             background-color: #ffffff;
             }


#nav a:link, #nav a:visited, #nav a:active { /* formats navigation bar, simulates rollover buttons)*/
             display: block; /* allows mouseover all pixel are, not just actual text */
             width: 128px;
             padding: 10px;
             background-color: #000066; /* sets dark blue background */
             border: 2px solid #FFFFFF; /* white border separates */ 
             text-align: center;
             text-decoration: none; /* removes default underline for text link */
             color: #FFFFFF; 
             font-size:90%; 
             letter-spacing:1pt; 
             font-weight:bold;        
                                      
             }


#nav a:hover { /* hover effect for text */
             color: #000066; /* changes text color to blue */
             background-color: #FFCC00;
             background-image:url('../images/smR.gif'); background-repeat:no-repeat; background-position: 0% 50%;

             }

#selflink a:link, #selflink a:visited, #selflink a:hover, #selflink a:active{ /* hover effect for text */
             /* margin: auto; may need for cross browser compatibility */
             text-align: right;
             color: #000099; /* changes text color to blue */
             background-color: #FFCC00; background-image:url('../images/smR.gif'); 
             background-repeat:no-repeat; background-position: 0% 50%;


             }
             

#flashwrap a:link, a:visited { /* sets link style for flash intro page */
             text-align: center;
             color: #FFFFFF; /* sets text to white */
             width: 100; height: 25;
             padding: 4px;
             background-color: #336699;
             border: 2px solid #000066; 
             text-decoration: none;
             font-size:90%; font-weight:bold; letter-spacing: 2px;             
             }

#flashwrap a:hover, a:active   { /* sets rollover for flash intro page */
             color: #FFFFFF; 
             background-color: #000066; /* changes background color */
             border: 2px solid #336699;
             letter-spacing: 2px;
             }