body 
  { 
  margin: 0; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  color: #330000;
  background-color: #FFF6B0;
  text-align: center;
  }

p, li, table 
  { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  color: #330000; 
  line-height: 150%;
  }

li
  { 
  list-style-image: url('../images/bullet.gif'); 
  margin: 0 0 5px 0; 
  text-align: left; 
  text-indent: 0;
  }
p
  {
  margin: 0 0 6px 0;
  }

table
   { 
   margin: 0; 
   width: 100%; 
   background-color: #FFFFFF;
   }
   
table td
   { 
   border-width: 0;
   vertical-align: top; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   color: #330000; 
   }
               
.caption
 { 
 text-align: center; 
 margin-top: 5px; 
 margin-bottom: 5px;
 }

.small  
 { 
 font-size: 11px;
 }

.backtotop
 { 
 font-size: 11px; 
 font-variant: small-caps; 
 margin-bottom: 0; 
 }
 

/* BREADCRUMBS - links that show where you are */

.bc
 { 
 font-size: 11px;
 margin: 0 0 10px 0; 
 line-height: 100%; 
 }  
 
.bc a:link,           
.bc a:visited 
 { 
 font-size: 11px; 
 color: #330000; 
 text-decoration: none; 
 }
 
.bc a:hover  
 { 
 color: #990000; 
 text-decoration: underline;
 }
 
.bc a:active 
 { 
 color: #330000; 
 text-decoration: none; 
 }


/* HEADINGS */

h1, h2, h3, h4 
  { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #993300; 
  }
  
h1 { font-size: 16px; margin: 0 0 5px 0; }
h2 { font-size: 14px; border-bottom: 1px #993300 solid; margin: 13px 0 5px 0; }
h3 { font-size: 13px; margin: 13px 0 5px 0; }
h4 { font-size: 13px; margin: 13px 0 5px 0; }


hr
 { 
 color: #993300; 
 background-color: #993300;
 height: 1px; 
 border: none;
 }


/* LINKS */

a:link       { color: #333366 }
a:visited    { color: #330000 }
a:active     { color: #800000 }

.smalllinks
 { 
 font-size: 11px; 
 }  
 
.smalllinks a:link,           
.smalllinks a:visited 
 { 
 font-size: 11px; 
 color: #333366; 
 text-decoration: none; 
 }
 
.smalllinks a:hover   
 { 
 color: #993333; 
 text-decoration: underline; 
 }
 
.smalllinks a:active  
 { 
 color: #333366; 
 text-decoration: none; 
 }


/* IMAGES */

.floatimgleft
  { 
  display: block;
  float: left; 
  margin: 0 10px 10px 0; 
  }
  
.floatimgright
  { 
  display: block;
  float: right; 
  margin: 0 0 10px 10px; 
  }
 

/* ========== PAGE LAYOUT ========== */

div#mainpage
 { 
 width: 780px;
 margin-left: auto;
 margin-right: auto; 
 }

/* HEADING - housekeeping menu, logo, flags*/

table#header
 { 
 width: 780px; 
 background-color: #FFFFFF; 
 border-top: 3px solid #993300; 
 border-left: 1px solid #993300; 
 border-right: 1px solid #993300;  
 border-bottom: none; 
 }

td#logo
 {
 width: 185px;
 padding: 5px;
 margin: 0;
 vertical-align: top;
 text-align: center;
 }

td#topmenu
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 padding: 5px 10px;
 vertical-align: top;
 text-align: right;
 }
 
td#topmenu p
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #330000; 
 text-align: right; 
 line-height: 100%; 
 margin: 0;
 }
 
td#topmenu a:link,
td#topmenu a:visited
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #330000; 
 text-decoration: none;
 }
 
td#topmenu a:hover 
 { 
 color: #CC3333; 
 }
 
td#topmenu a:active 
 { 
 color: #330000; 
 }

td#toptext
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 padding: 5px 10px;
 vertical-align: top;
 text-align: right;
 }
 
td#flags
 {
 text-align: right; 
 padding: 5px 10px;
 }
 
td#flags img
 {
 margin: 0 0 0 5px;
 }

td#toptext p
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 text-align: right; 
 line-height: 150%; 
 margin: 0;
 }

td#toptext p.tagline
 { 
 line-height: 100%; 
 margin: 0 0 13px 0;
 }
 

/* BUTTONS - inset table with rollover buttons */

table#topbuts
 { 
 margin: 0; 
 width: 780px; 
 background-color: #FFFFFF;
 border: 1px solid #993300; 
 text-align: left;
 }
   
table#topbuts td
 { 
 font-size: 11px; 
 vertical-align: top;
 }
 
table#topbuts a:link,
table#topbuts a:visited 
 { 
 display: block; 
 background: #993300; 
 font-size: 11px; 
 color: #FFFFFF; 
 line-height: 125%; 
 text-align: center; 
 text-decoration: none; 
 padding: 1px 1px; 
 }
 
table#topbuts a:hover
 { 
 background: #F9E757; 
 color: #993300; 
 }
 
table#topbuts a:active 
 { 
 background: #993300; 
 color: #FFFFFF; 
 }
 
/* BODY OF PAGE */

table#content
 { 
 width: 780px; 
 border-left: 1px solid #993300; 
 border-right: 1px solid #993300; 
 text-align: left;
 }
 
table#content td
 {
 padding: 10px; 
 vertical-align: top;
 }
 
table#content td#twocoltext
 {
 width: 480px;
 padding: 10px 5px 10px 10px; 
 vertical-align: top;
 }

table#content td#twocolphotos
 {
 width: 300px;
 padding: 10px 10px 10px 5px; 
 vertical-align: top;
 }


/* FOOTER */

table#footer
 { 
 width: 780px; 
 border-top: 1px solid #993300; 
 border-bottom: 3px solid #993300; 
 border-left: 1px solid #993300; 
 border-right: 1px solid #993300;
 text-align: left;
 }
 
table#footer td
 {
 padding: 5px 10px;
 vertical-align: top;
 }
 
table#footer p
 { 
 font-size: 13px; 
 text-align: center; 
 }


/* INPUT FORMS */

table#inputform
 { 
 width: 100%;
 margin: 0;
 padding: 0;
 }

table#inputform td
 {
 margin: 10px 5px;
 padding: 0;
 vertical-align: top;
 }
 
table#inputform p
 { 
 margin: 0;
 padding: 0;
 line-height: 150%;
 }


/* PHOTO PAGES NAVIGATION AND BREADCRUMBS */

table#photonav
 { 
 width: 100%;
 margin: 0;
 padding: 0;
 }

table#photonav td
 {
 margin: 0 0 10px 0;
 padding: 0;
 vertical-align: top;
 }
 
table#photonav p
 { 
 margin: 0;
 padding: 0;
 line-height: 100%;
 }
 
.bcnav
 { 
 font-size: 11px;
 margin: 0; 
 line-height: 100%; 
 }  
 
.bcnav a:link,           
.bcnav a:visited 
 { 
 font-size: 11px; 
 color: #330000; 
 text-decoration: none; 
 }
 
.bcnav a:hover  
 { 
 color: #990000; 
 text-decoration: underline;
 }
 
.bcnav a:active 
 { 
 color: #330000; 
 text-decoration: none; 
 }
 
 
/* VIDEO PAGES LAYOUT */

div#video
 {
 text-align: center;
 padding: 50px;
 }
 

/* TABLE for photo links */

table.photolink
 {
 width: 400px;
 }
 
table.photolink td
 {
 padding: 5px;
 vertical-align: middle;
 }
 
 
/* TABLE for photo thumbs */

table.thumbs
 {
 width: 100%;
 }
 
table.thumbs td
 {
 width: 33%;
 padding: 5px;
 vertical-align: middle;
 text-align: center;
 }


 .brownLink
 {
	background: #993300;
	color: #fff;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
 }


a.brownLink:hover
 {
	background: #742700;
	color: #fff;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
 }