body 
 { 
 margin: 3px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #330000;
 background-color: #669966;
 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/pointer.gif'); 
 margin: 0 0 3px 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; 
 }
   
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: 5px 0; 
 }
 
h3 
 { 
 font-size: 13px; 
 margin: 5px 0; 
 }
 
h4 
 { 
 font-size: 13px; 
 margin: 13px 0 5px 0;
 }

a:link    { color: #993300; }
a:visited { color: #993300; }
a:active  { color: #CC0000; }

hr
 { 
 color: #993300; 
 background-color: #993300;
 height: 1px; 
 border: none;
 }
 
/* IMAGES styling for positioning images */
 
img.border 
 {
 border: 1px solid #993300;
 } 
       
.floatimgleft
 { 
 display: block;
 float: left; 
 margin: 0 10px 10px 0; 
 }
  
.floatimgright
 { 
 display: block;
 float: right; 
 margin: 0 0 10px 10px; 
 }

.floatimgcenter
 { 
 display: block; 
 text-align: center; 
 margin: 10px; 
 }

.captioncenter 
 { 
 font-size: 10px; 
 margin: 5px 0 10px 0; 
 text-align: center; 
 }

.photocap 
 { 
 font-size: 13px; 
 margin: 5px 0 10px 0; 
 text-align: center; 
 }

.photocredit 
 { 
 font-size: 11px; 
 margin: 5px 0 0 0; 
 text-align: center; 
 }


/* CHARACTER special styles */

span.brownbold { color: #993300; font-weight: bold }


/* PARAGRAPH special styles */

.backtotop
 { 
 font-size: 11px; 
 font-variant: small-caps; 
 margin-bottom: 0; 
 }
  
.backtotop a
 { 
 text-decoration: none;
 }
  
.backtotop a:hover
 { 
 text-decoration: underline;
 }

.small
 { 
 font-size: 11px; 
 }


/* LINKS small font links which underline when hovered */
 
.smalllinks 
 { 
 font-size: 11px; 
 }
 
.smalllinks a:link,           
.smalllinks a:visited 
 { 
 font-size: 11px; 
 color: #330000; 
 text-decoration: none; 
 }
 
.smalllinks a:hover  
 { 
 color: #993333; 
 text-decoration: underline;
 }
 
.smalllinks a:active  
 { 
 color: #330000; 
 text-decoration: none; 
 }


/* BREADCRUMBS */

.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; 
 }


/* DEFINE PAGE LAYOUT */


/* Page container */

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


/* Header for photo pages */

table#headphoto
 { 
 width: 780px; 
 background-color: #FFFFFF; 
 border-collapse: collapse;
 border-top: 2px solid #993300; 
 border-bottom: none; 
 border-left: 2px solid #993300; 
 border-right: 2px solid #993300;
 padding: 0;
 margin: 0;
 }
 
table#headphoto td
 {
 border-width: 0;
 vertical-align: top; 
 padding: 0;
 margin: 0;
 }

table#headphoto img
 {
 padding: 0;
 margin: 0;
 }

table#headphoto p
 {
 line-height: 100%;
 margin: 0;
 padding: 0;
 }
 
table#headphoto td#left
 {
 vertical-align: top; 
 text-align: left;
 }
 
table#headphoto td#right
 {
 font-size: 11px;
 line-height: 150%;
 vertical-align: top; 
 text-align: right;
 padding: 5px 10px;
 }


/* Header */

table#header
 { 
 width: 780px; 
 background-color: #FFFFFF; 
 border-collapse: collapse;
 border-top: 2px solid #993300; 
 border-bottom: none; 
 border-left: 2px solid #993300; 
 border-right: 2px solid #993300;
 padding: 0;
 margin: 0;
 }
 
table#header td
 {
 border-width: 0;
 vertical-align: top; 
 padding: 0;
 margin: 0;
 }

table#header img
 {
 padding: 0;
 margin: 0;
 }
 
table#header p
 {
 line-height: 100%;
 margin: 0;
 padding: 0;
 }
 
table#header td#left
 {
 text-align: left;
 }
 
table#header td#right
 {
 text-align: right;
 }

table#header td#tagline
 {
 padding: 5px 10px;
 text-align: center;
 border-top: 1px solid #993300;
 }


/* Body of page */

table#content   
 { 
 width: 780px; 
 border-left: 2px solid #993300; 
 border-right: 2px solid #993300; 
 }
 
td#nav
 { 
 width: 160px; 
 padding: 10px; 
 }
 
td#body 
 { 
 width: 620px; 
 padding: 10px; 
 }
 
td#bodyfull 
 { 
 width: 100%; 
 padding: 10px; 
 }


/* FOOTER */

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

table#footer td#tagline
 {
 border-width: 0;
 vertical-align: middle; 
 text-align: center; 
 font-style: italic; 
 padding: 3px 10px;
 border-bottom: 1px solid #993300; 
 }
 
table#footer a:link,           
table#footer a:visited 
 { 
 color: #330000; 
 text-decoration: none; 
 }
 
table#footer a:hover  
 { 
 color: #993333; 
 text-decoration: underline;
 }
 
table#footer a:active  
 { 
 color: #330000; 
 text-decoration: none; 
 }

.footernav 
 { 
 font-size: 11px; 
 text-transform:uppercase;
 margin: 0;
 padding: 0; 
 }
 

/*HEADER Button Rollovers in a Table - Background color change*/

table#topbuts
 { 
 width: 780px; 
 background: #FFFFFF; 
 border-top: 1px solid #993300; 
 border-bottom: 1px solid #993300; 
 border-left: 2px solid #993300; 
 border-right: 2px solid #993300; 
 font-variant:small-caps;
 }
 
table#topbuts a:link, 
table#topbuts a:visited
 { 
 display: block; 
 background: #993300; 
 font-size: 13px; 
 color: #FFFFFF; 
 text-decoration: none; 
 line-height: 125%; 
 text-align: center; 
 padding: 1px;
 }
 
table#topbuts a:hover  
 { 
 background: #CC6633; 
 }
 
table#topbuts a:active 
 { 
 background: #CC6633; 
 }


/*NAVIGATION: Vertical Buttons in a COLUMN - Text link Rollovers - underline and color change*/

table#sidebuts 
 { 
 width: 160px; 
 }
 
table#sidebuts td 
 { 
 font-size: 11px; 
 color: #660000; 
 margin: 0; 
 padding: 0;
 }
 
table#sidebuts h1 
 { 
 font-size: 13px; 
 color: #660000; 
 padding: 0 2px;
 border-bottom: none; 
 }
 
table#sidebuts h2
 { 
 font-size: 13px; 
 color: #660000; 
 padding: 3px 2px 0 2px;
 border-bottom: none; 
 }
 
table#sidebuts a:link, 
table#sidebuts a:visited 
 { 
 display: block;
 padding: 1px 2px; 
 font-size: 11px; 
 color: #660000; 
 background: #FFFFFF;
 text-decoration: none;  
 }
 
table#sidebuts a:hover  
 { 
 color: #CC0000; 
 text-decoration: underline; 
 }
 
table#sidebuts a:active
 { 
 color: #CC0000; 
 text-decoration: underline; 
 }
 
                          
/* TABLE with text in one column, images in the other, descriptions under images */

table.twocol     
 { 
 width: 100%; 
 }
 
table.twocol td.text 
 { 
 padding: 0; 
 }
 
table.twocol td.images 
 {
	padding: 0 0 0 10px;
	text-align: right;
 }

table.twocol td.images p
 {
	font-size: 11px;
	padding: 0 0 10px 0;
	text-align: center;
 }
 
table.twocol td.images200 
 { 
 width: 200px;
 padding: 0 0 0 10px; 
 }

table.twocol td.images200 p
 {
 font-size: 11px;
 padding: 0 0 10px 0;
 }
 
table.twocol td.images img  
 { 
 margin: 0 0 10px 0;
 padding: 0;
 }


/* TABLE for text on a page */

table#layout
 { 
 margin: 0; 
 width: 100%; 
 }
   
table#layout td
 { 
 border-width: 0;
 vertical-align: top; 
 padding: 0;
 }
 

/* TABLE for thumbnail page for portfolios */

table.thumbs
 { 
 margin: 0; 
 width: 100%; 
 }
   
table.thumbs td
 { 
 width: 25%;
 border-width: 0;
 vertical-align: top; 
 padding: 10px;
 text-align: center;
 }
 
 
/* TABLE for slideshow bc and back and next */

table#slideshow
 { 
 margin: 0; 
 width: 100%; 
 }
   
table#slideshow td#left
 { 
 border-width: 0;
 vertical-align: top; 
 padding: 0 10px 0 0;
 text-align: left;
 }

table#slideshow td#right
 { 
 border-width: 0;
 vertical-align: top; 
 padding: 0;
 text-align: right;
 }