/* Tales of Togo stylesheet */
/* Colors 
   Bright Orange: ff8502
   Lighter Orange: f5c44a
   Creamy Yellow: f7f9bd
   Tan: efeeac
   Light Blue: b2d6ef
   Medium Blue-Green: 366788
   Dark Blue-Green: 0a3959
   Dark Brown Red: 8c4b2e
*/
   

body
{
   background-color: #8c4b2e; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;   
}

p
{

   line-height: 160%;
   word-spacing: 0.1em;
}

h1
{
   font-weight: bold;
   font-size: 190%;
   color: #000;
   text-align: left;
   margin-top: 30px;
}

h2
{
   font-weight: bold;
   font-size: 150%;
   color: #000;
   text-align: left;
   margin-top: 20px;
}

a:link     { color:#0a3959; text-decoration:underline; }
a:visited  { color:#333333; text-decoration:underline; }
a:hover    { color:#0a3959; text-decoration:underline; }
a:active   { color:#0a3959; text-decoration:underline; }

dt
{
margin-left: 6px;
font-weight: bold;
}

dd
{
margin-bottom: 10px;
}

#mainbody
{
   margin: 10px;
   float: left;  
   background-color: #f7f9bd; 
   background-repeat: no-repeat; 
   width: 1040px;
   height: 2000px;
}

#leftcol
{
   margin-top: 0px;
   margin-right: 10px;
   float: left;
   background-color: #f5c44a; 
   height: 1500px;
   overflow: hidden;
   width: 180px;

}
#logo
{
   margin-top: 20px;
   margin-right: 10px;
   float: left;
   border: 0;
}

#quote
{
   font-size: 140%;
   line-height: 140%;
   color: #000;
   margin-top: 10px;
   margin-right: 5px;
   margin-left: 14px;
   padding: 0px;
   font-weight: normal;
   width: 145px;
   font-family: Georgia, Times New Roman, Verdana, Arial
}



#maincol
{
   font-family: Verdana, Arial, Helvetical, sans-serif;
   font-weight: 300;
   color: #000;
   line-height: 130%;
   float: left;
   margin-top: 0px;
   margin-left: 0px;
   width: 800px;
/*   background-color: #f7f9bd; */
}

#title
{
   float: left;
   text-indent: 0px;
   margin-top: 30px;
   margin-bottom: 0px;
}

#tagline
{
   font-weight: normal;
   font-style: italic;
   font-size: 18px;
   line-height: 130%;
   margin-left: 20px;
   margin-top: 30px;
   text-align: left;
   padding: 6px;
   font-family: Georgia, Times New Roman, Verdana, Arial, Helvetica, sans-serif;
   float: left;
   letter-spacing:0.2en;
   width: 450px;
   word-wrap: break-word;
   
}

#maincopy
{
   float: left;
   width: 450px;
   margin-right: 10px;
   margin-left: 10px;
   clear: left;
}

#mainseccopy
{
   float: left;
   width: 550px;
   margin-right: 10px;
   margin-left: 10px;
   clear: left;
}

#mainfullcopy
{
   float: left;
   width: 650px;
   margin-right: 10px;
   margin-left: 10px;
   clear: left;
}

#mainphoto
{
   float: left;
   width: 700px;
   margin-right: 10px;
   margin-left: 10px;
   clear: left;
}


#photos
{
   float: left;
   margin: 8px;
   margin-top: 30px;
   padding: 4px;
   font-size: 90%;
   font-weight: bold;
   line-height: 130%;
   text-align: left;
   background-color: #f5c44a;
   color: #8c4b2e;
}

#navcontainer
{
   margin-top: 10px;
   float: left;
   margin-bottom: 10px;
   font-size: 12px;
   font-family: Arial, Helvetical, sans-serif;
   font-weight: bold;
   text-align: left;
}

#navcontainer ul
{
margin-left: 0px;
padding-left: 0px;
}

#navcontainer li
{
margin: 4px;
padding: 4px;
display: inline;
}

#navcontainer ul li a
{
text-decoration: none;
color: #000;
border-left: .6em ridge #0a3959;
background-color: #f5c44a;
padding: 0.2em 0.4em 0.2em 0.4em;

}

#navcontainer ul li a:hover
{
color: #0c4b2e;
background-color: #fff;
}

#navcontainersec
{
   margin-top: 10px;
   float: left;
   margin-bottom: 10px;
   font-size: 12px;
   font-family: Arial, Helvetical, sans-serif;
   font-weight: bold;
   text-align: left;
}

#navcontainersec ul
{
margin-left: 4px;
padding-left: 4px;
}

#navcontainersec li
{
margin: 2px;
padding: 2px;
display: block;
}

#navcontainersec ul li a
{
text-decoration: none;
color: #000;

border-left: .6em ridge #0a3959;
background-color: #f7f9bd;
margin: 0.1em 0.4em 0.1em 0.4em;
padding-left: .5em;

}

#navcontainersec ul li a:hover
{
color: #0c4b2e;
background-color: #fff;
}

.emph
{
   font-size: 14px;
   font-weight: bold;
   color: #0a3959;
   margin-right: 2em;
   margin-left: 1em;
   line-height: 180%;
}
#servicelist
{
   line-height: 150%;
}

#servicelist  li
{
list-style-type: none;
font-size: 14px;

}

#servicelist .listemph
{
   font-weight: bold;
} 

.gallery
{
   margin: 10px;
   border-color: #f5c44a;
   border-width: 4px;
}