/* CSS for the CAZA PETRO Subpages */

#headerDiv{
	width:100%;
	height:auto;
	margin: 20px 0 0 0;
	padding: 0;
}

#headerDiv img{
	float: left;
	clear: both;
}

#thingsWeLove{
	position:absolute;
	margin: 94px 0 0 -46px;
	z-index: 99;
}

#mainBody{
	/*border:solid 1px #999;*/
	background-color:#eee;
	display:block;
	height:auto;
}

#sideNav{
	width:200px;
	font-size:8pt;
	background-color:#000;
	padding:0;
	vertical-align:top;
}

#sideNav a{
	display:block;
	background-color:#17171B;
	padding:3px 10px;
	margin:3px 0;
	text-align:right;
	border-right:solid 5px #000;
	text-transform:uppercase;
}

#sideNav a:hover{
	background-color:#2D2C2D;
}

#mainCol{
	font-family:"Times New Roman", Times, serif;
	font-size:10pt;
	color:#444;
	padding:21px 35px 25px 25px;
	vertical-align:top;
}

#mainBodyTbl{
	width:100%;
	margin:0;
	border:0;
}

#mainBodyTbl, #mainBodyTbl tr, #mainBodyTbl td{
	border:0;
	border-width:0;
	border-collapse: collapse;
}

.section{
	padding:50px 100px;
	line-height:1.5;
	font-family:"Times New Roman", Times, serif;
	font-size:9pt;
	color:#444;
	text-align: justify;

}
h1,h2,h3,h4,h5{
	color:#000;
	margin:0;
	font-weight: normal;
}
h1{
	font-size: 22px;
	margin:0 0 15px;
	padding-top: 7px;
	line-height: 35px;
}

.moo{
	max-width: 625px;
}

#easteregg{
	position: absolute;
	text-align: right;
	width: 880px;
	margin-top: -3px;
}


.calculator{
	background-image: url(/assets/images/calculatorBg.png);
	background-repeat: no-repeat;
	position: relative;
	height: 271px;
	width: 805px;
}

.calculator div{
	position: absolute;
	font-size: 13pt;
}

.calculator div input[type=text]{
	height: 45px;
	font-size: 26pt;
	font-weight: bold;
	color: #999;
	background-color: #444;
}

.prin{
	top: 10px;
	left: 25px;
}

.prin input[type=text]{
	width: 437px;
}

.term{
	top: 107px;
	left: 25px;
}

.term input[type=text]{
	width: 125px;
}

.interest{
	top: 107px;
	left: 183px;
}

.interest input[type=text]{
	width: 278px;
}

.description{
	top: 35px;
	left: 485px;
	right: 20px;
	bottom: 80px;
	letter-spacing: -.25pt;
	
}

.total{
	top: 220px;
	left: 120px;
}

#total{
	height: 30px;
	width: 450px;
	font-size: 20pt;
	background-color: #CCC;
	color: #000;
	vertical-align: middle;
	text-align: center;
}