*
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
body
{
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: small;
	color: #333;
	background: #b8a98a url(/Images/Template/page-bg.png) no-repeat center top;
}

code 
{
    font-family: Tahoma;
	font-size: small;
	color: #9a8e00;
    }

img
{
	border: 0;
}
h1
{
	color: #57a84a;
	font-size: 1.8em;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2
{
	color: #57a84a;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 10px;
}

li
{
	margin-left: 20px;
}

.error
{
	color: #DF3737;
	font-weight: bold;
}

.red
{
	color: #DF3737;
}
.success
{
	color: #57A84A;
	font-weight: bold;
}
.listing li
{
	padding: 2px;
}

.vertical-menu li
{
	background-color: #FAF9E2;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
}

.vertical-menu li a:link, .vertical-menu li a:visited
{
	text-decoration: none;
	color: #725F30;
}

.vertical-menu li.on a:link, .vertical-menu li.on a:visited, .vertical-menu li a:hover
{
	color: #96C989;
}

#screen
{
	text-align: center;
}

#page
{
	width: 780px;
	margin: auto;
	text-align: left;
	background: #f2ecd1;
}

#header
{
	width: 770px;
	height: 125px;
	margin: auto;
	text-align: left;
	background: #ebe135 url(/Images/Template/Masthead-bg.gif) repeat-x;
}
#google_translate_element
{
position: relative;
float: left;
padding: -20px -20px
z-index: 4;
margin-left: 101px;
margin-top: -1px;	
}
.headerlogin
{
	width: 300px;
	height: 30px;
	background: url(/Images/Template/login-bg.gif) no-repeat;
	float: right;
	text-align: right;
}

.headerlogin input
{
	margin-right: 8px;
	font-size: 10px;
}

.headerloggedin
{
	width: 300px;
	height: 30px;
	background: url(/Images/Template/loggedin-bg.gif) no-repeat;
	float: right;
	text-align: right;
}

.headerloggedin p
{
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
}

.headerloggedin input
{
	margin-right: 8px;
	font-size: 10px;
}
#footerwrap
{
	clear: both; margin-left:auto; margin-right:auto;
}

#footer
{
	width: 780px;
	height: 80px;
	margin: auto;
	text-align: left;
	background: #f2ecd1 url(/Images/Template/footer-bg.gif) no-repeat bottom;
	clear: both;
	border-top: 1px solid #fff;
}

#footer p
{
	background: url(/Images/Template/footer-panel-bg-2.gif) no-repeat;
	width: 780px;
	height: 67px;
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #000;
}
#footer p a
{
	color: #000;
	text-decoration: none;
}

#content
{
	width: 770px;
	margin: auto;
	text-align: left;
	background: #fff;
	clear: both;
}

#content p
{
	margin-top: 10px;
}


#menu
{
	height: 37px;
	background: #333;
	color: #fff;
}
#menu a
{
	color: #fff;
	float: left;
	margin-top: 9px;
	margin-left: 22px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

#booktab
{
	width: 110px;
	height: 37px;
	background: url(/Images/Template/book-tab-bg.gif) no-repeat;
	text-align: center;
	float: left;
}
#dostufftab
{
	width: 110px;
	height: 37px;
	background: url(/Images/Template/dostuff-tab-bg.gif) no-repeat;
	text-align: center;
	float: left;
}
#dostufftab a
{
	margin-left: 0px;
	float: none;
}

#hero
{
	height: 245px;
}

.bookpanel
{
	width: 220px;
	height: 245px;
	background: url(/Images/Template/bookpanel-bg.jpg);
	color: #fff;
	float: left;
}

.stuffbookpanel
{
	width: 220px;
	height: 245px;
	background: url(/Images/Template/stuff-bookpanel-bg.jpg);
	color: #fff;
	float: left;
}

#BookPopContainer
{
	position: absolute;
	z-index: 10;
}

.bookform
{
	margin: 15px;
	margin-top: 5px;
	font-size: 11px;
}

.bookform input
{
	margin-bottom: 4px;
}

.bookform label
{
	margin: 0px;
	font-size: 12px;
}

.bookform hr
{
	height: 2px;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	border-top: solid 1px #a5ca8d;
	border-bottom: solid 1px #85be6f;
}

.formlabel
{
	display: block;
	float: left;
	width: 180px;
	margin-right: 5px;
}

.regform fieldset { padding:5px;}
.regform legend { padding:5px; font-weight:bold; color:#999;}
.regform strong { color: #57a84a;}
input.calendar {width: 110px; background: url(/images/icons/calendar.png) no-repeat right; border:solid 1px #ccc;}

.formnav { background: #57A84A; text-align:center; clear:both; padding:5px; margin-top:5px;}

.registrationlabel
{
	display: block;
	float: left;
	width: 190px;
	margin-right: 5px;
	margin-left: 5px;
}

.cardtype
{
	float: left;
}

.big { padding:5px;}

table.cardtype label
{
	display: block;
	float: left;
	width: 70px;
}
.cardtype td
{
	background: #f2f2f2;
	border: solid 1px #eee;
	padding: 5px;
}

.activitylabel
{
	display: block;
	float: left;
	width: 500px;
	margin-right: 5px;
	margin-left: 5px;
}

.alignright 
{
	text-align:right;
}

table.memberTransactions 
{
	border-collapse:collapse;
	border: solid 1px #000;
}

table.memberTransactions th
{
	padding: 5px;
	border: solid 1px #000;
	color: #555;
}


table.memberTransactions td
{
	border: solid 1px #000;
	padding: 5px;
	margin:0px;
}

.RegionSearchPanel
{
	width: 540px;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
}

.RegionSearchPanel td
{
	padding-left: 0px;
}



#herowrapper
{
	width: 550px;
	height: 245px;
	color: #fff;
	float: left;
	overflow: hidden;
}
#heropanel
{
	width: 550px;
	height: 245px;
	float: left;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.herocontent
{
	width: 550px;
	height: 245px;
	float: left;
}

#hero1
{
	background: url(/Images/HeroImages/Australia.gif) no-repeat;
}
#hero2
{
	background: url(/Images/HeroImages/Asia.gif) no-repeat;
}
#hero3
{
	background: url(/Images/HeroImages/Europe.gif) no-repeat;
}
#hero4
{
	background: url(/Images/HeroImages/USA.gif) no-repeat;
}
#hero5
{
	background: url(/Images/HeroImages/SouthAmerica.gif) no-repeat;
}
#hero6
{
	background: url(/Images/HeroImages/Africa.gif) no-repeat;
}

#heromenu
{
	top: 210px;
	left: 5px;
	width: 540px;
	height: 30px;
	z-index: 10;
	float: left;
	position: absolute;
	background: transparent url(/Images/Template/hero-menu-bg.png) no-repeat;
}

#heromenu a
{
	color: #fff;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px;
	padding-top: 10px;
	height: 30px;
}

#heromenu a:hover
{
	background: transparent url(/Images/Template/hero-menu-on-bg.png) no-repeat top center;
}

#heromenu a:active
{
	background: transparent url(/Images/Template/hero-menu-on-bg.png) no-repeat top center;
}

#homewelcome
{
	margin: 5px;
	width: 770px;
	height: 158px;
}

#homewelcome p
{
	margin-left: 180px;
	margin-right: 140px;
	margin-top: 15px;
	color: #94795f;
	text-align: center;
}

#homewelcome a
{
	background: #ebe135;
	color: #94795f;
	text-decoration: none;
}

#homecontent
{
	float: left;
}
#homecontent a
{
	background: #ebe135;
	color: #94795f;
	text-decoration: none;
}

.homecontent hr
{
	height: 1px;
	border-top: dotted 1px #999;
}


.homecontent
{
	width: 220px;
	float: left;
	margin: 16px;
}

.homecontent h1
{
	color: #57a84a;
	font-size: 12px;
}

.btn-sml
{
	background: url(/Images/Template/btn-sml-bg.png) no-repeat;
	width: 60px;
	height: 20px;
	color: #333;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

.btn-sml-grey
{
	background: url(/Images/Template/btn-sml-bg-grey.png) no-repeat;
	width: 60px;
	height: 20px;
	color: #333;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

.btn-med
{
	background: url(/Images/Template/btn-med-bg.png) no-repeat;
	width: 80px;
	height: 20px;
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

.btn-lg
{
	background: url(/Images/Template/btn-lg-bg.png) no-repeat;
	width: 100px;
	height: 20px;
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

.btn-lg
{
	background: url(/Images/Template/btn-lg-bg.png) no-repeat;
	width: 100px;
	height: 20px;
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}
.btn-warning
{
	background: url(/Images/Template/btn-red-bg.png) no-repeat;
	width: 100px;
	height: 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

.contenttop
{
	width: 770px;
	height: 8px;
	background: url(/Images/Template/content-top.gif) no-repeat;
}

.maincontent-full
{
	width: 750px;
	float: left;
	margin: 10px;
	margin-top: 5px;
}

.maincontent
{
	width: 550px;
	float: left;
	margin: 10px;
	margin-top: 5px;
}

.sidecontent
{
	width: 180px;
	float: left;
	margin: 10px;
	margin-top: 5px;
}

.sidecontent h2
{
	background: url(/Images/Template/side-heading-bg.gif) no-repeat;
	font-size: 14px;
	color: #8c7c46;
	height: 37px;
	line-height: 37px;
	padding-left: 5px;
	margin: 0px;
}

.sidecontent a
{
	text-decoration: none;
	color: #695a2c;
}

.SidePanel-bg
{
	padding: 10px;
	background: #f5f4da url(/Images/Template/SidePanel-bg.gif) no-repeat bottom;
}

.progressbar
{
	background: url(/Images/Template/progress-bar-bg.gif) no-repeat;
	width: 550px;
	height: 34px;
	text-align: center;
}
.progressbar div
{
	display: block;
	float: left;
	padding: 8px;
	margin-left: 35px;
	text-decoration: none;
	color: #c1b398;
	font-weight: bold;
}

.progressbar div.onClass
{
	color: #000000;
	font-weight: bold;
}

.resultavail
{
	width: 550px;
	background: url(/Images/Template/result-avail-header.gif) no-repeat;
	padding: 3px;
	text-align: center;
	font-size: 11px;
}

.resultavail th
{
	font-size: 11px;
	color: #666;
}

.resulthead
{
	width: 550px;
	height: 34px;
	background: url(/Images/Template/results-header-bg.png) no-repeat;
	padding-left: 20px;
}

.resulthead a
{
	color: #57a84a;
	text-decoration: none;
}

.resultmid
{
	width: 550px;
	background: url(/Images/Template/results-mid-bg.png) repeat-y;
	padding-left: 5px;
}

.resultfoot
{
	width: 550px;
	height: 16px;
	background: url(/Images/Template/results-footer-bg.png) no-repeat;
}

.resultinnerhead
{
	width: 300px;
	background: url(/Images/Template/results-inner-head.png) no-repeat;
	padding-left: 5px;
	margin-left: 10px;
}

.resultinnermid
{
	width: 300px;
	background: url(/Images/Template/results-inner-mid.png) repeat-y;
	padding-left: 5px;
}

.resultinnerfoot
{
	width: 300px;
	height: 13px;
	background: url(/Images/Template/results-inner-foot.png) no-repeat;
	margin-left: 10px;
}

.img-shadow
{
	float: left;
	background: url(/Images/Template/shadow.png) no-repeat bottom right !important;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.img-shadow img
{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #fff;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}

/* Display Image Shadow */
.alpha-shadow
{
	float: left;
	background: url(/Images/Template/shadow.gif) no-repeat bottom right;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
}

.alpha-shadow div
{
	background: url(/Images/Template/shadow2.png) no-repeat left top !important;
	background: url(/Images/Template/shadow2.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

.alpha-shadow img
{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 4px;
}

.ImageNavPanel
{
	width: 200px;
	height: 22px;
	background: #000 url(/Images/Template/Image-Nav-bg.gif) no-repeat;
	text-align: center;
	padding-top: 3px;
	color: #fff;
	float: right;
	margin-right: 5px;
	font-size: 11px;
}

.ImageNavPanel a
{
	color: #f5e61b;
	text-decoration: none;
}


#SearchSummary
{
	width: 550px;
	height: 34px;
	background: url(/Images/Template/search-summary-bg.gif) no-repeat;
	color: #57a84a;
}
#SearchSummary p
{
	margin-top: 8px;
	margin-left: 10px;
}

.SearchSummary
{
	width: 550px;
	height: 34px;
	background: url(/Images/Template/search-summary-bg.gif) no-repeat;
	color: #57a84a;
}
.SearchSummary p
{
	margin-top: 8px;
	margin-left: 10px;
}

#SearchPanelHeader
{
	width: 550px;
	height: 22px;
	background: url(/Images/Template/search-top-bg.gif) no-repeat;
}

.SearchPanelHeader
{
	width: 550px;
	height: 22px;
	background: url(/Images/Template/search-top-bg.gif) no-repeat;
}

#SearchPanelHeader a
{
	margin-top: 12px;
	margin-left: 25px;
	color: #fff;
	text-decoration: none;
}

.SearchPanelHeader a
{
	margin-top: 12px;
	margin-left: 25px;
	color: #fff;
	text-decoration: none;
}

.SearchPanelMid
{
	width: 550px;
	background: #58a949;
}

#SearchPanelFooter
{
	width: 550px;
	height: 9px;
	background: url(/Images/Template/search-bottom-bg.gif) no-repeat;
}
.SearchPanelFooter
{
	width: 550px;
	height: 9px;
	background: url(/Images/Template/search-bottom-bg.gif) no-repeat;
}

#GreenBar
{
	width: 550px;
	height: 34px;
	background: #58a949 url(/Images/Template/green-bar-bg.gif) no-repeat;
	color: #fff;
	text-align: right;
}
#HostelBookBar
{
	width: 550px;
	height: 34px;
	background: #58a949 url(/Images/Template/book-bar-bg.gif) no-repeat;
	color: #fff;
	text-align: right;
}
#ProductBookBar
{
	width: 550px;
	height: 34px;
	background: #58a949 url(/Images/Template/book-product-bar-bg.gif) no-repeat;
	color: #fff;
	text-align: right;
}

.RecieptDisplay
{
	border-collapse: separate;
	background: #f2f2f2;
}

.RecieptDisplay th
{
	color: #57a84a;
	font-weight: bold;
	text-align: left;
	border-bottom: dotted 1px #999;
	padding: 5px;
}

.RecieptDisplay td
{
	border-bottom: dotted 1px #999;
}

.Warning
{
	padding: 5px;
	padding-left: 25px;
	color: #C00;
	background: #FBF2C3 url(/Admin/Images/Icons/error_bg.gif) left no-repeat;
}

.Success
{
	padding: 5px;
	padding-left: 25px;
	color: #090;
	background: #D3FFDD url(/Admin/Images/Icons/tick_bg.gif) left no-repeat;
}

.BookOptions
{
	width: 400px;
	height: 34px;
	background: url(/Images/Template/book-options-bg.gif) no-repeat;
}

.BookOptionBtn
{
	float: left;
	margin: 3px;
	margin-top: 8px;
}
.BookOptionBtn a
{
	text-decoration: none;
	color: #333;
	margin-left: 3px;
}

.HrefNoStyle
{
	text-decoration: none;
	color: #000;
}

.right
{
	float: right;
}
.left
{
	float: left;
}

/* Main Menu Items (black bar) */
#maintab
{
	width: 550px;
	height: 37px;
	background: url(/Images/Template/main-tab-bg.gif) no-repeat;
	float: left;
}

#maintab a
{
	color: #ebe135;
	margin: 0px;
	padding: 0px;
	float: none;
}

#nav, #nav ul
{
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 20;
}
#nav
{
	margin-top: 12px;
	margin-left: 15px;
}
#nav a
{
	display: block;
	height: 24px;
}

#nav li
{
	/* all list items */
	float: left;
	width: 110px; /* width needed or else Opera goes nuts */
	margin: 0;
}

#nav li ul
{
	/* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom: 20px;
	background: url(/Images/Template/menu-tab-footer.gif) no-repeat bottom;
}

#nav li:hover ul, #nav li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
}

#nav li ul li
{
	border-top: solid 1px #000;
	width: 160px;
	background: #333;
}

#nav li ul li a
{
	padding: 5px;
	height: 20px;
}
#nav li ul li a:hover
{
	background: #444;
}


.tiny
{
	width: 50px;
}
.small
{
	width: 150px;
}
.medium
{
	width: 300px;
}
.large
{
	width: 400px;
}

textarea
{
	width: 300px;
	height: 100px;
}

textarea .large
{
	width: 400px;
	height: 100px;
}


/* Membership pages */
.terms
{
	color: #999; font-size:10px;
}

#member-results .resulthead
{
	width: 650px;
	height: 34px;
	background: url(/Images/Template/member-results-header-bg.png) no-repeat;
	padding-left: 20px;
}

#member-results .resultmid
{
	width: 650px;
	background: url(/Images/Template/member-results-mid-bg.png) repeat-y;
	padding-left: 5px;
}

#member-results .resultfoot
{
	width: 650px;
	height: 16px;
	background: url(/Images/Template/member-results-footer-bg.png) no-repeat;
}

.newmembers-header
{
	width: 300px;
	height:20px;
	float:right;
}
.newmembers-header a
{
	color: #000;
}
.cardlogin
{
	width: 350px; height:250px; background: url(/images/template/card-login-bg.gif) no-repeat; text-align:center; clear:both;
}
.cardlogininput
{
	border:#000 1px solid; margin-top: 172px; margin-left:60px;
}

.data {}
.data th { text-align:center; background: #000; color:#fff; padding:2px;}
.data tr {}
.data tr.alt { background: #eec;}
.data td {}

.headbanner {height:75px; width:400px; overflow:hidden; float:right;}
ul#banner { list-style-type:none; height:75px; overflow:hidden; float:left; margin:0px; padding:0px;}
ul#banner li { list-style-type:none; display:block; width: 360px; height:75px; margin:0px; padding:0px;}

.lightgreytable { border:dotted 1px #ccc; background: #eee;}
.lightgreytable td { border: #ddd solid 1px; padding:3px;}
.lightgreytable th { border: #ddd solid 1px; padding:3px; text-align:center; background: #777; color: #fff;}