/*
CSS for Latest Design Template
of ASRA Web Site
23-11-2009
By: Souvik Mitra, eNoki IT Solutions.
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #263700 url(../images/common/bodyBG.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: navy;
}

a {
    text-decoration: none;
}

a img{
	border: none;
}

/* Page */
#page {
	width: 948px;
	background: #041F00 url(../images/common/pageBG.gif) repeat-x;
	margin: 15px auto;
    margin-bottom: 2px;
    padding-bottom: 5px;
}

#sidePanel {
	width: 348px;
    float: left;
}

#companyText {
    padding: 3px;
}

#panelPics {
	width: 336px;
    margin: 3px;
    margin-left: 5px;
    margin-bottom: 1px;
    border: 3px solid #FFF;
}

#logoScroll {
    width: 250px;
    margin: 0 auto;
}

#contentArea {
	width: 592px;
    float: right;
}

#navigation {
	width: 583px;
	background: #041F00 url(../images/common/menuBack.gif) repeat-x;
    height: 58px;
    margin: 4px 0;
    border-left: 1px solid #273725;
    border-right: 1px solid #273725;
}

#companySlogan {
    width: 564px;
    /*width: 560px;*/
    color: #F9B603;
    text-transform: uppercase;
    text-align: right;
    height: 21px;
    padding: 10px 12px 0px 5px;
    /*padding: 10px 16px 0px 5px;*/
    letter-spacing: 1px;
    font-size: 1em;
    font-weight: bold;
}

#companySloganNew {
    width: 340px;
    /*width: 560px;*/
    color: #F9B603;
    text-align: right;
    text-transform: uppercase;
    padding: 1px 0px 0px 0px;
    /*
    height: 21px;
    padding: 10px 16px 0px 5px;
    letter-spacing: 1px;*/
    font-size: 1em;
    font-weight: bold;
}


/***** MENU *********/


/* set menu style for current page and also on hover*/
#menu li a:hover, 
#home #menu li a.home, 
#about #menu li a.about, 
#pack #menu li a.pack, 
#resources #menu li a.resources, 
#other #menu li a.other, 
#trip #menu li a.trip, 
#gallery #menu li a.gallery, 
#contact #menu li a.contact {
    color:#F2EFB3;
}

#bodyContent {
    width: 574px;
    margin: 6px 0px;
    margin-bottom: 1px;
    border: 5px solid #3C5139;
}

#mainContent {
    width: 567px;
	background: url(../images/otherBodyLogo.jpg) no-repeat bottom left;
    border: 3px solid #FFF;
    min-height: 484px;
    height: auto;
}

/* for Internet Explorer */
/*\*/
* html #mainContent {
    height: 484px;
}
/**/

#home #mainContent {
    width: 568px;
	background: #FFF url(../images/common/bodyLogo.jpg) no-repeat bottom left;
    border: 3px solid #FFF;
}

#otherContent {
	background: #FCFCE0 url(../images/otherContentBG1.jpg) no-repeat top center;
    width: 570px;
}

#homeHead {
    width: 565px;
    height: 153px;
	background: #FFF url(../images/home/homeHead.jpg) no-repeat;
    border: 1px solid #fff;
}

#homeHeadContent {
    font-size: 1.1em;
    width: 450px;
    margin-left: 12px;
    padding-top: 50px;
    /*border: 1px solid #000;*/
    text-align: justify;
}

#homeHeadLinks {
    padding-top: 5px;
    font-size: 1.2em;
    font-weight: bold;
}

#homeHeadLinks a {
    color: #3E75AC;
}

#homeBody {
    min-height: 262px;
    height: auto;
}

/* for Internet Explorer */
/*\*/
* html #homeBody {
    height: 262px;
}
/**/

#otherBody {
    min-height: 417px;
    height: auto;
    text-align: justify;
}

/* for Internet Explorer */
/*\*/
* html #otherBody {
    height: 417px;
}
/**/

#aboutContent {
    font-size: 1.3em;
    padding: 5px;
/*    color: #50524C;*/ 
}

#spclAttraction {
    float: left;
    width: 310px;
}

#attractOne {
    float: left;
    margin: 3px 4px;
    background-color: #E3E4DA;
    width: 137px;
    min-height: 160px;
    height: auto;
    text-align: justify;
    font-size: 1.1em;
    color: #3E75AC; 
    padding: 1px 5px;
}

/* for Internet Explorer */
/*\*/
* html #attractOne {
    height: 160px;
    margin: 3px;
}
/**/

#attractTwo {
    float: left;
    margin: 3px 4px;
    background-color: #E3E4DA;
    width: 137px;
    min-height: 160px;
    height: auto;
    text-align: justify;
    font-size: 1.1em;
    color: #3E75AC; 
    padding: 1px 5px;
}

/* for Internet Explorer */
/*\*/
* html #attractTwo {
    height: 160px;
    margin: 3px;
}
/**/

#attractPic {
    text-align: center;
    margin: 5px 0;
}


#attractPic h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #761A1A;
}
/* for Internet Explorer */
/*\*/
* html #attractPic h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #761A1A;
}
/**/


#moreAttractions {
    margin: 1px;
    border-top: 2px solid #BBBEB4;
    border-bottom: 2px solid #BBBEB4;
    color: #50524C;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding: 3px 0;
}

#moreAttractions a {
    color: #761A1A;
}

#packages {
    float: right;
    margin-right: 1px;
    margin-top: 2px;
}

#packageDetails {
    margin: 2px 0;
    background-color: #E3E4DA;
    width: 242px;
    min-height: 215px;
    height: auto;
    text-align: justify;
    font-size: 1.1em;
    color: #50524C; 
    padding: 0 5px;
}

/* for Internet Explorer */
/*\*/
* html #packageDetails {
    height: 218px;
}
/**/

#attractOne a, #attractTwo a, #packageDetails a {
    color: #761A1A; 
    font-weight: bold;
}

#packagePic {
    padding: 15px 1px 2px 1px;
    text-align: center;
}

#homeFoot {
    padding-left: 70px;
    min-height: 66px;
    height: auto;
}

/* for Internet Explorer */
/*\*/
* html #homeFoot {
    height: 66px;
}
/**/

#pgallery {
    float: left;
    width: 237px;
    margin: 0 1px;
    border-top: 2px solid #BBBEB4;
    border-bottom: 2px solid #BBBEB4;
    color: #50524C;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-align: justify;
    padding: 0px 0;
}

#pgallery a,#pgallery span {
    font-size: 1.1em;
    color: #F93406;
}

#pgallery img {
    margin: 0 7px;
}

#tickets {
    float: left;
	background: #FFF url(../images/home/ticketBG.jpg) no-repeat;
    width: 251px;
    height: 64px;
    margin-top: -2px;
    margin-left: 5px;
}
/* for Internet Explorer */
/*\*/
* html #tickets {
    width: 251px;
    margin-left: 3px;
}
/**/

#ticketContent {
    padding-left: 80px;
    padding-top: 15px;
    font-size: 1.1em;
    color: #031B00;
}

#ticketContent span {
    color: #761A1A;
}

#ticketContent a span {
    font-weight: bold;
}

#footer {
	width: 948px;
	margin: 0 auto;
    padding: 5px 0;
	text-align: center;
}

#footer p {
	margin: 0;
	font-size: 1.1em;
	color: #BA9703;
}

#footer p a{
	color: #BA9703;
	font-size: 0.9em;
    font-weight: bold;
}

/*******************************/
/***** sticky footer ***********/

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
    height: auto !important; 
	height: 100%;
	margin: 0 auto -4em;
}

#footer, #push {
	height: 4em;
}
/***** sticky footer ***********/
/*******************************/


#bodyBottom {
	background: #045074 url(../images/newTemplate/footer2.jpg) repeat-x;
}


/******************/
/** STYLES **/
.firstbigletter {
font-family:Georgia, verdana, sans-serif;
color: #702500;
font-size:1.9em;
font-weight:bold;
font-style: italic;
line-height:80%;
}

h4 {
    font-size: 1.1em;
}

h2 {
	margin: 0.5em 0;
	font-size: 1.2em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #9F0200;
	padding-left: 3px;
    color: #702500;
}

h2 span {
	color: #FE7800;
}

blockquote {
	margin-left: 1em;
	padding-left: .75em;
	border-left: 2px solid #130100;
}

#custom ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#custom li {
	list-style-type: none;
}
#custom li span{
	font-size: 1em;
	/*font-weight: bold;*/
}

h1 {
  clear: both;
  margin: 10px 0;
  padding: 0 1px;
  font: 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #FFA;
  background: #444313;
  font-weight: bold;
}

h1 span {
  display: block;
  padding: 2px;
}

h1.packHeading{
text-transform: none;	
}

h6 {
    font-size: 1.2em;
}

h6 a {
    color: #9F0200;
}

.pngFix {
    behavior: url("images/iepngfix.htc");
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.fl_Left {
	float: left;
	margin-right: 10px;
}

.fl_LeftSpecial
{
	float: left;
	margin-right: 3px;
}
.fl_Rt {
	float: right;
	margin: 4px;
}

/***************************  Contact Us Page **********************/
/* CONTACT STYLES */

input {
  width: 60%;
}

textarea {
  width: 85%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
   */  
  scrollbar-3dlight-color : #DBE0C9;
  scrollbar-arrow-color : #DBE0C9;
  scrollbar-darkshadow-color : #DBE0C9;
  scrollbar-face-color : #DBE0C9;
  scrollbar-highlight-color : #DBE0C9;
  scrollbar-shadow-color : #DBE0C9;
  scrollbar-track-color : #DBE0C9;    
  
}

input,
textarea {
  padding: 1px 3px;
  margin: 3px 0;
  font: 0.9em verdana, arial, sans-serif;
  color: #761A1A;
  background-color: #DBE0C9 /*9D3000*/ /* FBF1C9 65330A*/;
  border: 1px solid #485862;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  padding: 1px 3px;
  margin: 3px 0;
  color: #000;
  background-color: #E3E5DA/*954500*/;
  border: 1px solid #9C7473;
}

select {
  padding: 1px;
  margin: 3px 0;
  font: 0.9em verdana, arial, sans-serif;
  color: #761A1A;
  background-color: #DBE0C9 /*9D3000*/ /* FBF1C9 65330A*/;
  border: 1px solid #485862;
}

select option {
    padding: 0 5px 0 1px;
}

.button {
  width: auto;
  font-weight: bold;
  cursor: pointer;
  border-top: 1px solid #CBD1B4;
  border-right: 1px solid #CBD1B4;
  border-bottom: 1px solid #E4E7D9;
  border-left: 1px solid #E4E7D9;
}

#contactUs, #servicesOverview {
	border: 1px solid #2A3034;
	padding: 8px;
}

#contactHeading {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 0px;
	margin-bottom: 6px;
	width: 90%;
}

#contactMsg {
	/*font: 1em georgia, verdana, sans-serif;*/
    font-size: 1.1em;
	text-align: center;
	font-weight:bold;
	/*text-transform: uppercase;
	color: #E7AA34;*/
	border: 1px solid #E14037;
    margin-top: 3px;
	margin-bottom: 1px;
	width: 90%;
}

.userNm{
	color: #9F0200;
}

.errorMsg{
	color: #9F0200;
}

.captcha {
  width: 30%;
/*  cursor: pointer;*/
}

/*LIVE VALIDATION */
.LV_validation_message{
	font-size: 0.9em;
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.headingDetails a {
    color: #761A1A;
    font-weight: normal;
}

#bookingForm {
    margin-left: 10px;
}

/* TABLE STYLES */
#eventsTable {
	width: 98%;
	padding: 0;
	margin: 0;
}

#eventsTable caption {
	padding: 0 0 5px 10px;
	/*padding-bottom: 20px;*/
	width: 98%;	 
	font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#eventsTable th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 4px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#eventsTable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#eventsTable th.spanCol {
	padding-top: 20px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}


#eventsTable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#eventsTable td.spec {
	font: bold 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff url(../images/bullet1.gif) no-repeat;
}

#eventsTable td.specalt {
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#eventsTable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#eventsTable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable th.noImg {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


#eventsTable th.noImgalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable td.noImgalt {
	background: #f5fafa;
	font: bold 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable th.new {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


#eventsTable th.newalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable th.specNewAlt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable td.noImgaltNew {
	background: #f5fafa;
	/*font: 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color: #797268;
}

#eventsTable th.noImgRegular {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#eventsTable tfoot td {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


#testimonial {
    padding-bottom: 12px;
    background: url(../images/skal1.gif) repeat-x bottom left; 
    margin: 10px 0; 
}

#testimonial blockquote {
	margin-left: 0;
	margin-bottom: 10px;
	border-left: 0px;
   /* background: url(../images/rquote.gif) no-repeat right center;*/
    padding-left: 15px;
    text-indent: -15px;
}

#testimonial blockquote span {
    background: url(../images/rquote.gif) no-repeat right top;
    padding-left: 15px;
}

blockquote:first-letter {
  background: url(../images/lquote.gif) no-repeat left top;
  padding-left: 15px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

#testimonial cite {
    padding-left: 10px;
    color: #761A1A;
}

#pPanel {
    border : solid 1px #000066; 
    border-left: none; 
    border-right:none; 
    background : #f2f2f2; 
    margin: 10px auto; 
    padding:2px; 
    width : 90%; 
}
#pPanel .paginate {
    font-family:  verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
}
#pPanel a.paginate {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000080;
    background: #F1FCE7;
}
#pPanel a.paginate:hover {
    background-color: #D8F4BF;
    color: #000;
    text-decoration: underline;
}
#pPanel a.current {
    border: 1px solid #000080;
    font: bold .85em verdana, Arial,Helvetica,sans-serif;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#D8F4BF;
    color: #000;
    text-decoration: none;
}
#pPanel span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}
