html, body {
   margin: 0;
   padding: 50px 0 0 0;
}

body {
   color: #660000;
   background: #fddb40;
   width: 100%;
   font: 76% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}


#container {
width: 750px;
margin: 0 auto;
padding: 5px;
background: #fdfddb;
color: #440000;
line-height: 1.5em;
}



/* LEFT SIDEBAR */

#leftnav {
float: left;
width: 260px;
margin: 0;
padding: 5px;
color: #990000;
}

#topimg {
width: 240px;
position: absolute;
margin: -25px 0 20px -25px;
border: 0px solid #fff;
padding: 10px;
background: #e46501;
font-size: .8em;
}

.photo  {
 width: 220px;
 border: 1px solid #fddb40;
 background: #e46501;
 margin: 0;
 padding: 10px;
}


#navlist li {
list-style-type: square;
background: inherit;
color: #990000;
margin: 0 10px 0 0;
padding: 0;
}



h3 {
margin: 220px 0 0 0;
padding: 0;
font: 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color: #990000;
background: inherit;
}

h4 {
margin: 20px 0 20px 0;
padding: 0;
font: 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color: #990000;
background: inherit;
}


.flag {
 width: 170px;
 height: 50px;
 margin-top: 10px;
 margin-left: 20px;
 border: 2px solid #fddb40;
 padding: 5px;
 font-weight: bold;
 background-color: #e46501;
}
.flag a{
 color: #fddb40;
}
.flag p {
 width: 180px;
 padding: 0;
 color: #fddb40;
 font-weight: bold;
}
.flag img {
 float: left;
 color: #fddb40;
 border: none;
 margin: 0px 10px 10px 0px;
}

.quote {
width: 180px;
margin-top: 30px;
margin-left: 20px;
border: 2px solid #fddb40;
padding: 10px;
color: #fddb40;
font-weight: bold;
text-align: center;
background: #e46501;
font-size: .8em;
}



/* RIGHT CONTENT */



#content {
margin: 10px 0 0 260px;
padding: 10px;
text-align: justify;
}

#topline {
 width: 480px;
 position: absolute;
 height: 120px;
 background: #e46501;
 padding: 20px 0 0 20px;
 margin: -80px 0 0 0;
}

#topline h1 {
 width: 440px;
 height: 80px;
 border: 1px solid #fddb40;
 background: #e46501 url(images/headersunset.jpg) top right no-repeat;
 margin: 0px;
 padding: 10px;
 color: #660000;
 font: 3em kunstler script, vivaldi, verdana, serif;
 font-weight: bold;
 text-align: center;
 vertical-align: bottom;
 letter-spacing: 1.5px;
}

#filler  {
 color: #fdfddb;
 font-size: .9em;
 margin: 0px;
 padding: 10px; 
}

#navbar {
 margin: 100px 0 100px 0;
}

#navbar ul {
	right: -5px; top: 15px; 
	font: bolder 1.1 em 'Trebuchet MS', sans-serif;
	list-style: none;
	margin: 0; padding: 0;		
}
#navbar li {
	display: inline;
}
#navbar li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #990000;
	background-color: #fddb40;
	text-decoration: none;
	border-right: 1px solid #990000;
}
#navbar li a:hover {
	background: #e46501;
	color: #990000;
}
#navbar li a#current  {
	background: #990000;
	color: #fddb40;
}



h1 {
margin: 40px 0 0 0;
padding: 5px 0 5px 5px;
font: 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing: 4px;
border-bottom: 1px solid #990000;
color: #990000;
background: inherit;
}

h2 {
margin-top: 150px;
padding: 30px 0 5px 5px;
font: 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing: 3px;
border-bottom: 1px solid #990000;
color: #990000;
font-weight: bold;
background: inherit;
}



a:link, a:visited {
font-size: .9em;
color: #990000;
background: inherit;
text-decoration: none;
}

a:hover {
font-size: .9em;
color :#fddb40;
background : inherit;
text-decoration : underline;
}

a:active {
font-size: .9em;
color: #e46501;
background: inherit;
text-decoration: none;
}

img {
   border: none;
}

.imgright {
float: right;
border: 1px solid #fddb40;
margin: 5px 0px 0px 10px;
padding: 10px;
background: #e46501;
}


.imgleft {
float: right;
border: 1px solid #656C4A;
margin: 5px 15px 10px 0px;
padding: 10px;
}



#gallery {
height: 105px;
}

#gallery img {
float: left;
padding: 20px;
}

.clear {
clear: left;
}




#footer {
clear: both;
margin: 0;
padding: 5px;
color: #fddb40;
background: #e46501;
text-align: center;
}

#footer a:link, #footer a:visited {
font-size: .9em;
color: #990000;
background: inherit;
text-decoration: none;
}

#footer a:hover {
font-size: .9em;
color: #990000;
background: inherit;
text-decoration: underline;
}