@charset "windows-1252";	
/*
CSS for Mannaworks site
*/

/******************** GENERAL CSS ***********************/
body {
   margin: 0px;      
   padding: 0px;
   text-align: justify;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
   background-color: #acacac;
   /* line-height: 125%;*/
   }   
   
h1, h2, h3 {
   font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
   }
   
/*
The following controls the behavior of any links we use
*/
   
a {
   font-weight: bold;
   }
 	
a:link {
   color: black;
   }
   
a:visited {
   color: black;
   }
  
a:hover {
   text-decoration: underline;
   color: #0E1F3D;
   /* background: white; */
   }
        
/*********************** HEADER STUFF *********************/

#header {
   width: 800px;
   height: 104px;		/* Controls Vertical position of Menu Bar */
   margin: 0px auto;
   /* padding: 10px 0px; */
   }
   
#bannertopleft {
   width: 316px;
   /*height: 220px;*/
   /* border: 1px solid #000000;*/
   margin: 0px auto;
   padding: 0px 0px 0px 0px;
   float: left;
   }
   
#bannertopright p {
   width: 444px;
   height: 72px;
   font-style: italic;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 115%;
   color: #999999; /*red text */
   background-color: #1F3E73;
   border: 3px solid #474742;
   margin: 0 auto;
   padding: 26px 20px 0px 10px;
   float: right;
   }     
   
#heading h2 {
   margin: 0px;
   padding: 0px 0px 0px 10px;  
   text-align: left;
   font-size: 200%;
   font-weight: normal;
   color: navy;
   }  
   
/***************** MENU *****************/

#menu {
   width: 800px;
   margin: 0px auto;
   padding: 5px 0px 5px 0px;
   background-color: #C23C3C;
   }
   
#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: center;
   }

/* THIS is the command that sets the menu items horizontally */
#menu li {
   display: inline;
   }
   
#menu a {
   padding: 5px 15px;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   }
   
/* #menu a:hover {
   background-color: 333333;
   }   
*/   
/******************** CONTENT *******************/

p  {
   /*font-size: 100%;
   color: navy; */
   }
   
#content {
   width: 800px;
   margin: 0px auto;
   padding: 0px 0px 0px 0px
   }
   
#contentheading p {
   width: 785px;
   height: 40px;
   margin: 0px;
   text-align: left;
   padding-top: 35px;
   padding-left: 15px;
   font-size: 180%;
   background-color: #474742;
   color: white;
   }
   
#contentheadingsplitleft p {
   float: left;
   width: 504px;
   height: 40px;
   margin: 0px;
   text-align: left;
   padding-top: 35px;
   padding-left: 15px;
   font-size: 180%;
   background-color: #474742;
   color: white;
   }   
   
#contentheadingsplitright  {
   float: right;
   width: 266px;
   height: 40px;
   margin: 0px;
   text-align: right;
   padding-top: 35px;
   padding-left: 15px;
   font-size: 180%;
   background-color: #474742;
   color: white;
   }   
   
#content h2 {
   margin: 15px;
   }
   
#content h3 {
   margin: 0px;
   }   
   
#content p, #content ul, #content ol {
   line-height: 150%;
   }      
   
#contentleft {
   float: left;
   width: 510px;
   padding: 0px 10px 0px 0px;
   }
   
   /* Beginning of "div.background", "div.transbox", and "div.transbox p". All from W3 transparency examples */
div.background {
   width: 515px;
   height: 700px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }
   
div.backgroundlong {
   width: 515px;
   height: 880px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }   
   
div.backgroundxtralong {
   width: 515px;
   height: 1000px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }      
   
div.backgroundxtraxtralong {
   width: 515px;
   height: 1200px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }      

div.backgroundxtremelong {
   width: 515px;
   height: 1600px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }      
   
div.transbox {
   width: 400px;
   /*height: 180px;*/
   margin: 30px 50px;  			/* Top and Bottom, Left and Right */
   background-color: #ffffff;
   border: 1px solid black;
   filter:alpha(opacity=80);
   opacity:0.8;
   }
   
div.transbox p { 
   margin: 30px 40px;
   font-size: 103%;
   font-weight:500;
   color: #000000;
   }

div.transboxcentered {
   width: 400px;
   /*height: 180px;*/
   margin: 30px 50px;  			/* Top and Bottom, Left and Right */
   background-color: #ffffff;
   border: 1px solid black;
   filter:alpha(opacity=80);
   opacity:0.8;
   }   
   
div.transboxcentered p { 
   margin: 30px 40px;
   font-size: 105%;
   text-align: center;
   font-weight:500;
   color: #000000;
   }   
   
#contentright {
   float: right;
   width: 278px;
   height: 682px;
   padding: 20px 0px 0px 0px;
   font-size: 105%;
   background-color: #1F3E73;
   border: 1px solid black;
   }
   
#contentrightlong {
   float: right;
   width: 278px;
   height: 862px;
   padding: 20px 0px 0px 0px;
   font-size: 105%;
   background-color: #1F3E73;
   border: 1px solid black;
   }   
   
#contentrightxtralong {
   float: right;
   width: 278px;
   height: 982px;
   padding: 20px 0px 0px 0px;
   font-size: 105%;
   background-color: #1F3E73;
   border: 1px solid black;
   }      

#contentrightxtraxtralong {
   float: right;
   width: 278px;
   height: 1182px;
   padding: 20px 0px 0px 0px;
   font-size: 105%;
   background-color: #1F3E73;
   border: 1px solid black;
   }      

#contentrightxtremelong {
   float: right;
   width: 278px;
   height: 1582px;
   padding: 20px 0px 0px 0px;
   font-size: 105%;
   background-color: #1F3E73;
   border: 1px solid black;
   }      
   
#contentwide {
   float: left;
   width: 790px;
   padding: 0px 10px 0px 0px;
   }   
   
div.backgroundwide {
   width: 795px;
   height: 700px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }

div.backgroundwidelonger {
   width: 795px;
   height: 790px;
   background-image:url('agedwood1.jpg');
   border: 2px solid black;
   }   
   
   
div.transboxwide {
   width: 680px;
   /*height: 180px;*/
   margin: 30px 50px;  			/* Top and Bottom, Left and Right */
   background-color: #ffffff;
   border: 1px solid black;
   filter:alpha(opacity=80);
   opacity:0.8;
   }
   
div.transboxwide p { 
   margin: 30px 40px;
   font-weight:500;
   color: #000000;
   }

div.rightboxtop {
   margin: 30px 10px;
   width: 180 px;
   height: 210px;
   text-align: center;
   text-decoration: none;
   border: 2px solid black;
   }
   
div.rightboxtop p {
   margin: 5px, 5px;
   font-weight: normal;
   color: black;
   }
   
div.simplebox {
   margin: 5px 4px;
   /*width: 50 px;
   height: 50px;
   */
   text-align: center;
   text-decoration: none;
   border: 2px solid black;
   }
   
div.simplebox p {
   margin: 5px, 5px;
   font-weight: normal;
   color: black;
   }   
   
/* Currently not used, highlights text */
.brightened {
   color: #BC001D;
   font-family: "Trebuchet MS", Verdana, Arial, serif;
   letter-spacing: 0.05em;
   }
   
.rightsided{
   text-align: right;
   }   

.feature {
   margin: 40px;
   float: right;
   } 
   
.featureRoyKev {
   margin: 10px;
   float: right;
   }    
    
/* 
Photo caption improvements. Reduce width, remove spacing above it, reduce spacing between lines.
*/   
.galleryphoto p {
   font-size: 65%;
   font-weight: bold;
   margin-top: 0;
   width: 430px;
   line-height: 1.4em;
   }
   
/* 
Apply border values only to the class galleryphoto, instead of all images.
*/
.galleryphoto img {
   border: 15px solid white;
   }
   
.photocredit {
   font-weight: normal;
   color: gray;
   }   
   

/* The enclosed is the rule to place a red border around the included divs*/
/* #menu, #bannertopleft, #bannertopright p, #contentleft, #contentright, #content {
   border: 1px solid red;
   } */