* {
   margin: 0px;
   padding: 0px;
   }
                    
div#registration_container {
                           float: left; 
                           position: relative;
                           width: 94%;
                           background-color: tan;
                           margin: 0.5% 0% 0.5% 3%;    /* down, left, up, right */
						   border-radius: 1px;
                           outline: 1px solid rosybrown;
                           } 
                           
                           
div#login_container {
                    float: left; 
                    position: relative;
                    width: 99%;
                    background-color: sienna;
                    margin: 0.4% 0% 0% 0.5%;    /* down, left, up, right */
					border-radius: 1px;
                    outline: 1px solid saddlebrown;
                    }   
                    		  
			  
p#websiteName {
              float: left; 
              position: relative;
              width: 20%;
              text-align: center;
              font-family: century;
			  text-transform: lowercase;
              font-size: 3em;
              padding: 1% 0% 1% 0%;
             /*color: fuchsia;*/
			  color: #E8E8E8;
              margin: 0.7% 0% 0% 1%;    /* down, left, up, right */
             /*outline: 1px solid rosybrown;*/
              }			  
              
              
div#errorForm_wrapper {
                      float: left; 
                      position: relative;
                      width: 50%;
                      margin: 0.7% 0% 0% 2%;    /* down, left, up, right */
                     /*outline: 1px solid red;*/
                      }
                      
                      
p#errormessage {
               float: left; 
               position: relative;
               width: 94%;
               text-align: center;
               font-family: century;
               font-size: 1em;
               padding: 1% 0% 1% 0%;
               color: salmon;
               margin: 3.8% 0% 0% 3%;    /* down, left, up, right */
              /*outline: 1px solid #C8C8C8;*/
               }                       
                      
    
div#loginForm_wrapper {
                      float: right; 
                      position: relative;
                      width: 24%;
                      height: 82px;
                      margin: 0.7% 1% 1% 0%;    /* down, left, up, right */
                     /*outline: 1px solid red;*/
                      }    
    
    
input#login_username {
                     float: left; 
                     position: relative;
                     width: 65%;
                     height: 20px;
                     text-align: center;
                     background-color: #E8E8E8;
                     margin: 2% 0% 0.8% 33%;    /* down, left, up, right */
					 border-radius: 0.3em;
                     border: 1px solid #808080;
                     }    
    
    
input#login_password {
                     float: left; 
                     position: relative;
                     width: 65%;
                     height: 20px;
                     text-align: center;
                     background-color: #E8E8E8;
                     margin: 0% 0% 0.7% 33%;    /* down, left, up, right */
					 border-radius: 0.3em;
                     border: 1px solid #808080;
                     }    
    
    
input#login_button {
                   float: left; 
                   position: relative;
                   width: 18%;
                   height: 22px;
                   color: #707070;
                   margin: 0% 0% 0% 80.7%;    /* down, left, up, right */
                   border-radius: 0.2em;
                   border: 1px solid #C0C0C0;
                   }				   
                   
                   
input#login_button:hover {
                         background-color: #F8F8F8;
                         }    
    
    
div#logoContainer {
                  float: left; 
                  position: relative;
                  width: 45%;
                  height: 569px;
                  margin: 0.5% 0% 0.4% 0.5%;    /* down, left, up, right */
                  outline: 1px solid rosybrown;
                  }
                  
                  
div#logo_innerWrapper {
                      float: left; 
                      position: relative;
                      width: 95.5%;
                      height: 542px;
                      margin: 2% 0% 0% 2%;    /* down, left, up, right */
                      border-top-width: 1px;
                      border-right-width: 0px;
                      border-bottom-width: 1px;
                      border-left-width: 1px;
                      border-color: rosybrown;
                      border-style: solid;                      
                      }                   
                  
                  
img#websiteLogo {
                float: left; 
                position: relative;
                width: 85%;
                height: 450px;
                margin: 8% 0% 0% 7%;    /* down, left, up, right */				
                border-radius: 3%;
				border: 1px solid rosybrown;
                }     
    
    
div#registrationWrapper {
                        float: right; 
                        position: relative;
                        width: 53.5%;
                        height: 569px;
                        margin: 0.5% 0.5% 0% 0%;    /* down, left, up, right */
					    outline: 1px solid tan;
                        }
                        
                          
div#registration_innerBorder {
                             float: left; 
                             position: relative;
                             width: 97.9%;
                             margin: 0% 0% 0% 1%;    /* down, left, up, right */
                             outline: 1px solid rosybrown;
                             } 
                             
                             
h2#registrationField {
                     float: left; 
                     position: relative;
                     width: 100%;
                     text-align: center;
                     font-family: cooper black;
                     color: purple;
                     padding: 1% 0% 1% 0%;
                     margin: 0% 0% 0% 0%;    /* down, left, up, right */
                     outline: 1px solid rosybrown;
                     } 
                     
                     
h3#announcements_header {
                        float: left; 
                        position: relative;
                        width: 100%;
                        text-align: center;
                        font-family: cooper black;
                        color: #808080;
                        padding: 0.5% 0% 0.5% 0%;
                        margin: 0% 0% 0% 0%;    /* down, left, up, right */
                       /*outline: 1px solid #505050;*/
                        }
                        
                        
div#announcements_body {
                       float: left; 
                       position: relative;
                       width: 96%;
                       height: 460px;
                       text-align: left;
                       font-size: 1.1em;
                       color: crimson;
                       padding: 1% 2% 1% 2%;
                       margin: 0% 0% 0% 0%;    /* down, left, up, right */
                       outline: 1px solid rosybrown;
                       } 
                       
                       
div#loadingWrapper {
                   float: left; 
                   position: absolute;
                   width: 98.8%;
                   margin: 0% 0% 0% 0.6%;    /* down, left, up, right */
                  /*outline: 1px solid red;*/
                   }
                   
                   
div#loader_container {
                     float: left; 
                     position: relative;
                     width: 5%;
                     margin: 20% 0% 0% 47.5%;    /* down, left, up, right */
                    /*outline: 1px solid gold;*/
                     }
                     
                     
img#loaderImage {
                float: left; 
                position: relative;
                width: 100%;
                height: 65px;
                margin: 0% 0% 0% 0%;    /* down, left, up, right */
				border-radius: 3px;
               /*outline: 1px solid blue;*/
                }