HTML,BODY {height:100%}
body {
	margin: 0px;
	background-color: #fff;
}

/* interface containers */
#container_inner {
	width: 910px;
	height: 610px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #fff url(/images/background_main_2.jpg) no-repeat;
	z-index: 100;
}
#container_outer {
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	z-index: 100;
}
#container_body {
	width: 509px;
	height: 502px;
	left: 30px;
	top: 105px;
	position: absolute;
	text-align: left;
	z-index: 100;
}
#container_header_graphic {
	position: absolute;
	left: 14px;
	top: 31px;
	z-index: 50;
}
#container_page_header_copy {
	position: absolute;
	left: 30px;
	top: 47px;
	z-index: 100;
	text-align: left;
}
#body_background {
	background: #fff url(/images/background_main_tile.png) repeat-y;
	text-align: left;
	z-index: 1;
}

#logo {
	position: absolute;
	left: 639px;
	top: 20px;
	z-index: 100;
}
#nav {
	position: absolute;
	left: 636px;
	top: 134px;
	z-index: 100;
	width: 265px;
}
#subnav {
	padding: 6px 0px 18px 0px;
	text-align: left;
}
.nav_top_padding { padding-bottom: 20px; }
#yellow_inner_padding { padding: 0px 20px 14px 20px; }


#port_screencap {
	position: absolute;
	left: 30px;
	top: 105px;
	z-index: 100;
	width: 426px;
	height: 312px
}
#port_copy {
	position: absolute;
	left: 33px;
	top: 464px;
	z-index: 100;
	width: 502px;
	height: 102px;
	font: normal 10px verdana, arial, helvetica;
	color: #fff;
	text-align: left;
	line-height: 120%;
}
#port_next_prev {
	position: absolute;
	left: 33px;
	top: 425px;
	z-index: 100;
}
#angle_brackets {
	position: absolute;
	left: 0px;
	top: 88px;
	z-index: 1;
}
#contact_form_padding { padding: 25px 0px 0px 30px; }
.contact_form_field_padding { padding-bottom: 10px; }
.contact_form_width { width: 435px; }

/* common styles */
.left {	float: left; }
.right { float: right; }
.clear { clear: both; }
.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.width_full { width: 100%; }
.border { border: 1px solid black; }
.inline { display: inline; vertical-align: middle; }



/* copy fonts */
.copy_form {
	font: italic normal 12px verdana, arial, helvetica;
	color: #fff;
}
.copy_form_fields {
	font: normal 11px verdana, arial, helvetica;
	color: #333;
}
.copy_normal {
	font: normal 10px verdana, arial, helvetica;
	color: #fff;
}
.copy_small_red {
	font: normal 10px arial, helvetica, verdana;
	color: #c33;
}
.copy_next_prev {
	font: normal 12px verdana, arial, helvetica;
	color: #0cf;
}
.copy_page_header {
	font: bold 18px verdana, arial, helvetica;
	color: #ccc;
	line-height: 120%;
}
.copy_port_project {
	font: italic normal 18px verdana, arial, helvetica;
	color: #fff;
	line-height: 120%;
}
h1 {
	padding: 0 0 16px 0;
	margin: 0;
	font: bold 14px arial, helvetica, verdana;
	color: #c33;
}


/* links */
.dot_on { 
	width: 265px;
	text-align: left;
	background: url(/images/dot.gif) no-repeat;
}
.dot_off { 
	width: 265px;
	text-align: left;
}
a {
	font: normal 10px verdana, arial, helvetica;
	text-decoration: none;
	line-height: 120%;
	color: #0cf;
}
	
a.nav_off, a.nav_on {
	font: bold 14px verdana, arial, helvetica;
	text-decoration: none;
	line-height: 150%;
	display: block;
	margin-left: 12px;
	width: 251px;
}
a.subnav_off, a.subnav_on {
	font: normal 10px verdana, arial, helvetica;
	text-decoration: none;
	line-height: 120%;
	display: block;
	margin-left: 30px;
	width: 235px;
}
a.nav_off, a.subnav_off { color: #0cf; }
a.nav_on, a.subnav_on { color: #fff; }
a.nav_off:hover, a.nav_on:hover, a.subnav_off:hover, a.subnav_on:hover { text-decoration: unerline; }


a.next_prev_off, a.next_prev_on {
	font: normal 12px verdana, arial, helvetica;
	text-decoration: none;
}
a.next_prev_off { color: #0cf; }
a.next_prev_on { font-weight: bold; color: #fff; }



/* misc styles */