/* CSS Document */

/*body tags*/

body {
	background-image: url(/HopAround/images/bgimage.jpg);
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-color: #D5ECFF;
	background-repeat: repeat-x;
	background-position: center top;
}
a:link {
	color: #0066FF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #0066FF;
}
a:hover {
	text-decoration: none;
	color: #993300;
}
a:active {
	text-decoration: underline;
	color: #0066FF;
}
#footer {
	background-image: url(/HopAround/images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 5px 10px 10px;
	height: 20px;
	width: 960px;
}
#footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
#footer a:link, #footer a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	text-decoration: none;
	padding: 2px;
	
}
#footer a:hover {
	color: #CC6600;
	text-decoration: none;
}
#mainAreapadding {
	padding: 10px;
}
#sec1 {
	background-image: url(/HopAround/images/sections/a2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#sectionHeader {
	height: 17px;
	width: auto;
	background-image: url(/HopAround/images/sectionheadershortbg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
#sectionBody1 {
	background-image: url(/HopAround/images/sections/a2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#sectionBody2 {
	background-image: url(/HopAround/images/sections/a3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
	height: 1%;
	text-align: left;
}
#sectionBody2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#sectionBody2 h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A85400;
	font-weight: bold;
}
#sectionBody2 h2 {

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#sectionBodynav1 {
	background-image: url(/HopAround/images/sections/b2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#sectionBodynav2 {
	background-image: url(/HopAround/images/sections/b3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#sectionBodynav3 {
	background-image: url(/HopAround/images/sections/b3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#sectionLinks {
	margin: 0px;
	padding: 2px;
	display: block;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	background-image:  url(/HopAround/images/bluelihne.gif);
	font-weight: bold;
	padding: 7px 0px 7px 7px;
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#sectionLinks a:hover{
	background-color: #CC3300;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#sectionHeaderblue {
	height: auto;
	width: auto;
	background-image: url(/HopAround/images/bluesectionheaderbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
#sectionHeadergreen {

	height: 17px;
	width: auto;
	background-image: url(/HopAround/images/greensectionheader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
.indextext {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.smalltext {
	color: #003399;
	font-family: Arial;
	font-size: 7px;
}
.redbold {
	color: #CC0033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.smallbluebold {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.bluebold {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.whitebold {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.greenBtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #94AC5A;
	padding: 2px;
	letter-spacing: 2px;
}
#bookingLinks a:link, #bookingLinks a:visited {
	display: block;
	border-bottom: 1px dotted #999999;
	padding: 3px 0px 2px 5px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border-right-width: 0px;
	background-image: url(/HopAround/images/blackbullet.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#bookingLinks a:hover{
	background-image: url(/HopAround/images/redbullet.jpg);
	text-decoration: underline;
	color: #FF0000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: right center;
}
#sectionHeaderBlue {
	height: 17px;
    width: auto;	
	background-image: url(/HopAround/images/bluesectionheaderbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
#sectionHeaderBlue2 {
	height: 17px;
    width: auto;	
	background-image: url(/HopAround/images/bluesectionheaderbg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
#sectionMainBody1 {
	background-image: url(/HopAround/images/sections/c2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#sectionMainBody2 {
	background-image: url(/HopAround/images/sections/c3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}
#sectionMainBody2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
#sectionMainBody2 h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A85400;
	font-weight: bold;
}
#sectionMainBody2 h2 {

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#sectionMainBody3 {

	background-image: url(/HopAround/images/sections/c3b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}
#sectionMainBody3 p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
#sectionMainBody3 h1 {

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A85400;
	font-weight: bold;
}
#sectionMainBody3 h2 {


	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#sectionMainBody4 {
	background-image: url(/HopAround/images/sections/c3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}
#sectionMainBody4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#sectionMainBody4 h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A85400;
	font-weight: bold;
}
#sectionMainBody4 h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#sectionMainBody5 {
	background-image: url(/HopAround/images/sections/c5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}
#sectionMainBody5 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#sectionMainBody5 h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A85400;
	font-weight: bold;
}
#sectionMainBody5 h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#sectionMainBody6 {
	background-image: url(/HopAround/images/sections/c6.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.darkgrey {
	color: #717673;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#sectionBody23 {
	background-image: url(/HopAround/images/sections/a3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
	padding: 10px;
}
#longsectionheader {
	background-image: url(/HopAround/images/longsectionHeader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	width: 690px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 9px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}
#contentbg1 {
	background-image: url(/HopAround/images/sections/d2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#altside1 {
	background-image: url(/HopAround/images/sections/b2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#contentbg2 {
	background-image: url(/HopAround/images/sections/d3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}
#altside2 {
	background-image: url(/HopAround/images/sections/b3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#compose {
	background-image: url(/HopAround/images/sections/cm1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

	padding: 10px;
}
#tbl5 {
	width: 2%;
}	
#tbl8 {
	width: 10%;
}
#tbl9 {
	width: 9%;
}	
#tbl10 {
	width: 10%;
}	
#tbl15 {
	width: 15%;
}	
#tbl20 {
	width: 13%;
}	
#tbl30 {
	width: 30%;
}	

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #053E9B;
}
.regtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}
.bodytablecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;	
}
.partners {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;	
}

h1 {
        color: #094282;
        font-family: "Times New Roman", Times, serif;
        font-size: 25px;
        font-weight: bold;
}
h2 {
        color: #094282;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #CCCCCC;
        padding-top: 20px;
        margin-top: 50px;
        padding-right: 20px;
}
h3{
        font-size: 24px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #CC6600;
}
h4{
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #CC6600;
}
li {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        padding-bottom: 10px;
}

.pointsHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #789E27;
}
.articleHeader {
        font-size: 24px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #CC6600;
}.articleSubheader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #003399;
}
p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
.tableRowFont {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
.locationAndPoiHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #D17A22;
}
.locationHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #0033CC;
}
.thumbNormal {
border:4px solid #000000;
}
.thumbSelected {
border:4px solid #ff0000;
}
#wrap {
  position:relative;
  top:4px;
  left:4px;
  width:744px;
  margin:0 auto;
  text-align:left;
}
#wrap2 {
  position:relative;
  top:-4px;
  left:-4px;
  padding:10px;
}