/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wallpaper.jpg);
	background-repeat: repeat;
	background-color: #fff;	
}
p {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 22px;
	padding-right: 36px;
	color: #003366;
}
.scopy {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 25px;
	color: #003366;
}

.sprint{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	color: #003366;
}

.popcopy{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 20px;
	color: #003366;
}

td, a, span, div, input {
	font-family: Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	color: #002b5c;
	font-weight: bold;
	border: none;
}
a:hover {
	text-decoration: none;
	color: #007cc2;
	font-weight: bold;
}
div {
}
#outer_container {
	width: 858px;
	background: white;
	text-align: left; 
	top: 0px;
	margin: auto;
	border:1px solid #333333;
	padding: 4px;
	position: relative;
	background-image: url(../images/brown.gif);
}
#container {
	width: 856px;
	background-color: #ffffff;
	background: url(../images/plat-back.jpg);
	background-position: center;
	font-size: 12px;
	border:1px solid #999999;
}
#lowercontainer {
	width: 856px;
	background-color: #ffffff;
	font-size: 12px;
	border:1px solid #999999;
}
#topcontainer {
	height: 176px;/* 106px */
	background: #fff;
}
#maincontentcontainer {
	padding: 0px 5px;
}
#bottomcontainer {
	margin-top: 10px;
	padding: 0px 5px;
	clear: both;
}
#footercontainer {
	height: 15px;
	background-color: #f2f2f2;
	margin-top: 10px;
	padding: 0px 5px;
	clear: both;
}

/*BANNER*/
.bannerlogo {
	padding-left: 0px;
	text-align: center;
	height: 148px;
	background-image: url(../images/head-back.jpg);
}

.logo {
	z-index: 99;
	text-align: center;
	width: 350px;
	height: 108px;
	top: 30px;
	left: 246px;
	position: absolute;
	background-image: url(../images/alpine-logo.png);
	}

.navspace{
width: 200px;
}

/*MAIN NAVIGATION*/
#navcontainer {
	width: 100%;
	height: 29px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/navbg.gif);
	background-repeat: repeat-x;
	position: relative;
	float: right;
}
#nav, #nav ul{
	float: left;
	list-style-type: none;
	line-height: 1.5;
	padding: 0;
	border-width: 1px 0;
	margin: 0 0 0 0;
}
#nav a {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	display: block;
	/*0179b8*/
	text-decoration: none;
	padding: .25em 1em;
}
#nav a:hover {
	color: #006600;
	font-size: 15px;
	display: block;
	/*0179b8*/
	text-decoration: none;
	padding: .25em 1em;
}
#nav li {
	padding: 40;
	float: left;
}
#nav > li:hover {
	float: left;
	background-image: url(../images/navbg_over.gif);
	background-repeat: repeat-x;
}
#nav li ul {
	position: absolute;
	display: none;
	width: 144px;
	line-height: 1.1;
	margin: 0;
}
#nav li li {
	width: 144px;	/*menu window width for png*/
}
#nav li ul a {
	font-size: 12px;
	margin-right: 1px;
	margin-left: 1px;
}
#nav li ul span {
	color: #002b5c;
	padding: .25em 1em;
	font-size: 12px;
	font-weight: bold;
	margin-right: 1px;
	margin-left: 2px;
}
#nav li ul a:hover {
	font-size: 12px;
	margin-right: 1px;
	margin-left: 1px;
}
#nav li ul li:hover a {
	font-size: 12px;
	background-image: url(../images/subover.gif);
	width: 106px;
	padding-left: 6px;
}
#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}
#nav .bot{
   z-index: 99;
	background-image: url(../images/tab_capB.png);
	background-repeat: no-repeat;
	background-position: top center;
	height:32px;
}
#nav .mid{
	z-index: 99;
	background-image: url(../images/tab_tile.png);
	background-repeat: repeat-y;
	background-position: center center;
}
#nav .top{
	background-image: url(../images/tab_capT.png);
	background-repeat: no-repeat;
	background-position: top center;
}
/* SUB-NAVIGATION */
#subnav {
	padding: 2px 0px;
}
#subnav a {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
#subnav a:hover {
	color: #669966;
}
/* CONTAINERS */
.columncontainer {
	float: left;
	padding-left: 0px;
}
.actionbutton {
	margin: 10px 5px 0px 5px;
}
/* Main back */
	.main {
	z-index: 2;
	width: 563px;
	padding-right: 0px;
	padding-left: 284px;
	padding-top: 12px;
}
div.maint {
	background: url(../images/maint.png) no-repeat center;
	min-width: 563px;
	min-height: 15px;
	top: 100%;
	background-position: bottom;
	padding-top: 5px;
	}
div.mainm {
	background: url(../images/mainm.png) repeat-y center;
	min-height: 1px;
	min-width: 563px;
	}
div.mainb {
	background: url(../images/mainb.png) no-repeat center;
	min-height: 19px;
	min-width: 563px;
	bottom: 100%;
	width: 100%;
	background-position: top;
	padding-bottom: 10px;
	}
	/* Side back */
	.side {
	width: 264px;
	position: absolute;
	left: 25px;
	top: 208px;
	padding-top: 0px;
	
}
div.sidet {
	background: url(../images/sidet.png) no-repeat center;
	min-width: 264px;
	min-height: 15px;
	width: 100%;
	top: 100%;
	background-position: bottom;
	padding-top: 4px;
	}
div.sidem {
	background: url(../images/sidem.png) repeat-y center;
	min-height: 1px;
	min-width: 264px;
	}
div.sideb {
	background: url(../images/sideb.png) no-repeat center;
	min-height: 19px;
	min-width: 264px;
	bottom: 100%;
	width: 100%;
	background-position: top;
	padding-bottom: 10px;
	}
	
	.title {
	z-index: 85;
	width: 264px;
	height: 36px;
	position: absolute;
	left: 465px;
	top: 215px;
	padding-bottom: 12px;
	}
/* FULL-SCREEN CONTAINERS */

.main{}
.foot{
	font-size: 11px;
	font-weight: normal;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
}
.foot a {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
.foot a:hover {
	color: #669966;
}

/*FOOTER*/

#footercontainer {
	background-color: #fff; /*#e0ebf6*/
	background-image: url(../images/navbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #ABB3AC;
	font: 8pt arial;
	border: solid 1px #ccc;
	border-top: 0;
	border-left: 0;
	padding: 3px 10px;
}
#footercontainer p {
	text-align: right;
	padding: 3px 0px;
	margin: 0px;
	display: block;
}
#footercontainer img {
	float:left;
	left:32px;
	position: relative;
}
#footercontainer h6 {
	float:left;
	color: #333333;
	border: solid 1px #999;
	padding:1px 5px;
	margin: 0px;
	position:relative;
	font-size:11px;
}
#footercontainer a {
	padding-left: 10px;
	text-decoration: none;
	color: #777;
	font-size: 10px;
}
#footercontainer a:hover {
	padding-left: 10px;
	text-decoration: underline;
	color: #333;
	font-size: 10px;
}

h1 {
	color: #003366;
	font-size: 13px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px; 
}
h2 {
	color: #003366;
	font-size: 13px;
	border-bottom: 1px solid #75FF76;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 52px;
	padding-right: 56px;
}

div.imageheader h1 {
	margin: 0px;
	padding:0px;
	border: 0px;
}
.formtext {
	font-size: 11px;
	color : #ffffff;
	border :none;
	border-style: none;
	background-image: url(../images/brown.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formcopy {
	font-size: 11px;
	color : #003366;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
	.coming {
	float: right;
	width: 200px;
	height: 594px;
	position: absolute;
	left: 1px;
	top: 1px;
	padding-right: 12px;
	padding-top: 2px;