/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.05.21
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/


#container
{
	width:730px;
}

/**************************************************************
   Top blue link bar
 **************************************************************/

#topbar {
  height: 2em;
  background: #486C85 url(../images/bg/topbar.gif) repeat-y top center;
  font-size:  0.67em;
/*  border: 1px solid red;*/
}

#topbarInner {
  width: 730px;
  height: 100%;
  margin: 0 auto;
  text-align: right;
/*  background: #486C85;*/
}

#topbar ul {
  margin: 0;
  padding: 0;
}

#topbar ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url('../css/foo.gif'); /* Trick IE into not displaying a bullet */
}

#topbar ul li a {
  padding: 0 20px;
  color: #A5B7C3;  
}

#topbar ul li a:hover {
  color: #FFF;
  border: 0;
}

/* Icons for the top bar */
#topbar ul li a.house {
  background: url(../images/icons/small_house.gif) no-repeat;
  background-position: 6px 2px;
}

#topbar ul li a.house:hover {
  background-image: url(../images/icons/small_house_on.gif);
}

#topbar ul li a.mail {
  padding: 0 13px 0 20px;
  background: url(../images/icons/small_mail.gif) no-repeat;
  background-position: 4px 4px;
}

#topbar ul li a.mail:hover {
  background-image: url(../images/icons/small_mail_on.gif);
}

#topbar ul li a.sitemap {
  background: url(../images/icons/small_sitemap.gif) no-repeat;
  background-position: 5px 3px;
}

#topbar ul li a.sitemap:hover {
  background-image: url(../images/icons/small_sitemap_on.gif);
}




/**************************************************************
   Site Header image and logo
 **************************************************************/


#header { 
  height: 147px;
  font-size: 1px;
  background: #2C4659 url(../images/bg/header_img.jpg) no-repeat top center;
}




/* For search engine robots and no css display */
#header h2 {
  display: none;
}

#header h1 {
  display: none;
}

#header .fade {
  position: relative;
  z-index: 1;

  height: 147px;
  width: 100%;
  
  background: url(../images/bg/header.gif) repeat-y top center; 
}

#header .fade img {
  margin: 0 auto;
}




/**************************************************************
   Fixed width side bar
 **************************************************************/


#sideBar {
 
  position: relative; /* needed to stop IE from destroying the sideMenu */
  float: right;  
  width: 169px;
  margin: 15px 12px 0 0 !important;
  margin: 15px 6px 0 0;
  line-height: 120%;
}

/**************************************************************
   Side menu
 **************************************************************/

ul.sideMenu {
  margin: 0;
  padding: 0;    
}

ul.sideMenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url('../css/foo.gif'); /* Trick IE into not displaying a bullet */
}

ul.sideMenu li a {
  display: block;
  position: relative;
  width: 169px;  /*Needed to stop IE hover flicker */
  margin-bottom: 15px;  
  padding: 5px;
  background: none;
  border-bottom: 0;
  text-decoration:none;
} 

ul.sideMenu li a:hover {
  padding: 5px;
  border-bottom: 0;
  background: #EEE url(../images/bg/menu_bottom_gray.gif) no-repeat bottom left;
}

ul.sideMenu li a.here:hover {
  background: #EBF1F5 url(../images/bg/menu_bottom.gif) no-repeat bottom left;
}

ul.sideMenu li a.here {
  background: #EBF1F5 url(../images/bg/menu_bottom.gif) no-repeat bottom left;
}

ul.sideMenu li a span.title {
  position: relative;
  z-index: 1;
  display: block;
  font: 700 1.4em 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; 
  color: #486C85;
}

ul.sideMenu li a.here span.title {
  color: #334F63;
}

ul.sideMenu li a:hover span.title {
  color: #334F63;
}

ul.sideMenu li a span.desc {
  color: #666;
}

ul.sideMenu li a.here span.desc {
  color: #333;
}

ul.sideMenu li a:hover span.desc {
  color: #333;
}

ul.sideMenu li a span.top {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 172px;
  height: 9px;  
}

ul.sideMenu li a.here:hover span.top {
  background: url(borders/menu_top.gif) no-repeat top left;
}

ul.sideMenu li a.here span.top {
  background: url(borders/menu_top.gif) no-repeat top left;
}

ul.sideMenu li a:hover span.top {
  background: url(borders/menu_top_gray.gif) no-repeat top left;
}



/**************************************************************
   Icons
 **************************************************************/

.whitePhone {
  padding-left: 22px;
  background: url(../images/icons/phone_white.gif) no-repeat;
  background-position: 0 10px;
}


.whiteCheck {
  margin-top: 10px;
  padding-left: 22px;
  background: url(../images/icons/check_white.gif) no-repeat;
  background-position: 0 10px;
}


/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.8em;
}

.big {
  font-size: 1.2em;
}

.bigger {
  font-size: 1.3em;
}

.blue {
  color: #537790;
  font-weight: bold;
}

.center {
  text-align: center;
}