/* layoutstyles.css */

/* Universal style rule */
*{
/*Block all brower default margins and padding*/
margin:0;
padding:0;
  /* Temporary borders */
  /*border:dashed 1px #aaa;*/
}

body{
background:#c9bcab url(pix/background.jpg);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
}
/*End Body*/


/**************************Wrapper Styles****************************/
#wrapper{
  width:45em;
  background-color: #6d5945;
  /*Put 20px margin above the centered wrapper*/
  margin:20px auto 0 auto;
  border:12px ridge #8d2b11;/*maroon*/
  /*Required for absolutely-positioned layout only*/
  position:relative;
}
/*End wrapper*/
/***************************Branding styles***************************/
#branding{
background:#c9bcab;
}/*End Branding*/

/*Fixes the mysterious image gap above the navbar*/
#branding img{
display:block;
}

/***************** Start Nav Bar Styles******************************/
#navbar{
background-color:#d8d1cc;
height:1.7em;
background:#d8d1cc url(pix/navbak.jpg) repeat-x center;
/*For absolutely-positioned navbar*/
position:absolute;
top:4.7em; /*Same as branding div height*/
width:45em;
}

/*Remove bullets from ul in the navbar*/
#navbar ul{
list-style-type:none;
}
/*List items in navbar across the page*/
#navbar li{
float:left;
/*Required for drop-down menus*/
position:relative;
}

/*Style navbar links, unvisited and visited*/
#navbar a,
#navbar a:link,
#navbar a:visited{
text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#43392b;
  background:#d8d1cc url(pix/navbak.jpg) repeat-x center;
    display:block;
  height:2em;
  width:8.2em;
  border-right:solid 1px #43392b;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/*Navbar hover and active links*/
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
background:#ddd url(pix/navhover.jpg) repeat-x center;
color:#000;
}

/*Navbar Drop down menu styles (This is a "nested list")*/
#navbar li ul{
position:absolute;
z-index:100;
visibility:hidden;
}
/*Navbar Drop down visible on hover styles*/
#navbar li:hover ul,
#navbar li a:hover ul{/*IE 6 hack*/
visibility:visible;
top:1.6em;
left:0;
}

/*Applies to links on the drop down menu*/
#navbar li:hover ul li a,
#navbar li a:hover ul li a{/*IE 6 hack*/
background:#E8E3DC;/*Removes background image on dropdown*/
color:#43392b;
text-align:left;
display:block;
width:10em;
padding:0 0 0 1em;
height:auto;
}

/*Hover on drop down menu links*/
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{/*IE6 hack*/
background-color:#C9BCAB;
color:#43392b;
}
/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

/*****************Start Content Styles*****************/

/***********Header elements in the content division*************/
#content h1, #content h2, #content h3{
  font-family:"Bookman Old Style", Impact, serif;
  color:#43392b;
  font-weight:bold;
  font-style:normal;
  font-variant:small-caps;
  letter-spacing:0.08em;
}
/* Size h1 headings in the content division */
#content h1{
  font-size:1.5em;
  text-align:center;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.25em;
  text-align:center;
}
/* Size h3 headings in the content division */
#content h3{
  font-size:1em;
  text-align:center;
}

/******************Content Body styles****************/
#content{
/*Right margin must match right column width*/
margin:3em 10em 0em 0em;
background-color:#fff;
color:#000;
padding:10px 20px;
}
/* Applies to unordered lists in the content division */
#content ul{
  padding-left:50px;
  line-height:1.5em;
  font-size:.8em;
  font-family:"Bookman Old Style", Impact, serif;
}
#content p{
  line-height:1.5em;
  font-size:.8em;
  font-family:"Bookman Old Style", Impact, serif;
}
/*Applies to content block elements*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	
}
.blockpic{
background-color:#E8E3DC;
float:left;
width:16em;
padding:5px 5px;
border:solid 1px #43392b;
}
.blocktext{
background-color:#E8E3DC;
width:14em;
float:right;
padding:10px 5px;
border:solid 1px #43392b;
}

/*******************Start Right Column styles******************/

#rightcolumn{
/*Remember, content right margin must match this width*/
width:10em;
/*float:right;*/
font-size:1.25em;
color:#43392b;


/*Center images and text inside this div*/
text-align:center;
/*For absolutely-positioned rightcolumn*/
Position:absolute;
top:7em;/*same width as branding & Navbar*/
left:28em;
}
/*Applies to images in the rightcolumn div*/
#rightcolumn img{
width:80%;
}
/*Removes margins in rightcolumn list*/
#rightcolumn li{
margin:10px 2px 2px 3px;
}
/*Remove bullets  from list*/
#rightcolumn ul{
list-style-type:none;
margin-right:28px;
padding:0;
}
/*Rightcolumn link styles*/
#rightcolumn ul li{
font-size:80%;
color:#E8E3DC;
}
/*Rightcolumn link styles*/
#rightcolumn a{
display:block;
background:#c9bcab;
width:7em;
padding:5px 20px 3px 20px;
text-decoration:none;
color:#43392b;
/*border-bottom:1px solid #43392b;*/

}
/*Rightcolumn nav styles*/
#rightcolumn ul li a:hover,
#rightcolumn ul li a:active,
#rightcolumn ul li.selected a:link,
#rightcolumn ul li.selected a:visited{
background-color:#E8E3DC;
}
/******************Start Footer styles*********************/
#footer{
clear:both;
background:#c9bcab url(pix/background.jpg) repeat-x;
border-top:5px solid #5f1d0b;/*maroon*/
text-align:center;
}
#contactus{
line-height:1.5em;
  font-size:.8em;
  font-family:"Bookman Old Style", Impact, serif;
  text-align:center;
  }