/* tablecloth.css */


* {padding:0; margin:0; }
body{font: 62.5% arial,sans-serif; text-align:center; background-color: #707070;} 

h1,h2,h3,h4,h5,h6 { font-family: "Lucida Grande", lucida, arial, helvetica, sans-serif; margin: 0.5em 5%; color: #000;}
h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
li li, li p, td p, blockquote p { font-size: 1.0em; }
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
a img,:link img,:visited img { border:none }
.center { text-align: center; }
.clear {clear:both;}

/* LAYOUT */
#header { height: 100%; width: 100%; position:relative; background-color: transparent; color: #fff; }
	#header h1 { padding: 0; margin: 10px 0 10px 10px; }
#container{text-align:left; width:720px; margin:0px auto; background-color: #F4F4F4; border: 1px solid #000;}
#content {background: #f4f4f4; padding: 20px 20px 20px 20px; margin: 0 10px 20px 0; font-size: 1.2em; line-height:1.4; }
#navigation{float:left; width:350px; background:#B9CAFF; font-size: 1.0em;}
	#navigation {display:none;}  /* remove to view navigation block */
#extra{float:right; width:350px; background:#FF8539; font-size: 1.0em;}
	#extra {display: none;} /* remove to view extra block */
#footer{clear:both; width:100%;background: #005E60; color: #FFF; border-bottom: 2px solid #000;font-size: 0.9em;}
	#footer p{margin:0;padding:2px 10px;}
	
/* IMAGES */	
img.c1 {width: 320px; height: 400px; float: right; margin: 10px;}
img.c2 {width: 240px; height: 300px; float: left; margin: 0 0px 10px 0px;}

/* HMENU */
#hmenu { background: #005E60; padding: 2px 0; margin: -4px 0 0 0; border-top: 2px solid #000; text-align: center; }
#hmenu ul { padding: 0; margin: 0; list-style: none; border-bottom: 0px solid #ccc; }
#hmenu li { display: inline; list-style: none; text-align: right; padding: 0 15px 0 15px; border: 0px solid #fff; }
#hmenu li a {color: #fff; font: bold 1.6em/1.4em "Trebuchet MS",arial,sans-serif; text-decoration: none; padding: 0px 0px; }
#hmenu li a:hover { color: #fff; background-color: #B22222; }

/* TRAIL */
.trail { background: #F4F4F4; padding: 0; margin: 0px 0 0 10px; }
.trail ul { padding: 0 0 0 10px; margin: 0 0 0 0; list-style: none; }
.trail li { display: inline; list-style: none; text-align: left; margin: 0 0px; border: 0px solid #fff; }
.trail li a {color: #B2B2B2; font: bold 0.9em/1.1em "Trebuchet MS",arial,sans-serif; text-decoration: none; padding: 3px 5px; }
.trail li a:hover, .trail a.active { color: #000; background-color: transparent; }

/*minitabs */
#minitabs{list-style: none; margin: 0; padding: 30px 5px 20px 0;
  border-bottom: 0px solid #000; font-weight: bold;
  text-align: right; white-space: nowrap;}			   
#minitabs li{display: inline; margin: 0 2px;}
#minitabs a{text-decoration: none; padding: 0 0 3px; border-bottom: 4px solid #ccc; color: #999;}
#minitabs a#current, #minitabs a:hover{border-color: #F60;color:#06F;}

/* TABLES */
.phototable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 680px; margin: 10px auto; }
.phototable td { border: 1px solid #D6DDE6; text-align: center; padding: 10px 0 2px 0;  width: 20%; }
.phototable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: center; padding: 4px; }
.phototable caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE;
	color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
.phototable tr {vertical-align: top; }

.datatable2 { border: 1px solid #D6DDE6; border-collapse: collapse; width: 90%; }
.datatable2 td { border: 1px solid #D6DDE6; text-align: left; padding: 4px; width: 33%; }
.datatable2 th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 4px; }
.datatable2 caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
.datatable2 tr { vertical-align: top;}

.datatable3 { border: 1px solid #D6DDE6; border-collapse: collapse; width: 100%; }
.datatable3 td { border: 1px solid #D6DDE6; text-align: left; padding: 4px; width: 25%; }
.datatable3 th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 4px; }
.datatable3 caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
.datatable3 tr { vertical-align: top;}

/* BOXES */	
.box2	{ width: 240px; height: 300px; text-align: center; border: 1px solid #ccc; margin: 10px auto ; padding: 1px; background: transparent; font: 1em arial; }
	.box2 p {text-align: center; font: .9em/1em verdana;}
	.box2 h5 {text-align: left; font-size: 1.1em; color: maroon; border-bottom: 1px solid #ccc;}	
.box3	{ float: right; width: 240px; height: auto; text-align: center; border: 1px solid #ccc; margin: 10px ; padding: 10px; background: transparent; font: 1em arial; }
	.box3 p {text-align: left; font: .9em/1em verdana;}
	.box3 h5 {text-align: left; font-size: 1.1em; color: maroon; border-bottom: 1px solid #ccc;}
	
/* ======== gallery ============== */
ul#gallery{float:left;}
ul#gallery, ul#gallery li{list-style:none;margin:0;padding:0 }
ul#gallery li{float:left;display:inline;margin: 0 0 20px 10px;width:120px;text-align:center;}
ul#gallery img{display:block;width:75px;height:auto;border:0px solid;margin:0 auto 5px;}
ul#gallery a{display:block;height:140px;padding: 10px 0;background: #fff;color: #666;border:1px solid #007BC4;text-decoration: none;text-align:center;}
ul#gallery a:hover{background: #007BC4;color: #FFF;border-color:#000;}

/* CSS BUTTON */
.button { background: #d4be96 url(../images/leftshadow.gif) repeat-y; padding: 10px 5px 5px 30px; 
border-top: 0px solid #877960;
border-right: 3px solid #877960;
border-bottom: 3px solid #877960;
border-left: 0px solid #877960;
display: block; font-size: 12px; text-transform: uppercase; 
text-align: center; font-weight: bold; width: 150px; margin-bottom: 12px; }
.button a {	text-decoration: none;color: black;}
.button a:hover {	background: #d4be96;}