h1,h2,h3,h4,p { margin:0; } 
h1 { font-size:1.9em; }
h2 { font-size:1.1em; }
h3 { font-size:1em;   }

body { margin:0; padding:0 5px; font-size:medium; color:maroon; 
       font-family:verdana,arial,sans-serif; background-color:#663300; }
form { margin:0; }

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; } 
*.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }


/* LINKS */
a:link,  a:visited, a:active { text-decoration:none; color:firebrick; }  
a:hover      { color:black; text-decoration:underline; }


/* TEXT */
*.message    { text-align:left; font-size:0.7em; }
*.copyright  { text-align:center; font-size:0.8em; }


/* SECTION */
*.section    { margin-top:10px; font-size:0.8em; border:1px solid gold; }
*.section h3 { text-indent:10px; padding:2px 0; border-bottom:1px solid gold; 
               background:url("g1.jpg") repeat-x left bottom; position:relative; }
*.section p  { margin:5px 10px; }


/* BUTTONS */
*.button         { background:url("button.gif") no-repeat left top; 
                   border:none; width:85px; height:26px; font-weight:bold; 
                   vertical-align:-2px; margin:0; padding:0; cursor:pointer;}
*.button:hover   { color:blue; position:relative; top:1px; left:1px; }


/* TABS */
ul.tabs       { float:left; width:100%; padding:0; margin:0; 
                border-bottom:1px solid gold; margin-bottom:10px; }

ul.tabs li    { float:left; width:50%; list-style-type:none;  }

ul.tabs *.tab-label { border:1px solid gold; margin:0; cursor:pointer; 
                      padding-bottom:2px; padding-top:2px; 
                      background:white url("g1.jpg") repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1.1em; } 

ul.tabs li.selected *.tab-label { position:relative; border-bottom:none; 
           top:1px; padding-bottom:4px; 
           padding-top:2px; border-top:2px solid gold; margin-top:-2px; 
           background:white url("g2.jpg") repeat-x left top; font-weight:bold; }

ul.tabs { position:relative; }

ul.tabs *.tab-content { position:absolute; width:100%; height:18em;  
                        border:1px solid gold; border-top:none;
                        left:-99999px; overflow:auto; } 

ul.tabs li.selected *.tab-content { left:0; } 

ul.tabs li *.oi2 { margin:0; padding:10px; } 

ul.tabs *.hover  { text-decoration:underline; }


/* MENU */
*.menu      { float:left; position:relative; z-index:1; cursor:pointer; white-space:nowrap; }

*.menu a    { font-size:0.9em; text-decoration:none; color:black; }

*.menu h3   { float:left; margin:0; padding:1px 5px; background:url("g1.jpg") repeat-x left bottom white; }
*.menu h4   { display:inline; margin:0; }

*.menu ul   { position:absolute; margin:0; padding:0; padding-bottom:5px; background:url("g3.jpg") repeat-x left bottom white;  }

*.menu li                { margin:0; padding:2px 25px; list-style-type:none; color:black; }
*.menu li img            { margin-left:-22px; padding-right:5px; }
*.menu li.separator      { margin-top:5px; border-top:1px solid gray; padding-top:5px; }
*.menu li.flyout-trigger { background:url("flyout1.gif") no-repeat right center; }

*.menu h3.hover      { background:url("g2.jpg") repeat-x left top white; }
*.menu li.hover      { background-color:firebrick; color:white; }

*.menu ul.dropdown   { top:100%;  clear:left; }
*.menu ul.submenu    { left:100%; margin-top:-1.5em; margin-left:-0.3em; }

*.menu *.hidden      { left:-99999px; top:-99999px; }

*.menu h3,*.menu ul { border-left:1px solid yellow; border-right:1px solid orange; 
                      border-top:1px solid yellow; border-bottom:1px solid orange; }

*.menu li.flyout-trigger.hover { background:url("flyout2.gif") no-repeat right center firebrick; }

*.menu li.hover > a  { color:white; }


/* ROLLUP */
*.rollup-trigger       { cursor:pointer; }
*.rollup-trigger:hover { color:firebrick; }

span.rollup-trigger    { font-size:0.65em; padding-left:8px; 
                         background:url("hide.gif") no-repeat left top; }
span.rolledup          { background:url("show.gif") no-repeat left top; }

*.hidden               { position:absolute; top:-99999px; left:-99999px; 
                         width:1px; height:1px; overflow:hidden; }

/* MORE */
*.more { text-align:right; font-weight:bold; font-size:0.8em; }


/* LISTS */
ul.block     { padding:0; padding-top:5px; margin:0; text-align:left; font-weight:bold;  }
ul.block li  { display:block; padding-left:10px;  }
ul.list      { padding:0; padding-left:20px; margin:0; text-align:left; font-weight:bold; }
ul.list  li  { padding:2px 0; }

ul.inline    { padding:0; margin:0; text-align:center; }
ul.inline li { display:inline; font-size:0.8em;  }



/********************************************************************
 *  SECTION LAYOUT
 ********************************************************************/

/* PAGE */
#page              { max-width:800px; margin-left:auto; margin-right:auto; background-color:wheat; }

/* HEADER */
#header            { float:left; width:100%; border:1px solid black;}
#header *.oi       { border:1px solid red; padding:5px 10px; background:url("g4.jpg") repeat-x left top; }
  #title           { float:left; width:50%; margin-top:7px;}
  #title h1        { float:left; margin-right:40px; margin-bottom:5px;}
  
#header h3         { font-size:0.8em; }
#list			   {  float:left; margin:10px; padding:10px 10px; }
*.clear-left      	{  clear:left; }
*.box  { display:static;
         overflow:visible;
         visibility:visible; 
         width:740px;
         height:240px; 
         padding:15px; 
         border-top: 15px solid gray; border-bottom:15px solid darkslategray; 
         border-left:15px solid gray; border-right: 15px solid darkslategray; 
         margin-left:0px; margin-top:0px; 
         background-color:wheat; }
/* BODY */
#body                { float:left; width:100%; background-color:wheat;}
#body    *.oi        { padding:10px;}
 #nav                { float:left; width:25%; min-width:160px; }
 #nav    *.oi        { padding-right:10px; }
 #main               { float:left; width:50%; min-width:300px; margin-top:10px; font-size:0.8em; }

 #main   *.oi        { padding-right:10px; position:relative; height:24em; }
 #extras             { float:left; width:25%; min-width:160px; }
 #about-us           { float:left; width:25%; min-width:160px; }
 #extras *.oi        { }

/********************************************************************
 *  Gallery LAYOUT
 ********************************************************************/
div.photo
{
	width: 800px;
	height: 400px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

div.photo img
{
	float: left;
	padding: 0;
	margin: 10px auto 10px 0;
}

div.photo p
{
	float: right;
	width: 180px;
	height: 60px;
	margin: 10px 10px 10px auto;
	padding: 160px 10px 160px 10px;
	color: #fff;
	background-color: #551a00;
}

div.photo a
{
	position: absolute;
	z-index: 10;
	right: 60px;
	top: 260px;
	font-size: 80%;
	font-style: italic;
	color: yellow;
}

#thumbpage
{
	width: 100%;
	background-color: black;
	padding: 0 0 100px 0;
}

div.galleryfont
{
	font-size: 1.5em;
	font-style: italic;
	color: #fff2d9;
}
*.box2  { display:static;
         overflow:visible;
         visibility:visible; 
         width:800px;
         height:190px; 
         padding:15px; 
         border-top: 15px solid gray; border-bottom:15px solid darkslategray; 
         border-left:15px solid gray; border-right: 15px solid darkslategray; 
         margin-bottom:  50px; 
         background-color:wheat; }

div.thumbnail
{
	width: 150px;
	float: left;
	margin: 0 15px 15px 0;
}

div.thumbnail img
{
	margin: 10px 0 0 10px;
}

div.photoleft
{
	float: left;
	margin: 0;
}

div.photoright
{
	float: right;
	margin: 0;
}