/***************************************************
LAYOUT ELEMENTS -  homepage
***************************************************/

#footer {
	position: relative;
	top: 0px;
	width: 987px;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #1D3D55;
	color: #FFFFFF;
	line-height: 1.5em;	
}

#frame {
    width: 987px;
    margin: 0px;
    padding: 0px;
    font-family: arial, helvetica;
    font-size: 12px;
	border-left: 4px solid #1D3D55;
	border-right: 4px solid #1D3D55;
}

#navframe {
    width: 987px;
	height: 20px;
	background-color: #1D3D55;
	font-weight: bold;
	color: #FFFFFF;
}

#navblue {
    width: 742px;
	height: 20px;
	float: left;
	background-color: #1D3D55;
}

#navliteblue {
    width: 742px;
	height: 20px;
	float: left;
	background-color: #7690AE;
}

#navgreen {
    width: 245px;
	height: 20px;
	float: right;
	background-color: #80A62F;
	text-align: center
}

#left { 
	position: relative; 
	left: 0; 
	width: 200px;  
	margin: 0px; 
	border: 1px solid blue;
}

#middle { 
	position: relative; 
	left: 20%; 
	min-width: 360px; 
	width: 355;
	border: 1px solid blue;
}

#right { 
	position: relative; 
	left: 80%; 
	width: 200px; 
	margin: 0px; 
	border: 1px solid blue;
}

#hpcontentframe {
	width: 987px; 
	border: 1px solid blue;
}

#hpleft {
	float: left;
	width: 30%;
	background:#fff;
	border: 1px solid #000;
}

#hpcenter {
	width: 255px;
	padding: 10px;
	border: 1px solid #000;
	}

#hpright {
	width: 355px;
	padding: 10px;
	border: 1px solid #000;
}
/* --
#footer {
    width: 987px;
	height: 115px;
	background-color: #1D3D55;
	color: #FFFFFF;
	line-height: 1.5em;	
}
*/
#linkleft {
    float: left;
    width: 110px;
	padding-left: 22px;
	margin-top: 10px;
	color: #FF7418;
	font-weight: bold;
}

#linkright {
    margin-left: 0px;
	padding-left: 0px;
	padding-top: 10px;
}

#copyright {
	float:left;
	width: 600px;
}

#ethancote {
	text-align: right;
	padding-right: 20px;
}
		
.hpnews {
	margin: 0;
	padding: 15px;
	background-image: url(images/bg_gray_dotsline.gif); 
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;	
}		

#screenshot {
    width: 530px;
	padding-left: 30px;
	margin-top: 10px;
	font-weight: bold;
}

/***************************************************
TEXT ELEMENTS
***************************************************/
a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #FF7418; text-decoration: underline;}
a:active {color: #666666; text-decoration: underline;}

a.white:link {color: #FFFFFF; text-decoration: none;}
a.white:visited {color: #FFFFFF; text-decoration: none;}
a.white:hover {color: #FF9900; text-decoration: underline;}
a.white:active {color: #FFFFFF; text-decoration: none;}

a.white2:link {color: #FFFFFF; text-decoration: none;}
a.white2:visited {color: #FFFFFF; text-decoration: none;}
a.white2:hover {color: #cccccc; text-decoration: underline;}
a.white2:active {color: #FFFFFF; text-decoration: none;}

a.nav:link {color: #666666; text-decoration: none;}
a.nav:visited {color: #666666; text-decoration: none;}
a.nav:hover {color: #FF7418; text-decoration: underline;}
a.nav:active {color: #666666; text-decoration: none;}

a.org:link {color: #FF7418; text-decoration: none;}
a.org:visited {color: #FF7418; text-decoration: none;}
a.org:hover {color: #666666; text-decoration: underline;}
a.org:active {color: #FF7418; text-decoration: none;}


H1 {
	font-family: helvetica, verdana, arial;
	font-size: 14px;
    font-weight: bold;
	margin-top: 15px;
    margin-bottom: 10px;
}

H2 {
	font-family: helvetica, verdana, arial;
	font-size: 14px;
    font-weight: bold;
	margin-bottom: 5px;
}

H3 {
	font-family: verdana, arial;
	font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
	color: #80A62F;
}

.paragraphbold {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
    font-weight: bold;
	line-height: 1.5em;	
}

.paragraph {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;	
}

.parabold {
	font-family: helvetica, verdana, arial;
	font-size: 11px;
	color: #000000;
    font-weight: bold;
	line-height: 1.5em;	
}


input.newsletter {
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #000000;
	height: 24px;
	padding: 3px;
	font-family: arial, helvetica;
	font-size: 12px;	
}

input.submit {
	border: 0px solid;
}