@import 'reset.css';

body{font: 12px/16px Helvetica, Arial, sans-serif; color: #000; background-color: #fff; 
	background-image: url('/images/nav/bg.gif'); background-repeat:repeat-x; line-height:1.7em;}
.container{width: 931px; margin: 0 auto; padding:0px 9px; background-image: url('/images/nav/content_bg.png'); background-repeat:repeat-y;}


#printLogo, .justPrint, .printDiagram{display:none;}



a, a:active{color: #3366cc; text-decoration:none;}
a:visited{color: #3366cc; text-decoration:none;}
a:hover{color: #666; text-decoration:underline;}

h1{margin-bottom:15px; color: #333; font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}

h2{margin-bottom:8px; color: #666; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}

/*
h2{margin:auto; padding:7px 10px; color: #000; text-transform:uppercase; font-size: 14px; font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; background-color:#d8e6a8;}
*/


h3{margin: 10px 0; color:#0066CC; font-size:17px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}
h4{font-weight: bold;}
h5{font-weight: bold; font-size:15px; margin: 0 0 15px 0px; padding-left: 0;}

.header{width: 100%; background-color:#fff;}
.header ul {list-style: none;}
.logo{float: left; padding:21px 0 21px 25px;}

.tagline{background-image:url('/images/nav/logo2.gif'); background-repeat:no-repeat; background-position:left top; 
	padding:0 0 0 48px;}
	
.topMenu{padding:6px 10px; text-align:right; vertical-align:top; color: #666666; font-size: 11px; text-transform:uppercase; width:100%;}
.topMenu a{color: #666666; text-decoration: none; }
.topMenu a:hover{text-decoration: underline;}

.menu{line-height:1em; background-color:#ecf3d4; height: 41px; width:100%; padding:0px; margin:0px;}
.menuNav {padding:5px 0 0 0;}
.menuNav td{padding:3px; margin:3px;}
.menuNav a{color: #000; text-decoration: none; font-size: 12px; font-weight:bold;}
.menuNav a:hover{text-decoration: underline;}

.menuBorder{border-right:solid 1px #a2cc3a; text-align:center;}
.menuNoBorder{text-align:center;}

.dropmenudiv{position:absolute; top: 0; border: 1px solid #a2cc3a; border-bottom:none; font-weight:normal; font-size:12px;
	line-height:18px; z-index:100; background-color: white; visibility: hidden; margin:7px 0 0 -10px;}
.dropmenudiv a{width: auto; display: block; padding: 2px 5px 3px 5px; border: 0 solid #a2cc3a; border-bottom-width: 1px; 
	text-decoration: none; font-weight: bold; color: black;}
* html .dropmenudiv a{width: 100%;}
.dropmenudiv a:hover{background-color: #ecf3d4;}


/*-------   Content  --------*/
.content{clear:both; width: 100%; overflow: hidden; padding:0; background-image:url('/images/nav/fade_swoosh2.gif'); 
	background-repeat:no-repeat; background-color:#fff; min-height:488px;}

.bullet{background-image:url('/images/nav/bullet.gif'); background-repeat:no-repeat; background-position:left center;
	padding:6px 0 6px 8px; line-height:1.2em; font-size:11px; margin-top:10px;}
	
div.clear{clear: both; width:0px; height: 0px; overflow: hidden;}
	
.leftColumn{width:147px; float:left; margin:5px 25px 0 10px; padding-bottom:2em;}
.middleColumn{width:355px; float:left; margin:5px 0 0 0; padding-bottom:2em; text-align:left;}
.middleColumn2{width:440px; float:left; margin:5px 0 0 0; padding-bottom:2em; text-align:left;}
.rightColumn{width:355px; float:right; margin:5px 15px 0 0; padding-bottom:2em; text-align:left;}
.rightColumn2{width:270px; float:right; margin:5px 15px 0 0; padding-bottom:2em; text-align:left;}

.oneColumn{width:734px; float:right; margin:5px 15px 0 0; padding-bottom:2em; text-align:left;}

.paper{padding:5px 20px; border:solid 1px #ccc;}

.content p{margin:1em 0;}
.content ul{margin:1em;}
.content li{margin:auto 1em;}

.breadcrumb{ padding-bottom:1em; font-size: 10px;}
.breadcrumb p{margin:0; padding:0;}

.thumbnail{text-align:center; padding:0 10px 10px 0; vertical-align:bottom;}
.thumbtext{text-align:center; padding:0 10px 0 0; line-height:1.3em; vertical-align:top;}


/*-------   Footer  --------*/

.footer{width: 931px; margin: 0 auto; padding:0 9px; color: #666666; font-size: 11px; text-transform:uppercase; text-align:center; height:40px;
	background-image: url('/images/nav/footer_bg.png'); background-repeat:no-repeat; background-position:center bottom;}
.footer a{color: #666666; text-decoration: none; }
.footer a:hover{text-decoration: underline;}




.calculator{}
.calculator h3{margin:0; padding:8px 12px; color:#000; line-height:1em; background-image:url('/images/nav/cal_top.gif'); 
	background-repeat:no-repeat; background-position:left top;}
.calculator .system{ font-weight:bold; padding:3px 5px 8px 5px; font-size:14px;}
.calculator #calcarea{ background-color:#fff; margin:0; padding:5px; border:solid 1px #000;}
.calculator th{font-weight:normal; white-space:nowrap; padding:3px 5px; border-top:solid 1px #ccc;}
.calculator td{padding:3px 5px; margin:0; border-top:solid 1px #ccc;}
.calculator table{margin:0; padding:0;}
.calculator .output{margin:0; padding:8px 12px; color:#fff; font-weight:bold; background-image:url('/images/nav/cal_bottom.gif'); 
	background-repeat:no-repeat; background-position:left bottom; text-align:center; font-size:15px; background-color:#000;}
.calculator .output .number{ font-size:22px; padding-left:5px; }