/* CSS Document */

/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
#frame {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	height: 660px;
	overflow: visible;
}
#validation {
	position: absolute;
	left: 10px;
	top: 243px;
}

#contentArea {
	position: relative;
	width:800px;
	left:0px;
	top:0px;
	overflow: visible;
	background-color: #FFFFFF;
	height: 100%;
}#logo {
	position: absolute;
	height: 47px;
	width: 197px;
	top: 0px;
	right: 0px;
}
#topNav {
	position: absolute;
	height: 26px;
	width: 482px;
	left: 0px;
	top: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

.topNavBttn {
	background-color: #00446a;
	height: 20px;
	width: 75px;
	position: absolute;
	padding-top: 6px;
	text-align: center;
}
.topNavBttnOver {
	background-color: #860038;
	height: 22px;
	width: 75px;
	position: absolute;
	top:0px;
	padding-top: 6px;
	text-align: center;
}
#subNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	height: 19px;
	width: 775px;
	left: 0px;
	top: 47px;
	background-color:#860038;
	padding-top: 7px;
	padding-left: 25px;
}
#contentLeftTop {
	position: absolute;
	height: 208px;
	width: 477px;
	left: 0px;
	top: 75px;
	background-color: #FFFFFF;
}
#contentLeftTopWide {
	position: absolute;
	height: 208px;
	width: 800px;
	left: 0px;
	top: 75px;
	background-color: #FFFFFF;
}
#contentRightTop {
	position: absolute;
	height: 497px;
	width: 300px;
	left: 479px;
	top: 75px;
	background-color: #FFFFFF;
}
#contentLeftBottom {
	position: absolute;
	height: 270px;
	width: 457px;
	left: 0px;
	top: 282px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: normal;
	padding: 10px;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
}
.subHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: normal;
}
.sideHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #d9cdc0;
	position: relative;
	width: 301px;
	height: 106px;
	padding: 10px;
	margin-bottom: 2px;
}
.sideHeaderTitle {
	position: absolute;
	width: 100px;
}
.sideHeaderDropDown {
	position: absolute;
	width: 188px;
	top: 7px;
	left: 120px;
}
.sideHeaderGo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	width: 30px;
}
.smallTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}
.dropDown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 135px;
	height: 18px;
	font-weight: normal;
}
.sideHeaderDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	position: absolute;
	top: 35px;
	width: 305px;
	background-color: #f6e8da;
	left: 2px;
	height: 76px;
	padding: 6px;
}
#info {
	background-color: #d9e3e9;
	position: relative;
	left: 0px;
	top: 1px;
	width: 307px;
	height: 74px;
	padding: 7px;
	background-image: url(../img/blueEdges1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#infoLg {
	background-color: #d9e3e9;
	position: relative;
	left: 0px;
	top: 1px;
	width: 307px;
	height: 106px;
	padding: 7px;
	background-image: url(../img/blueEdges2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}



a:link, a:visited, a:hover, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}
#conactDetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00446a;
	position: relative;
	width: 455px;
	left: 0px;
	bottom: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
}

a:link {
	color: #336699;
}
a:visited {
	color: #336699;
}
a:hover {
	color: #336699;
	text-decoration: underline;
}
a:active {
	color: #336699;
}

a.nav:link, a.nav:visited, a.nav:hover, a.nav:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
a.nav:link {
	color: #ffffff;
}
a.nav:visited {
	color: #ffffff;
}
a.nav:hover {
	color: #FFFFFF;
}
a.nav:active {
	color: #ffffff;
}

a.subNav:link, a.subNav:visited, a.subNav:hover, a.subNav:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
a.subNav:link {
	color: #ffffff;
}
a.subNav:visited {
	color: #ffffff;
}
a.subNav:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.subNav:active {
	color: #ffffff;
}


a.footerNav:link, a.footerNav:visited, a.footerNav:hover, a.footerNav:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.footerNav:link {
	color: #76bcdc;
}
a.footerNav:visited {
	color: #76bcdc;
}
a.footerNav:hover {
	color: #ffffff;
}
a.footerNav:active {
	color: #76bcdc;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #76BCDC;
	position: absolute;
	height: 17px;
	width: 790px;
	left: 0px;
	top: 577px;
	background-color: #003366;
	padding-top: 4px;
	padding-left: 10px;
}
#copyright {
	position: absolute;
	height: 16px;
	width: 200px;
	left: 10px;
}
#legal {
	position: absolute;
	width: 260px;
	text-align: right;
	left: 508px;
}
#bttnHome{
	left:0px;
	width:58px;
}
#bttnHire{
	left:60px;
	width: 98px;
}
#bttnTours{
	left:160px;
	width: 108px;
}
#bttnExcursions{
	left:270px;
	width: 130px;
}
#bttnContact{
	left:270px;
	width: 78px;
	background-image: url(../img/contactCorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#tagline {
	position: absolute;
	height: 26px;
	width: auto;
	right: 0px;
	top: 0px;
}
#bttnPhone {
	position: relative;
	left: 0px;
	top: 1px;
	height: 63px;
	width: 311px;
	background-image: url(../img/phoneNumber.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
.phoneText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFFFFF;
}
