@charset "utf-8";
/* CSS Document */

body{background:#333; color:white}
h1{color:white; margin:0 0 0 0}
h2{color:white;}
.all{

position:relative;
margin-left:auto; margin-right:auto;
width:980px;height:800px;}
.header{
	background:url(images/background.header.jpg) no-repeat;
	width:100%;
	height:210px;
	position:absolute;
	left: 0px;
}
.ht{
	position:absolute;
	width:388px;
	height:135px;
	top:44px;
	left:254px;
}
.midsection{background:#003300 url(images/midsection.bkgrnd.png) repeat-x; position:absolute; width:959px; top:200px; left:0px; height:auto;}
.navigation{
	background:#030 no-repeat;
	width:200px;
	height:130px;
	position:absolute;
	top: 20px;
	left: 98px;
	font-size:14px;
	text-align:left;
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 2px 30px 0 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	width:99%}
	ul.nav{

}
ul.nav>li{

	position: relative;
	padding: 4px 6px;}
	ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;}
	ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{

	color:white
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: black;
	color: white;
}

ul.nav li:active,
.nav ul li a:active{
	background-color:black;
	color: white;
}

ul.nav,
.nav ul{
	border: 0px 
}

.nav a{
	color:white;text-decoration: none;}
.content{
	position:absolute;
	height:228px;
	width:100%;
	top:370px;}
.contentmain{ position:relative;  left:40%; height:auto; width:55%;}
.packagebutton{
	text-align:center;
	background:#030;
	position:absolute;
	width:200px;
	height:150px;
	left: 98px;
	top: 170px;
	padding-bottom:20px
}
.footer{text-align:center; background:#060; width:100%; height:50px; position:relative;top:0px; left:0px; color:white}
table tr td{width:20%;}
.footer a{color:white; text-decoration:none}
.footer hover{color:white; text-decoration:line-through}
.footer active{color:white; text-decoration:none}
