@charset "utf-8";
/* CSS Document */

body {
	background:url(images/body_bg.gif) top left repeat-x #85a157;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	margin-top:40px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}
a{
	font-size:12px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	margin: 15px 0px;
}

/********************* Heading Styles ***********************/
h1{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}

h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}

h3{
	color:#ff6633;
	font-size:14px;
	text-align:center;
	width:200px;
	margin:10px 0 15px 0;
}


/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(images/header.jpg);
	width:717px;
	height:212px;
	position:relative;
}
#header ul{
	background-color:#000;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	bottom:-33px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:5px 0px 0px 0px;
	text-align:center;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
}
#header li{
	float:left;
	margin-left:10px;
	margin-top:1px;
}
#header ul a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	color:#28556b;
}
#logo{
	position:absolute;
	top:35px;
	left:-22px;
	width:162px;
	height:130px;
	background:url(images/logo.jpg);
}

/********************** Content ***************************/
#content {
	position:relative;
	background-image:url(images/content_bg.gif);
	width:717px;
	height:400px;
	min-height:400px;
	margin-top:33px;
}
#left {
	float:left;
	width:428px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;
	height:360px;
	min-height:360px;
	background:url(images/right_btm.gif) bottom center no-repeat;

}
#right a{
	color:#c77e0c;
}
#right a:hover{
	color:#85a157;
}
#portajohn {
	position:absolute;
	bottom:-38px;
	left:-24px;
	background:url(images/portajohn.jpg) no-repeat;
	width:147px;
	height:241px;
	z-index:501;
}

#footerline {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(images/footer_bg.gif);
	font-size:1px;
	height:10px;
	width:100%;
	z-index:500;
}

#footer {
	width:717px;
	text-align:center;
	padding: 20px 0px;
}

/********************** General Classes ***********************/
.bold {font-weight:bold;}
table td {border-right:1px solid #000; border-bottom:1px solid #000;}

/********************** Form Elements *************************/
form ul {margin:0; padding:0; list-style-type:none;}
form ul li {float:left; width:100%; margin-bottom:8px;}
label {float:left; width:100px; margin-top:3px; margin-right:10px;}
label.long {width:auto; margin-top:3px; float:left;}
input {float:left;}
input.longtext {width:20em; height:1.4em; padding-top:2px;}
form ul li select {height:1.5em; float:left;}
textarea {width:27em; min-height:6em; font-family:Arial, Helvetica, sans-serif; font-size:14px;}