body { 
	
	font-family: comic sans MS;
	font-size: 11pt;
	background-color: #D7FAEB;
	margin: 8px;
}



#wrap {
	margin:0 auto
        text-align: center;
	width: 1000px;
        
      
        
         
}



#header
 { 
        width: 1000px;
        height: 170px;
        margin: 0 auto;
        margin-bottom: 20px;
        padding:0px;
        background-image: url(parchment.jpg);
        border:2px solid #999;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}

h1{
        padding: 10px;
        margin-top: 20px;
        text-shadow: 6px 6px 3px #CCFFCC;
}

#sidebar {

                
                
                
		float:left;
		width: 150px;
		padding:10px;
                margin-top: 20px;
                margin-bottom: 30px;
                margin-right:20px;
		background-color: #D7FAEB;
               
}

#field{
                float:left;
}

#menu{
                
		position: absolute;
                top: 370px;
                
		width:210px;
                margin-left: 10px;
                margin-top: 20px;
                margin-right: 20px;
		padding:5px;
                font-family: comic sans MS;
                font-size: 9pt;
                background:#33FFCC;
                border: 1px solid green;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                border-radius: 10px;
	} 

a.menu {

         font-size:  10pt;
         font-family: Verdana;
         text-decoration: none;
         display: block;
         margin-bottom: 1px;
         padding: 3px;
         width: 180px;
         text-align: left;

}
a.menu:link {

           color: #2f2f2f;
           background-color: #d3d3d3;
           border-right: 20px solid #6a6a6a;
           text-shadow: #999 0px 2px 2px;
}

a.menu:visited {

           color: #2f2f2f;
           background-color: #d3d3d3;
           border-right: 20px solid #6a6a6a;
           text-shadow: #999 0px 2px 2px;
}

a.menu:hover {

              text-align: left;
              color: #d6dbbf;
              background-color: #2f2f2f;
              border-right: 20px solid #f00;
              text-shadow: none;
}

a.menu:active {
    
              text-align: left;
              color: #d6dbbf;
              background-color: #f00;
              border-right: 20px solid #2f2f2f;
              text-shadow: none;
}

#info{       
                position: absolute;
                top: 850px;

                width:220px;
                margin-left: 10px;
                margin-top: 20px;
                margin-right: 20px;
                margin-bottom: 20px;
		
                padding-bottom:20px;
                font-family: comic sans MS;
                font-size: 10pt;
                background:#33FFCC;
                border: 1px solid green;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                border-radius: 10px;
                clear:both; 


} 

#main
{       float: right;
        width: 700px;
        margin-top: 10px;
        margin-bottom: 40px;
        
        padding: 10px;
        background-image: url(parchment.jpg);    
        border:2px solid #999;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}

 h4{  
        cursor:pointer;
        margin-top: 50px;
        margin-bottom: 5px;
        margin-left:auto;
        margin-right:auto;
        background-color:#33FFCC;
        color:#000000;
        width:150px;
        padding:2px;
        text-align: center;
        font-family:comic sans MS;
        font-weight:bold;
        border:1px solid #999;
        
        
}         




#header img{
                margin-top:10px;
                margin-left: 20px;
                margin-right: 20px;

        }

fieldset{
              width:210px;
              height:100px;
              padding: 15px;
              margin-bottom:50px;
 	      position: relative;
 	      display: table
              
}


legend{
                font-size: large;
                color: red;
                
	        
}

input:focus
{
background-color:#A9D0F5;
}

input.formInputButton
{          font-size:12pt;
           font-family:comic sans MS;
           vertical-align: middle;
           font-weight: normal;
           text-align: center;
           padding: 1px;
           border: solid 1px #999;
           cursor: pointer;
           float: right;
}

a{
        font-family:comic sans MS;
        
        text-decoration: none;
}	

#footer
{
	clear: both;
	background-image: url(parchment.jpg);
	margin-top: 20px;
        padding: 10px;
	height: 20px;
        text-align: center;
        display: block;
        border:2px solid #999;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}


#left-div{
                   display: inline;
                   float: left;
}

#right-div{
                    display: inline;
                    float: right;
}
#center{
                    display: inline;
         }