/* Not using global.css because we want different main divs and I don't want to figure out how overrides work */

/** GENERAL STYLES **/
body { margin: 0; }
body, table, td, th, tr { font-size: 13px; color: #434343; font-family: verdana, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #FF8000;  }
.hsoft { color: #FF9933; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
a { text-decoration: none; }
a:link, a:visited, a:active { color: #3c832b; }
a:hover, a:visited:hover { color: #065ce0; font-weight: bold; }
img { border: 0; }
.sp { clear: both; }
/** END GENERAL STYLES **/

/** MAIN DIVS **/
#top { height: 112px; background: url('../../img/stripes.gif') repeat-x; clear: both; }
#hd { width: 920px; margin: 0 auto; }
#bd { width: 920px; margin: 15px auto; clear: both; /*background-color: #eee; height: 660px; border: 1px solid black;*/ } 
#ft { width: 920px; clear: both; margin: 0 auto; padding: 60px 0 30px 0; font-size: 11px; }
/** END MAIN DIVS **/

/** INSIDE THE HEADER **/
#hd-left { float: left; width: 300px; height: 60px; }
#ad-right { float: right; width: 468px; height: 60px; margin: 12px 0 0 0; }
/** END INSIDE THE HEADER **/

/** MAIN NAVIGATION MENU **/
.menu{ padding-top:76px; border:none; border:0px;	margin:0px;	float: right;	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	}
.menu ul{	background:#e7f2e2;	height:35px;	list-style:none;	margin:0;	padding:0;	}
.menu li{	float:left;	padding:0px;	}
.menu li a{ background: none; color:#6a9158; display:block; font-weight:normal;	line-height:35px;	margin:0px;	padding:0px 10px;	text-align:center; text-decoration:none; }
.menu li a:hover, .menu ul li:hover a{ background:#6a9158; color:#d2d2d2;	text-decoration:none;	font-weight: normal;	}
.menu li ul{ background:#6a9158; display:none; height:auto;	padding:0px; margin:0px; border:0px; position:absolute;	width:225px; z-index:200;	/*top:1em; */	/*left:0;*/	}
.menu li:hover ul{	display:block;	}
.menu li li {	display:block;	float:none;	margin:0px;	padding:0px;	width:255px;	}
.menu li:hover li a{	background:none;	}
.menu li ul a{ display:block;	height:35px;	font-size:12px;	font-style:normal;	color: #333;	margin:0px;	padding:0px 10px 0px 15px;	text-align:left;	}
.menu li ul a:hover, .menu li ul li:hover a{ border:0px;	color:#ffffff;	overflow: hidden;	text-decoration:none;	}
.menu p{ clear:left; 	}	
/** END MAIN NAVIGATION MENU **/


#howtoprint { margin: 15px 0 20px 0; padding: 10px; border: 2px dotted #99D1E0; width: 700px; }
#howtoprint .a { font-size: 16px; color: #ff8000; font-weight: bold; }
#howtoprint .b { margin: 10px 0 0 0; }

#budget { margin: 10px 0 0 0; clear: both; }

#budget table { border-collapse: collapse; margin: 10px 0 0 0; }
#budget td, #budget th { border: 1px solid #ccc; padding: 2px 5px; }
#budget th {  }
#budget th.x { text-align: left; }
#budget th.y { font-weight: normal;  }
#budget td.a { width: 280px; }
#budget td.b { width: 100px; text-align: left; }
#budget th.f { background-color: #f2f2f2; }
#budget .editable { border-bottom: 1px solid #6666ff; color: #6666ff; cursor: text; }
#budget input { width: 90px; text-align: right; display: none; }