/* 
Dark Grey #bdbebd
Light Grey #f7f3f7
Orange #ff6500
 */

/* body */
.main {
	background-color: #ffffff;
	SCROLLBAR-FACE-COLOR: #bdbebd;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #bdbebd;
	SCROLLBAR-BASE-COLOR: #bdbebd;
	margin-top:20px;
	margin-left:10px;
	text-align: center;
	font-family:  Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 16px;
	color: #797979;
}
/* sets main centering;this and body definition get around IE 5.5. bug */
#main {
	width: 936px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	height: 578px;
	background-color: #f7f3f7;
}

#TopBar {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:936px; 
	height:145px; 
	z-index:3; 
	background-color: #bdbebd; 
}

#WhiteLine {
	position:absolute;
	z-index:4;
	left: 0px;
	top: 144px;
	background-color: #ffffff;
	background-image : url("img/white_dot.gif");
	background-repeat : repeat-x;
	width : 936px;
	height: 3px;
	font-size: 2px;
}

#Logo {
	position:absolute;
	left:68px;
	top:15px;
	width:800px;
	height:73px;
	z-index:5;
	background : url("img/pietersen_logo.jpg") no-repeat;
}

#OrangeLine {
	position:absolute;
	z-index:6;
	left: 71px;
	top: 93px;
	background-color: #ff6500;
	background-image : url("img/orange_dot.gif");
	background-repeat : repeat-x;
	width : 794px;
	height: 1px;
	font-size: 2px;
}

#Menu {
	position:absolute;
	left:71px;
	top:110px;
	width:799px;
	height:22px;
	z-index:7;
	font-size: 12px;
	text-align: left;
	background : transparent;
}

a {
	font-weight: normal;
	text-decoration: none;
	color: #f7f3f7;
	background : transparent;
}

a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
	background : transparent;
}

.active {
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
	background : transparent;
}

h1 {
	font-size: 16px;
	color: #ff6500;
	font-weight: normal;
}

.splashtext {
	font-size: 15px;
	font-weight: normal;
	margin-top : 0px;
}

.small {
	font-size: 10px;
	color: #ff6500;
	font-weight: normal;
}
.inner {
	font-size: 11px;
	font-weight: normal;
	margin-bottom:10px;
	margin-top:0px;
	padding-right:20px;
}

.smallwhite {
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}

.smallwhite:hover {
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}



/* body for iframes */
.iframes {
	margin-top:0px;
	margin-left:0px;
	text-align: center;
	font-family:  Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	color: #797979;
	background-color: #f7f3f7;
}

#darklink {
	color: #797979;
	font-size: 11px;
}

.formtext {
	font-size: 11px;
	font-weight: normal;	
	padding-right:5px;
}

.formfield {
	font : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	margin : 1px 0px 1px 0px;
	border-top : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
	padding : 1px 0px 1px 0px;
	background-color: #ebebeb; }

.formbutton {
	font : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #797979;
	margin : 1px 0px 1px 0px;
	border-top : 1px solid #797979;
	border-right : 1px solid #797979;
	border-bottom : 1px solid #797979;
	border-left : 1px solid #797979;
	padding : 1px 0px 1px 0px;
	background-color: #ebebeb; }