/*
   Base Style Sheet for the H and I Construction web site
   Copyright 2007-2009 H and I Construction, LLC. All Rights Reserved.
   $Id: base.php,v 1.0 2009/01/22 03:20:18 Exp $ 
*/

/*                 
   General styling 
*/
html {
 background:url('../images/houseplan_large.jpg');
 color:black;
 margin:0px auto;
 padding:0px;
}

body {  
 margin:0px auto;
 width:868px;
 padding:0px;
 font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:1em; /* setting base font to user's prefered size */
}

div.doc {
 background:#ababab;
 color:black;
 margin:0px;
 padding:0px;
}

div.header {
 height:85px;
 margin:0px;
 padding:0px;
 border-bottom:4px solid #FF6600
 }

div.menu {
 height:25px;
 background:#000000;
 color:#ffffff;
 margin:0px;
 padding:0px;

}

div.body {
 margin:0px;
 padding:0px;
}

div.footer {
 clear:both;
 height:25px;
 overflow:hidden;
 margin:0px;
 padding:0px;
 display:block;
 background:#000000;
 color:#ffffff;
 text-align:left;
 font-size:0.8em;
 border-top:4px solid #FF6600
}

div.attention {
 border:1px solid;
 margin-left:40px;
 margin-right:40px;
 padding:5px;
 background:#e9e9e9;
}

a:link         {text-decoration:underline;color:#000000;}
a:visited      {text-decoration:underline;color:#000000;}
a:hover        {text-decoration:none;color:#000000;}
a:active       {text-decoration:none;color:#000000;}

img {
  border:none;
}

p, h2, h3, h4, hr {
 padding-right:5px;
 padding-left:5px;
}

ol, ul, li{
 padding-top:0px;
 padding-bottom:0px;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:1px;
}

/*
  Menu Styling
*/

div.menuparent {
 float:left;
 width:108px;
 text-align:center;
 font-weight:bold;
 margin:0px;
 padding:0px;
}

ul.menu, li.menu {
 list-style:none;
 position:relative;
 margin:0px;
 padding:0px;
 color:white;
}

a.menu:link         {text-decoration:underline;color:#ffffff;}
a.menu:visited      {text-decoration:underline;color:#ffffff;}
a.menu:hover        {text-decoration:none;color:#ffffff;}
a.menu:active       {text-decoration:none;color:#ffffff;}

/*
  Column Styling
*/
div.leftnav {
 background:#ababab;
 color:black;
 width:220px;
 padding:0px;
 margin:0px;
 float:left;
}

div.billboard {
 background:#FaFaFa;
 color:black;
 width:424px;
 padding:0px;
 margin:0px;
 float:left;
}

div.billboard2 {
 background:#FaFaFa;
 color:black;
 width:646px;
 padding:0px;
 margin:0px;
 float:left;
}

div.rightnav {
 background:#ababab;
 color:black;
 width:220px;
 padding:0px;
 margin:0px;
 float:right;
}

div.box {
 margin:10px;
 width:200px;
 border:1px solid black;
 font-family:verdana,sans-serif;
 background:white;
 overflow:auto;
}

div.boxheader {
 background:#000000;
 color:#ffffff;
 margin:0px;
 padding:0px;
 overflow:auto;
}

p.boxheader {
 text-align:center;
 font-weight:bold;
 font-size:0.8em;
 padding:2px;
 margin:0px;
}
 
div.boxdata {
 margin:5px;
 font-size:0.7em;
}

table.ssheet {
 border:1px solid black;
}

th.ssheet {
 padding-top:1px;
 padding-bottom:1px;
 padding-left:15px;
 padding-right:15px;
 border:1px solid black;
}

td.ssheet {
 padding-top:1px;
 padding-bottom:1px;
 padding-left:15px;
 padding-right:15px;
 border:1px solid black;
}