﻿h1
{
	font-size:20pt;
}

.stdButton
{
	width:75px;
	text-align:center;
	
}


.question
{
	/*color:#FF6633;*/
	font-size:medium;
	font-weight:bold;
}
.answer
{
/*	color:#FF6633;*/
}



#homeBanner
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header08.jpg");
    background-repeat:no-repeat;
	 background-color:#FFCC33;
 }

#bannerAdmin
{
    width:800px;
    height:176px;
   background-image: url("../images/BannerSurf.jpg");
    background-repeat:no-repeat;
	 background-color:#FFCC33;
 }


#bannerSurf
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header06.jpg");
    background-repeat:no-repeat;
	 background-color:#FFCC33;
 }

#bannerAccom
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header03.jpg");
    background-repeat:no-repeat;
	 background-color:#FF9933;
 }

#bannerGallery
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header07.jpg");
    background-repeat:no-repeat;
	 background-color:#FF9933;
 }

#bannerTeam
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header02.jpg");
    background-repeat:no-repeat;
	 background-color:#FF6633;
 }


#bannerContent
{
    width:800px;
    height:176px;
   background-image: url("../images/BannerTeam.jpg");
    background-repeat:no-repeat;
	 background-color:#FF6633;
 }

#bannerBook
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header04.jpg");
    background-repeat:no-repeat;
	 background-color:#FF6633;
 }

#bannerContact
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header01.jpg");
    background-repeat:no-repeat;
	 background-color:#FF3333;
 }


#bannerLink
{
    width:800px;
    height:176px;
   background-image: url("../images/SA_Header05.jpg");
    background-repeat:no-repeat;
	 background-color:#FF3333;
 }

.headerText
{
	font-size:80pt;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	padding-top:50px;
	 color:#FF9933; 
	 
}

#bannerAdmin .headerText
{
	font-size:x-large;
}

#menuLinksx
{
	position:relative;
	left:-30px;
	font-weight:bold;
}

.imgArea
{
	/*border:solid 5px #FFCC99;*/
	margin:5px;
}

.listItem
{
	border:solid 1px Gray;
	margin:5px;
}


.linkSection
{
	width:450px;
	padding:5px;
	margin:auto;
}

.linkSection .link
{
	float:left;
	text-align:right;
	width:230px;
}
.linkSection .sectionBreak
{
	width:20px;
	text-align:center;
	float:left;
}
.linkSection .linkDesc
{
	float:left;
	text-align:left;	
	width:170px;
}

/**** forms ***/
.formArea
{
	width:460px;
	margin:auto;
}

.formline
{
	margin:5px auto 5px auto;
}

.formArea .labelArea
{
	width:120px;
	text-align:right;
	padding:5px;
	float:left;
	color:Gray;
	font-weight:bold;
}
.formArea .inputArea
{
	width:320px;
	padding:5px;
	float:left;
}
.formArea .inputArea .subText
{
	color:Gray;
	font-size:x-small;
}
.formArea .formBreaker
{
	height:5px;
	border-bottom:solid 1px Gray;
	
}

/**** end forms ***/



.errorMessage
{
	border:solid 2px Red;
	padding:10px;
	margin:10px	
}
.errorMessage .header
{
	font-weight:bold;
	font-size:medium;
	color:Red;
	padding-bottom:10px;
}


/*********** menu tabs ***********/
#menuLinksXX
{
	width:800px;
	font-weight:bold;
	top:-55px;
	position:relative;

}
#menuLinks
{
	width:800px;
	font-weight:bold;
	top:121px;
	position:absolute;

}

#menuLinks A{color:White; font-weight:bold; text-decoration:none}
#menuLinks A:Link{color:White; font-weight:bold}
#menuLinks A:visited{color:White; font-weight:bold}
#menuLinks A:hover {color:Black; font-weight:bold}
#menuLinks A:active {color:White; font-weight:bold}


.tab1
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu1.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab1Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu1_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
	
}

.tab2
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu2.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab2Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu2_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}

.tab3
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu3.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab3Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu3_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}

.tab4
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu4.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab4Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu4_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}
.tab5
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu5.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab5Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu5_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}
.tab6
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu6.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab6Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu6_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}
.tab7
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu7.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab7Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu7_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}
.tab8
{
    width:100px;
    height:26px;
    background-image: url("../images/tabs/menu8.gif");
    background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	text-align:center;
	line-height:26px;

}
.tab8Select
{
    width:100px;
    height:46px;
    background-image: url("../images/tabs/menu8_select.gif?v=1");
    background-repeat:no-repeat;
	float:left;
	text-align:center;
	line-height:46px;
}

/*********** end menu tabs ***********/


/********* layout Areas *******/
.imageColumn
{
	float:left;
	position:relative;
	width:290px;
	margin-left:5px;
}

.textColumn
{
	float:left;
	position:relative;
	width:485px;
	padding:5px;
	margin-left:5px;
	
	
}

.newsBox
{
	border:solid 1px Gray;
	color:Black;
	margin:10px;
}

.newsBox .header
{
	background-color:Gainsboro;
	font-weight:bold;
	padding:5px;
	 border-bottom:double 3px Gray;
	
}

.newsBox .contents
{
	padding:5px;
	height:200px;
	overflow-y:scroll;
}

.newsBox .newsItem
{
	padding:5px;
	color:DarkSlateGray;	
	border-bottom:dashed 1px Gray;
	margin-bottom:10px
}

.newsBox .newsItem .itemHeader
{
	font-weight:bold;
	color:#FF6633;
	font-size:11pt;
	
}
.newsBox .newsItem .subHeader
{
	color:Orange;
	font-size:9pt;
	padding-bottom:2px;
}


/************ lists **************/
.repeaterRow
{
	border:solid 1px Gray;
	color:DarkSlateGray;
	margin: 5px auto 5px auto;
	width:500px
}

.smallForm .label
{
	float:left;
	text-align:right;
	padding:5px;
	width:100px;
	font-weight:bold;
}
.smallForm .value
{
	float:left;
	text-align:left;
	padding:5px;
	width:100px;
}

.repeaterRow .headerSection
{
	border-bottom:1px solid Gray;
	font-weight:bold;
	padding:5px;
}

.repeaterRow .thumbColumn
{
	width:90px;
	float:left;
	margin:5px;
	padding:5px;
	
}
.repeaterRow .descColumn
{
	float:left;
	padding:5px;
	width:370px;
}

.repeaterRow .itemHeader
{
	font-weight:bold;
	color:#FF6633;
	font-size:11pt;
}

.repeaterRow .subHeader
{
	color:Orange;
	font-size:9pt;
	padding-bottom:5px;
}

/***************** tabs ***************/

#tabs
{
	border-bottom:1px solid Gray;
	padding: 5px 10px 0px 10px;
}

#tabs .tab
{
	border:1px solid Gray;
	 border-bottom-style:none;
	 background-color:Gainsboro;
	 color:DarkSlateGray;
	 padding: 2px 5px 5px 5px;
	 margin-left:1px;
	float:left;
	cursor:pointer;
}

#tabs .selectedtab
{
	border:1px solid Gray;
	 border-bottom-style:none;
	 background-color:DarkSlateGray;
	 color:White;
	 padding: 2px 5px 5px 5px;
	margin-left:1px;
	float:left;
}

#tabs A:Link{text-decoration:none}
#tabs A:Visited{text-decoration:none}
#tabs A:Hover{text-decoration:none}


/******** loading ************/
.loadingSection
{
	padding:10px;
}

.loadingImage
{
    background:  white url("../images/general/loading.gif") no-repeat;
     width:20px;
      height:20px;
      margin:20px;
       margin:auto;
    
}
.loadingMessage
{
    font-weight:bold;
    font-size:small;
    padding:5px;
    text-align:center;
    color:DarkSlateGray;
}

.btnBook
{
	width:100px;
	height:80px;
	background:Transparent url("../images/btnBook.gif") no-repeat;
	cursor:pointer;
	
}
.btnBookSelect
{
	width:100px;
	height:80px;
	background:Transparent url("../images/btnBook_Select.gif") no-repeat;
	cursor:pointer;
}

.btnBlog
{
	width:100px;
	height:80px;
	background:Transparent url("../images/btnBlog.gif") no-repeat;
	cursor:pointer;
	
}
.btnBlogSelect
{
	width:100px;
	height:80px;
	background:Transparent url("../images/btnBlog_Select.gif") no-repeat;
	cursor:pointer;
}



