BODY {
    text-align: center;
    background-color: #FDAE47;
    background-image:  -moz-radial-gradient(top,circle, #FDAE47 30%, white 90%);
    background-image:  -webkit-radial-gradient(top,circle, #FDAE47 30%, white 90%);
    background-image:  -o-radial-gradient(top,circle, #FDAE47 30%, white 90%);
    background-image:  -ms-radial-gradient(top,circle, #FDAE47 30%, white 90%);
    background-image:  radial-gradient(top,circle, #FDAE47 30%, white 90%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Lobster Two', cursive;
}

BODY h3{
 color: yellow;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

img {
    border: none;
}


#navigation {
 list-style: none;
 margin:0;
 padding:0;
}

#navigation li{
 display:inline-block;
 margin-top:3px;
}

#navigation li a:link.navlink, a:visited.navlink, a:active.navlink {
 display:block;
 color:black;
 width:160px;
 height:20px;
 line-height:20px;
 text-decoration:none;
 text-align:center;
 vertical-align:middle;
 border-width:1px;
 border-style:solid;
 border-color:black;
}

#navigation li a:hover.navlink {
 display:block;
 color:white;
 background-color:black;
 text-decoration:none;
 font-weight:bold;
 width:160px;
 height:20px;
 line-height:20px;
 ext-align:center;
 vertical-align:middle;
 border-width:1px;
 border-style:solid;
 border-color:white;
}


#header {
 height: 20%;
 margin: auto;
}

#header h1 {
 color: red;
 float: left;
 margin: 0 10px 0 0;
}

#header p {
 clear: both;
 color: Black;
 text-align: left;
 font-style: italic;
 font-size: 20px;
 font-weight: bolder;
 margin: 0 10px 0 0;
}


#content-container {
 width: 60%;
 margin: auto;
 padding: 5px;
 overflow:hidden;
 position:center;
}

#content {
 margin: auto;
 text-align: center;
}

#content h4 {
 color: orange;
 margin: 0 0 0 10px;
 text-transform:uppercase;
 letter-spacing: 2px;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#content p {
 margin-left: 10px;
 margin-right: 10px;
}

#content a {
 color: blue;
 text-decoration: none;
}

#content a:hover {
 color: red;
}

#content-left{
 float: left;
 width: 50%;
 text-align: center;
}

#content-left1{
 float: left;
 width: 25%;
 text-align: center;
}

#content-left2{
 float: left;
 width: 25%;
 text-align: center;
}

#content-right{
 width: 50%;
 float:right;
 text-align: center;
}

#content-right1{
 width: 25%;
 float:right;
 text-align: center;
}

#content-right2{
 width: 25%;
 float:right;
 text-align: center;
}

#footer {
 clear: both;
 margin: auto;
 font-size: 0.75em;
 line-height: 1.15em;
}