/*
CSS for OTT Accessible web site
*/

body {
   width: 900px; /*70em;*/ /*dave*/
   font-family: arial, verdana, helvetica, sans-serif;
  
   line-height: 125%;
   padding: 0;
   border:0;
    /*background-image: url(hbar&circle3.jpg);  
   background-repeat:no-repeat; */
/* background-position: 26px 0px;  */
}

h3 em 
{
  font-size: 120%;
}
#bodycontent, #header, #thumbnail {
   position: absolute;
}

#bodycontent h2 {
  text-align: center;
}



#navigation {
   border-collapse: collapse; 
   position: relative;
   width: /* 8.5em;*/  122px;
   margin-left: 3.6em;
   margin-top: -1em;
   padding-top: 0em; 
   padding-left: 0em;
   height: 800px;
   background: url(ott_vbar2.jpg) repeat-x;
   font-family: arial, verdana, helvetica, sans-serif;
text-align: center; 
}

#navigation ul {
   list-style: none;
   font-weight: bold;
   font-size: large;
}

#navigation li {
   display: block;
   padding-top: 1em;
   padding-left: 0em;
   margin-left: -40px;
   width: /* 10em;*/  118px;     
   border-top: 2px solid #c0c0ff;
   border-left: 2px solid #c0c0ff;
   border-right: 2px solid #404080;
   border-bottom: 2px solid #404080;   
}

#navigation a:link, #navigation a:visited {
   color: #4040A0;
   padding: 3px 10px 2px 10px;
    
   text-decoration: none;


}
#navigation a:active{
/*  
 border-top: 2px solid #202080;
   border-left: 2px solid #22080;
   border-right: 2px solid #a0a0ff;
   border-bottom: 2px solid #a0a0ff;
  */ 
}
#navigation a:hover{
   color: #FF8080;
}


#sitebranding {
   padding-top: 5em;   
   text-align: left;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 11pt;

   color: #1010A0;
   padding-bottom: 0em;
   margin-top: 0.4em;
   margin-left: 19.4em;
/*   height: 160px;
   background-image: url(hbar&circle.jpg);
   background-position: center center;
   background-repeat: no-repeat;*/

}
#bodycontent {
   padding-top: 10em;
   padding-left: 0.2em;
   left: 210px;
   top: 220px;
}

#contact_table {
   line-height: 125%;
   border-collapse: collapse;
}
.tablecaption {
 font-size: 150%;
}

h1 {

}

h3 {
   color: #1010A0;
   margin-bottom: -.2em;
}

li {
   font-size:small;
   list-style-type: square;
}

#tagline p {
/*   color:  #f0f06a;  */
   color: #1010A0;
   float: left;
   padding-top: 4em;


   font-size: large;
   font-weight: normal;
   text-align: left;
/*   border-top: 3px solid #1da558; 
   border-bottom: 3px solid #1050A0;*/
   padding-bottom: 8px;
   padding-left: 100px;
   margin-top: 0; 
   margin-bottom: 0em;

}


p {
   line-height:1.2;
  
}

.bigtitle {
color: #0040ff;
text-align: left;
font-family: "Century Gothic";
font-size: 40pt;
line-height: 125%;
}

#bigphoto  {
   float: left;
}
 

#bodycontent {
   top: 12em;
   left: 240px;
   right: 2em;
   color: black;
   font-size: small;
}

#header {
   width: 100%;
}

.headlogo {
   width: 250px;
}

.rightimg {
   float:right;
   padding: 1em;
   padding-top: 0;
   margin-bottom: 12px;
   text-align: center;
   font-style: italic;
   line-height: 0.6;
}

.nextimg {
   padding: 1em;
   /*padding-top: 0;  */
   margin-bottom: 12px;
   text-align: center;
   font-style: italic;
   line-height: 0.6;
   	
}
.clear {
   clear: both;
}

.leftcs {
   float:left;
   padding-top: 0;
   width: 300px;
   border: 1px solid #1010A0;
   padding: 1em;
   background-color: #d0d0ff;
   color: #1010A0
}

.rightcs {
   float:right;
   padding-top: 0;
   width: 300px;
   border: 1px solid #1010A0;
   padding: 1em;
   background-color: #d0d0ff;
   color: #1010A0
}

.feature_photo {
   top: 12em;
   float: right;
   margin-left: 2em;
}

.table_walks {
   table-layout: fixed;
   width: 750px;
   border-collapse: collapse;
   border: 1px solid navy;
   text-align: left;
}  

.table_food {
   table-layout: fixed;
   width: 500px;
   border-collapse: collapse;
   border: 1px solid navy;
   text-align: left;
}  

.table_photos {
   table-layout: fixed;
   width: 750px;
   text-align: center;
   margin-top: 0;
}

#col1 {
   width: 220px;
}
#col2 {
   width: 220px;
}

#col3 {
   width: 220px;
}


colgroup {
   /*span: 2;		*/
   width: 200px;
}     		



caption {
   background: #A0A0F0;
   padding: 12px;
}

td {
   border: 1px;
   padding: 6px;
   color: black;
}

.linkpicci {
  width: 15em;
  height: 8em;
  border: 3px outset #2e8b57;
}

.linkpic {
  width: 15em;
  height: 5em;
  border: 3px outset #2e8b57;
}
.linkpics {
  width: 5em;
  height: 5em;
  border: 3px outset #2e8b57;
}

.bannerpic {
  width: 250px;
}

.bignews {
 font-size: 150%;
 color: maroon;
}

.bigcenter {
  font-size: 130%;
  color: black;
  text-align: center;
  
}


form.webinforequest label.maillabel {
 display:block;
 width: 300px;
 float: left
}

form.webinforequest fieldset {
 border: 4px solid blue;
 padding: 15px;
}
form.webinforequest label {
 font-weight: bold;
 font-style: normal;
 color: #000066;
}
form.webinforequest .buttons input {
 background: #000066;
 font-weight: bold;
 color: white;
}