div.header,
{
padding:0.5em;
color:silver;
background:black;
clear:left;
}
h1.header
{
font-size:48px;
padding:0;
margin:0;
}

h2.header
{
color:black;
padding:0;
margin:0;
}

h3.header
{
color:black;
padding:0;
margin:0;
}

#footer {
padding:0.5em;
color:silver;
background:black;
clear:left;
border-radius: 4px 4px 4px 4px;
}

ul#nav {
     padding:0;
     margin:0;
     list-style: none;
     background:#000;
     height:36px;
     border-radius: 4px 4px 4px 4px;
}

ul#nav li {
     float:left;
     position:relative;
}

a:link, a:visited {
     text-decoration: none;
     color: #FFF;
     font-weight:bold;
}

ul#nav li a, ul#nav li a:visited {
     display:block;
     color:#fff;
     width:104px;
     height:auto;
     line-height:20px;
     padding:10px;
     text-align:center;
     border-radius: 4px 4px 4px 4px;
}

ul#nav li a:hover {
     display:block;
     color:#000;
     background:silver;
     line-height:20px;
     padding:10px;
     border-radius: 4px 4px 4px 4px;
}

ul#nav li ul, ul#nav li:hover ul#nav li ul {
     display: none;
}

ul#nav li:hover ul {
     display:block;
     position:absolute; 
     top:36px;
     left:0;
     height:auto;
}

ul#nav li:hover ul#nav li a {
     display:block;
     text-align:left; 
     border-bottom:1px solid silver;
}

ul#nav li:hover ul#nav li:hover ul {
     display:block;
     position:absolute;
     left:124px;
     top:0;
  }
  
#content
{
margin-left:150px;
padding: 30px;
background-color: #ffffff;
border-radius: 0 0 4px 4px;
}

p#content
{

border-left:1px solid black;
padding:1em;
}

.btn {
background: #CCC;
color: #FFF;
display: inline-block;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
font-family: Arial, sans-serif;
line-height: 2.5em;
padding: 0 3em;
text-decoration: none;
}

.blue.btn {
background: linear-gradient(#11A1D6,#0E86B2);
text-shadow: 1px 1px 1px #0E86B2;
}

.green.btn {
background: linear-gradient(#6BDB55,#57B245);
text-shadow: 1px 1px 1px #57B245;
}
.red.btn {
background: linear-gradient(#D60A0A,#B20808);
text-shadow: 1px 1px 1px #B20808;
}

.black.btn {
background: linear-gradient(#000000, #000000);
text-shadow: 1px 1px 1px silver;
}

.small.btn {
line-height: 1.75em;
padding: 0 1.5em;
}
.large.btn {
line-height: 3em;
padding: 0 3.5em;
}

.button input[type="button"] {
    color:white;
    font-family:Arial, sans-serif;
    font-size: 16px;  
    padding: 0 1.5em;
    background:url(overlay.png) repeat-x center #ffcc00;
    background-color:green;
    -webkit-border-radius:10px;
    border-radius:4px;
    border-bottom:1px green;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 1px 1px 1px #57B245;
    cursor:pointer;
    display:inline-block;
    width:100%;
}