/* Remove all default padding and margins */

* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* set margin - default fore and background colors  and font properties*/
body {
max-width: 1200px;
margin: 0 auto;
color: #0e0e0e;
background: #445599;
font-family:arial, verdana, serif;
font-weight: normal;
font-style: normal;
}

/* set width of header element for site heading and slogan */

header {
width: 100%;
background:url('images/beach007_admin.jpg') #EE6633;
background-repeat: no-repeat;
background-size: 100%;
    
font-family:arial, verdana, serif;
float: left;

border-radius: 20px 20px 0 0;
box-shadow: 5px 5px 10px #0e0e0e;
}
/* margin: 1% 0 .5% 0; */
#left {
width: 58%;
float: left;
}


/* position right division and define width  */

#right {
width: 38%;
float: left;
}

#right img{
    border:2px solid black;

}

/* set size for nav element */

nav {
width: 98%;
float: left;
padding: .5% 1%;
border-radius: 10px;
box-shadow: 8px 8px 20px #0e0e0e inset;

}




/* set width  of container for body section */

#main {
width: 100%;
background: #ffffff ;
float: left;
margin: .25% 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e;
}

#main-left {

float: left;
width: 62%;
margin: 1% 4% 0 4%;
    }
#main-left h1 {
text-shadow: 1px 1px 2px #050505;
}
#main-left h2 {
text-shadow: 1px 1px 2px #050505;
}
/*  */

#main-right {
float: left;
width: 26%;
margin: 1% 4% 10% 0;

}

/* set width of  footer element - add color */
footer {
width: 100%;
background: #DD4444;
float: left;
margin: 0 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e;
border-radius: 0 0 20px 20px;
}


/* set font properties for h1 tag in left division */
#left h1{
font-size: 36px;
float: left;
color: #000000;
text-shadow: 2px 2px 4px #ffffff;

padding: 5% 0 5% 10%;
}
/* color: #efefef;
text-shadow: 4px 4px 8px #0e0e0e; */
 h2{
font-size:28px;
text-align: center;
color: #FF6500;
padding: 2% 0 2% 0
}

/* Liquify images */
img {
max-width: 100%;
}

/* define font properties for paragraph slogan within the right division */

#right p{
font-size: 24px;
text-align: center;
color: #111181;
text-shadow: 2px 2px 4px #0e0e0e;
padding: 10% 0;
}

/* links are set in a paragraph to allow postioning of right left or center */
nav p {
font-size: 16px;
font-weight: bold;
float: left;
text-shadow: 2px 2px 4px #0e0e0e;
padding: .5%  1%;
}

/* set color for links and remove underline (text-decoration) */
nav a {
color: #efefef;
text-decoration: none;
}

/* set hover or roll over color of links */
nav a:hover {
color: #60BF60;
}

/* set font properties for h1 tag in main-left division */
#main-left h1{
font-size:28px;
text-align: center;
color: #FF6600;
padding: 2% 0 2% 0;
}

/* set font properties for h2 tag in main-left division */
#main-left h2{
font-size: 18px;
text-align: center;
color: #FF6600;
padding: 2% 0;
}



/* define font properties of paragraph tag in main-left division */
#main-left p {
font-size: 16px;
text-align: left;
text-indent: 16px;
padding: 2% 0;
}
/* define list indent */
#main-left ul {
    margin-left: 0; padding-left:10em;
}
#contact-box {
  font: bold 24px Arial;
  text-decoration: none;
  background-color: #ee9955;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #CCCCCC;
  border-radius: 10px;
  margin: 5% 2% 5% 2%;
}
/* set font properties for h1 tag in main-right division */
#main-right h1{
font-size:28px;
text-align: center;
color: #FF6600;
padding: 2% 0 2% 0;
}
/* define font properties of paragraph tag in main-right division */
#main-right p {
font-size: 16px;
text-align: left;
margin: 2% 0 ;
}


#main-right img {
display: block;
margin-bottom:5px;
margin-top:5px;
padding: 0 0;
box-shadow: 5px 5px 10px #0e0e0e;
border-radius: 10px;
}

/* define font properties of paragraph tag in register_form */
#registerform p {
font-size: 16px;
color: darkblue;
}
.button {
  font: bold 24px Arial;
  text-decoration: none;
  background-color: #ee9955;
  color: #ffeecc;
  padding: 2px 6px 2px 6px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #CCCCCC;
  border-radius: 10px;
  margin: 5% 2% 5% 2%;
}
/* set font properties of address tag within footer */
footer p {
font-size: 15px;
font-weight: bold;
text-align: center;
color: #333333;
text-shadow: 1px 1px 1px #f3f3f3;
padding: .5% 0;
}

p.clear {
clear: both
}