html {
   background: #006B9F url("img/grad.jpg") repeat-x;
}

body {
   background: url("img/head.jpg") no-repeat scroll center top transparent;
   color: #404040;
   display: table;
   font-family: geneva, sans-serif;
   font-size: 14px;
   line-height: 21px;
   margin: 0;
   padding: 0;
   width: 100%;
}

#content {
   background: none repeat scroll 0 0 #FFFFFF;
   border-top:    1px solid #505050;
   border-right:  1px solid #505050;
   border-bottom: 1px solid #AFAFAF;
   border-left:   1px solid #505050;
   
   margin: 200px auto 0;
   padding: 20px;
   width: 800px;
   
   border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
	-webkit-border-top-right-radius: 15px;
}

#content a {
	color: #307BD9;
}

#profpic {
   float: right;
   position: relative;
   left: 0px;
   margin-left: 5px;
}

#profpic img {
    border-radius: 15px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#buttons {
    height: 40px;
    left: -20px;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    top: -40px;
}

#buttons li {
    background: url("img/buttonbg.jpg") repeat-x;
    display: inline;
    float: left;
    margin-right: 3px;
    text-transform: uppercase;
   
    border-radius: 6px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

 
#buttons li a {
   color: #FFFFFF;
   display: block;
   padding: 10px 5px 10px;
   text-decoration: none;
}

#buttons li.active {
   background: #FFFFFF;
}

#buttons li.active a {
   font-weight: bold;
   color: #0089E1;
}

#footer {
	background-color: #FFFFFF;
	border-right:  solid 1px #555;
	border-bottom: solid 1px #555;
	border-left:   solid 1px #555;
	margin: 0 auto 25px auto;
	
	padding: 0 20px 5px 20px;
	text-align: center;
	width: 800px;

	
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); 
	
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
	
	border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

#footer a {
	color: #307BD9;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 125%;
}

#footer a:hover {
	color: #509FFB;
	text-decoration: underline;
}

#footer span {
	font-size: 75%;
	font-weight: bold;
}