@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/header.jpg) no-repeat;
	width:100%;
	height:210px;
	position:absolute;
	left: 0px;
}
.ht{
	position:absolute;
	width:388px;
	height:55px;
	top:0px;
	left:558px;
}
.midsection{background:#330000 url(images/midsection.bkgrnd.png) repeat-x; position:absolute; width:959px; top:200px; left:0px; height:auto;}
.navigation{
	background:url(images/nav.bkgrnd.png) 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:black
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: white;
	color: black;
}

ul.nav li:active,
.nav ul li a:active{
	background-color:white;
	color: black;
}

ul.nav,
.nav ul{
	border: 0px 
}

.nav a{
	color:black;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:url(images/pkg.bkgrnd.png) repeat;
	position:absolute;
	width:200px;
	height:150px;
	left: 98px;
	top: 170px;
	padding-bottom:20px
}
.footer{text-align:center; background:url(images/footer.bkgrnd.gif) repeat; 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}