/*	
	Copyright 2008 - Lateral Line Creative Services
	Author: Stephen Davidson
	www.deer-park.co.uk Main CSS
	Revision: 1.0 11/01/2008
*/

/****** Contents 

1. General
2. Main Menu
3. Typography
4. Main Layout
5. Flash
6. Buttons
7. Tables
8. Sub Menu Styles
9. Calendar Styles
10. Modal PopUp Styles
11. Link Styles
12. Admin Styles

******/

/******   1. General   ******/

body {
	padding: 0px;
	margin: 0px;
}

* {
	padding:0;
	margin:0;
	
}
.alert
{
	color: red;
}


.fixPNG 
{
	behavior: url(iepngfix.htc);
}
.fixPNGhspace
{
	behavior: url(iepngfix.htc);
	margin-left: 8px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
.hide {
	position:absolute;
	left:-5000px;
}
.imgleft {
	float: left;
}
.imgright {
	float: right;
}

.margin-left
{
	margin-left: 5px;
}

.imgright2
{
	float: right;
	margin-right: 10px;
}
.imgOfferRight
{
	float: right;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: white;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
.imgPageTitle
{
	behavior: url(iepngfix.htc);
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	top: 0px;
	
}
.imgPageTitle2
{
	behavior: url(iepngfix.htc);
	margin-bottom: 10px;

}

.small
{
	font-size: 8px;
	color: gray;
}
.btnGallery
{
	background-image: url(btnBg.jpg);
	width: 56px;
	background-repeat: no-repeat;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	font-weight: bold;
	color: white;
	font-family: Georgia;
	font-size: 10px;
	padding-bottom: 2px;
	cursor: hand;
}

.imgGalleryThumb
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	margin-right: auto;
	margin-left: auto;
}
.imgrightBorder
{
	float: right;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding-bottom: 20px;
}

.imgrightfixPng {
	float: right;
	behavior: url(iepngfix.htc);
}

#imgWrapper
{
	width: 200px;
	float: right;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	margin-right: 8px;
}
#imgWrapper .imgctrIcon
{
	behavior: url(iepngfix.htc);
	float: right;
	margin-right: 5px;
}

#imgCaption
{
	width: 194px;
	color: white;
	height: 34px;
	background-color: #6699ff;
	padding-left: 6px;
	padding-top: 6px;
	background-image: url(captionBg.jpg);
	background-repeat: repeat-x;
}

#imgWrapperPortrait
{
	width: 150px;
	float: right;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	margin-right: 8px;
}
#imgWrapperPortrait .imgctrIcon
{
	behavior: url(iepngfix.htc);
	float: right;
	margin-right: 5px;
}

#imgCaptionPortrait
{
	color: white;
	height: 34px;
	background-color: #003300;
	padding-left: 6px;
	padding-top: 6px;
	background-image: url(App_Themes/Default/captionBg.jpg);
	background-repeat: repeat-x;
}

.imgWrapperLanscape
{
	background-color: #FFFFFF;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flashvideo
{
	
	width: 480px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.flashvideoGolf
{
	
	
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.flashvideoTenPin
{
	
	width: 400px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.flashvideohp
{
	
	width: 740px;
	height: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}
.flashvideohp .btn
{
	margin-bottom: 3px;
}


.flashvideoFrame
{
	
	width: 330px;
	height: 270px;
	z-index: 0;
}

.flashvideohpText
{
	
	width: 400px;
	float: right;
	text-align: right;
}

#rightcol .flashvideohpText h3
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: medium;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}

#rightcolbtm .flashvideohpText p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: right;
}

#headercap
{
	background-image: url(headercap.png);
	height: 14px;
	width: 988px;
	position: relative;
	background-color: #FFFFFF;

}
#sitewrapper {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	behavior: url(iepngfix.htc);
	background-image: url(wrapperbg.png);
	background-repeat: repeat;
}
#header {
	background-image: url(headerbg.jpg);
	height: 130px;
	width: 980px;
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}
#sitewrapper #header #logoswrapper {
	height: 95px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#contentwrapper
{
	background-image: url(homecontentbg.jpg);
	width: 980px;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-bottom: 20px;
	
}
#footercap {
	behavior: url(iepngfix.htc);
	background-image: url(footercap.png);
	height: 12px;
	width: 988px;
	position: relative;
	background-color: #FFFFFF;
}
#sitewrapper #header .headerembosslogo {
	float: right;
	right: 30px;
	position: relative;
}
#sitewrapper #header .headerlogo {
	float: left;
	top: 13px;
	position: relative;
	left: 14px;
}
#sitewrapper #contentwrapper #maincontent #leftcol .formtxt
{
	color: #003300;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 10px;
	border-right: green 1px solid;
	border-top: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 1px solid;
}
#sitewrapper #contentwrapper #maincontent .formtxt
{
	color: #003300;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 10px;
	border-right: green 1px solid;
	border-top: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 1px solid;
}
#sitewrapper #contentwrapper #maincontent .formcbo {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #006600;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

#sitewrapper #header .headertitletext {
	float: left;
	top: 26px;
	left: 30px;
	clear: none;
	position: relative;
}

#sitewrapper #contentwrapper #maincontent #leftcol .formcbo {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #006600;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}



#menuicons a.icon, #menuicons a.icon:visited
{
	background-repeat: no-repeat;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}
#menuicons a.icon:hover {
	color: #FFCC00;
	font-size: 10px;

}
#sitewrapper #contentwrapper #breadcrumbs
{
	height: 30px;
	width: 560px;
	position: relative;
	left: 10px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 79%;
	color: #333333;
	
}

#contactMap
{
	width: 500px;
	height: 320px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	background-color: white;
	margin-top: 10px;
	float: right;
	margin-right: 10px;
}



/******   2. Main Menu   ******/


#sitewrapper #header #menuholder {
	height: 31px;
	width: 980px;
	float: none;
	position: relative;
	left: 0px;
	background-image: url(menubg.jpg);
	background-repeat: repeat-x;
}


#sitewrapper #header #menu
{
	height: 24px;
	width: 950px;
	float: left;
	position: relative;
	left: 10px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 11px;
	text-transform: uppercase;
	top: 4px;
	color: #FFCC00;
	
	letter-spacing: -.05em;
}

#sitewrapper #header #menu a.nav, #sitewrapper #header #menu a.nav:link, #sitewrapper #header #menu a.nav:visited {
	display:block;
	height:25px;
	float: left;
	padding-right: 7px;
	padding-left: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-decoration: none;
	color: #FFCC00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 25px;
}

#sitewrapper #header #menu a.last, #sitewrapper #header #menu a.last:link, #sitewrapper #header #menu a.last:visited {
	display:block;
	height:25px;
	float: left;
	padding-right: 7px;
	padding-left: 7px;
	
	text-decoration: none;
	color: #FFCC00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 25px;
}


#sitewrapper #header #menu a.nav:hover {
	color: #FFFFFF;
	background-color: #003300;	
}
#sitewrapper #header #menu a.last:hover {
	color: #FFFFFF;
	background-color: #003300;	
}



#sitewrapper #header #menuicons a:hover {
	background-image: url(printbg.png);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-table;
	text-decoration: none;
}

/******   4. Main Layout   ******/

#maincontent
{
	width: 960px;
	/******height: 580px;******/
	margin-left: 10px;
	top: 10px;
	background-image: url(maincontentbg.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	padding-top: 0px;
}




html>body #maincontent {
	height: auto;
	min-height:580px;
	
}
#hpmaincontent {
	width: 960px;
	min-height: 580px;
	margin-left: 10px;
	position: relative;
	top: 10px;
	background-image: url(maincontentbg.gif);
	background-repeat: repeat-y;
	
}
#sitewrapper #contentwrapper #maincontent #rightcoltop
{
	
	height: 270px;
	width: 760px;
	background-color: #FAE8C0;
	position: relative;
	
}


#leftcol {
	width: 180px;
	position: relative;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	padding-top: 0px;
}
#sitewrapper #contentwrapper #maincontent #rightcol #flashwrapper
{
	border: 1px solid #66FF99;
	padding: 0px;
	height: 260px;
	width: 500px;
	z-index: 0;
	position: relative;
}

html > body #rightcol
{
	margin: -1px 0px 0px 0px;
	padding: 0px;
}


#rightcol
{
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 89%;
	top: 0px;
	
}


/**** This is the template col ***/

html > body #rightcol2
{

	margin-top: -1px;

}

#rightcol2
{
	width: 760px;
	float: right;
	font-family: Georgia;
	font-size: 69%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 8px;
}
#maincontent #rightcol2 table
{
	margin-left: 10px;
}
#maincontent #rightcol2 table .header
{
	background-color: #BAC9BE;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}
#maincontent #rightcol2 table .maincells
{
	background-color: white;
	padding-right: 2px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#maincontent #rightcol2 table .ladies
{
	background-color: white;
	padding-right: 2px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: blue;
}
#maincontent #rightcol2 table .mixed
{
	background-color: white;
	padding-right: 2px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: red;
}


#maincontent #rightcol2 table .key
{
	background-color: white;
	padding-right: 2px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#maincontent #rightcol2 table .none
{
	margin-left: 0px;
}

#rightcol2 h1
{
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 137%;
	margin-left: 10px;
}
#rightcol2 h2
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 112%;
	margin-left: 10px;
	text-transform: uppercase;
}

#rightcol2 h3
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 99%;
	margin-left: 10px;
	text-transform: uppercase;
}

#rightcol2 h4
{
	font-size: 140%;
	text-transform: uppercase;
	color: white;
	background-color: #003300;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	margin: 0px 0px 0px 10px;
	width: 654px;
}
#rightcol2 p
{
	font-size: 110%;
	margin: 5px 15px 10px 10px;
}
#rightcol2 ul
{
	margin-left: 30px;
	margin-right: 15px;
}

#rightcol2 ol
{
	margin-left: 30px;
	margin-right: 15px;
}

#rightcol2 li
{
	margin-top: 2px;
	margin-bottom: 2px;
}



#rightcol2 hr
{
	width: 95%;
	height: 1px;
	color: gray;
	margin-left: 10px;
}


hr
{
	width: 98%;
	height: 1px;
	color: gray;
}



#rightcol2 hr
{
	width: 95%;
	height: 1px;
	color: gray;
	margin-left: 10px;
}


hr
{
	width: 98%;
	height: 1px;
	color: gray;
}



#sitewrapper #contentwrapper #maincontent #rightcol #hptabs
{
	height: 260px;
	width: 250px;
	float: right;
	background-image: url(leftcolBg.gif);
	z-index: 1;
}

#sitewrapper #contentwrapper #maincontent #rightcol #hptabs h1
{
	font-size: 10px;
	text-transform: uppercase;
	color: #003333;
	font-family: Georgia;
	margin: 0px 0px 5px;
}
#sitewrapper #contentwrapper #maincontent #rightcol #hptabs h3
{
	font-size: 10px;
	text-transform: uppercase;
	color: #003333;
	font-family: Georgia;
	margin: 0px 0px 3px 0px;
}

#sitewrapper #contentwrapper #maincontent #rightcol #hptabs p
{
	font-size: 9px;
	color: black;
	font-family: Georgia;
	margin: 0px;
	line-height: 12px;
}
#sitewrapper #contentwrapper #maincontent #rightcol #hptabs a, #sitewrapper #contentwrapper #maincontent #rightcol #hptabs a:visited
{
	color: #00cc33;
	text-decoration: none;
}
#sitewrapper #contentwrapper #maincontent #rightcol #hptabs a:hover
{
	color: #006600;
}

#sitewrapper #contentwrapper #maincontent #rightcolbtm {
	min-height: 550px;
	width: 760px;
	background-image: url(rightcolBg.gif);
	background-repeat: repeat;
	
}
#sitewrapper #contentwrapper #maincontent .flipbook
{
	width: 760px;
	background-repeat: repeat;
	margin-left: 15px;
	margin-top: 15px;
}

#sitewrapper #contentwrapper #maincontent #rightcolbtm p
{
	padding: 0px;
	margin: 0px 10px 0px 10px;
	font-size: 9px;
	line-height: 12px;
}
#sitewrapper #contentwrapper #maincontent #rightcolbtm h1
{
	padding-right: 10px;
	padding-left: 5px;
	
	padding-top: 140px;
	font-size: 11px;
}
#sitewrapper #contentwrapper #maincontent #rightcolbtm h2
{
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 140px;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #wedding {
	height: 298px;
	width: 248px;
	background-image: url(../images/hppromoted/wedding.jpg);
	float: left;
	background-repeat: no-repeat;
	position: relative;
	left: 10px;
	top: 5px;
}
#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #wedding p {
	padding: 0px 10px 10px 5px;
	color: #0099FF;
}


#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #bowling {
	height: 298px;
	width: 248px;
	background-image: url(../images/hppromoted/10pinbowling.jpg);
	float: left;
	
	background-repeat: no-repeat;
	position: relative;
	left: 12px;
	top: 5px;
	
}
#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #bowling p {
	padding: 0px 10px 10px 5px;
	color: #660033;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #fitness {
	height: 298px;
	width: 248px;
	background-image: url(../images/hppromoted/healthfitness.jpg);
	float: left;
	
	background-repeat: no-repeat;
	position: relative;
	left: 12px;
	top: 5px;
	
}
#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #fitness p
{
	padding: 0px 10px 10px 5px;
	color: #000066;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #masters {
	height: 298px;
	width: 248px;
	background-image: url('../images/hppromoted/masters.jpg');
	float: left;
	background-repeat: no-repeat;
	position: relative;
	left: 10px;
	top: 5px;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #masters p
{
	color: #003300;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 10px;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #mixedclassic {
	height: 298px;
	width: 248px;
	background-image: url('../images/hppromoted/classics.jpg');
	float: left;
	background-repeat: no-repeat;
	position: relative;
	left: 10px;
	top: 5px;
}

#sitewrapper #contentwrapper #maincontent #rightcol #rightcolbtm #mixedclassic p
{
	color: #003300;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 10px;
}

#sitewrapper #contentwrapper #maincontent #rightcolbtm #masters h2
{
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#footer
{
	height: 40px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	top: 10px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#footer .legals {
	height: 30px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
#sitewrapper #contentwrapper #maincontent #leftcol h1 {
	font-size: small;
	font-weight: bold;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 5px 0px 7px;
}
#menuicons
{
	height: 31px;
	width: 360px;
	float: right;
	position: relative;
	right: 10px;
	top: 6px;
	text-align: right;
	
}

#menuicons #print
{
	height: 14px;
	width: 72px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	behavior: url(iepngfix.htc);
	background-image: url(printbg.png);
	float: left;
	background-repeat: no-repeat;
	margin-top: 3px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
}
#menuicons #mail
{
	height: 14px;
	width: 82px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	behavior: url(iepngfix.htc);
	background-image: url(emilbg.png);
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	float: left;
	margin-left: 5px;
	background-repeat: no-repeat;
	margin-top: 3px;
}
#menuicons #fav
{
	height: 14px;
	width: 75px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	behavior: url(iepngfix.htc);
	background-image: url(printbg.png);
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	float: left;
	margin-left: 5px;
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 5px;
}
#footer #legals {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
}
#textmenu {
	width: 840px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	position: relative;
	top: 20px;
}


#textmenu a, #textmenu a:visited
{
	color: #006600;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006600;
	text-transform: lowercase;
}
#textmenu a:hover
{
	color: white;
	background-color: #006633;

}

#textmenu a.last, #textmenu a.last:visited {
	border:none;

}

#weddingFooter
{
	text-align: center;
	
}
/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.HeaderStyle a, .HeaderStyle a:visited
{
    color: White;
}

.FooterStyle
{
    background-color: #a33;
    color: White;
    text-align: right;
}

.AlternatingRowStyle
{
	background-color: #ccff99;
}

.RowStyle
{
}

.SelectedRowStyle
{
    background-color: Yellow;
}

.PagerRowStyle
{
    background-color: #ddd;
    text-align: right;
}

.SortHeaderRowStyle
{
    background-color: #c00;
    text-align: left;
    font-weight: bold;
    color: White;
}


/******   7.  Sub Menu Styles   ******/

#Submenu
{
	width: 180px;
	font-family: Georgia;
}

#Submenu a, #Submenu a:visited
{
	color: black;
	text-transform: uppercase;
	display: block;
	text-align: right;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-decoration: none;
	background-color: lemonchiffon;
	margin-top: 2px;
	margin-bottom: 2px;
	border-right: palegoldenrod 1px solid;
	border-top: palegoldenrod 1px solid;
	border-left: palegoldenrod 1px solid;
	border-bottom: palegoldenrod 1px solid;
}

#Submenu a:hover
{
	color: black;
	background-color: #ffff61;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background-image: url(submenu.jpg);
	background-repeat: repeat-x;
} 

/******  9. Calendar Styles   ******/

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: darkgreen;
	color: white;
}
.MyCalendar .ajax__calendar_header {}

/******   10. Modal Popup Styles   ******/

.watermark {
	background: #FFAAFF;
}

.popupControl
{
	position: absolute;
	visibility: hidden;
	color: #FFFFFF;
	background-image: url(panQuickLoginContentBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: 2px solid #333333;
	font-size: 11px;
}
.popupControlHover
{
	cursor: hand;
}

.modalBackground
{
	background-color: darkgreen;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.modalPopup
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	font-weight: bold;
	font-size: 14px;
	color: dimgray;
	text-align: center;
	padding: 5px;
	width: 600px;
	height: 500px;
}


.modalBackgroundMember
{
	background-color: #333333;
	filter: alpha(opacity=90);
	opacity: 0.9;
}


.modalPopupMember
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	font-weight: bold;
	font-size: 14px;
	color: dimgray;
	
	padding: 5px;
	width: 740px;
	height: 300px;
}



.lrgImageContainer
{
	border: 1px solid #999999;
	padding: 2px;
	background-color: #FFFFFF;
	width: 560px;
	max-height: 390px;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.lrgImageInnerContainer
{
	width: 560px;
	overflow: hidden;
	max-height: 390px;
	vertical-align: text-bottom;
	text-align: center;
}

/******   11. Link Styles  ******/
a, a:visited
{
	color: #000099;
}
a:hover
{
	color: #3366ff;
}

#wedding a, #wedding a:visited
{
	color: #000099;
}
#wedding a:hover
{
	color: #3366ff;
}
#bowling a, #bowling a:visited
{
	color: #990099;
}
#bowling a:hover
{
	color: #cc0099;
}

#masters a, #masters a:visited
{
	color: #003300;
}
#masters a:hover
{
	color: #009900;
}


/******   12. Admin Styles   ******/

#maincontentAdmin
{
	width: 960px;

	margin-left: 10px;
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 20px;
}

#maincontentAdmin .formTF 
{
	color: #003300;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 9px;
	border-right: green 1px solid;
	border-top: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 1px solid;
	}

#maincontentAdmin .formTA 
{
		color: #003300;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 9px;
	border-right: green 1px solid;
	border-top: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 1px solid;
	}

#maincontentAdmin .formCBO 
{
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #006600;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}

#maincontentAdmin .formBtn {}

#maincontentAdmin h1 {}

#maincontentAdmin p {}

/************* Accordian Charity styles ****************/

.accVideo
{
	margin-left: 15px;
}

.accVideo .logo
{
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}

.accContent
{
	width: 690px;

	padding-bottom: 10px;
	margin-right: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

#rightcol2 .accContent p 
{
	font-size: x-small;
	line-height: 16px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
#rightcol2 p
{
	margin: 5px 10px 5px 15px;
	line-height: 17px;
	font-size: 14px;
}

.accHeader
{
	background-image: url(accVideoBg.jpg);
	width: 700px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 24px;
	cursor: pointer;
}

.accHeader a
{
	color: #FF9933;
	text-decoration: none;
}
.accHeader a:hover
{
	color: #FFCC66;
}


#rightcol2 .accHeader h3
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 2px;

	
}

.accSelHeader
{
	background-image: url(accCharityBgSelected.png);
	width: 700px;
	background-repeat: no-repeat;
	height: 24px;
	
}

.accSelHeader a
{
	color: white;
	text-decoration: none;
	
}


.accSelHeader a:hover
{
	color: #CCCCCC;
}

#rightcol2  .accSelHeader h3
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 2px;
}

.accContent .eventImage
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	float: left;
	margin-right: 4px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 5px;
}

.accContent .eventImageInner 
{
	width: 175px;
	background-color: white;
	overflow: hidden;
	height: 120px;
	}


#OffersThumbWrapper
{
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: right;
}

.galleryThumb
{
	cursor:pointer;cursor:hand
}

.imgContainer
{
	width: 120px;
	height: 90px;
	overflow: hidden;
	padding: 2px;
	background-color: #006600;
	margin-right: 10px;
	margin-bottom: 10px;
}

.porca_logo
{
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 10px;
}

#maincontent #rightcol2 .skmtable
{
	padding: 0px;
	margin-left: 0px;
	margin-top: 3px;
	
}

#maincontent #rightcol2 .skmtable img
{
	padding: 3px;
	background-color: #FFFFFF;
}

.hrRule
{
	border-style: solid none none none;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-color: #333333;
}


/***********************************************/
/* CSS Table						                  */
/***********************************************/

#mytable
{
	width: 700px;
	padding: 0;
	margin: 0;
	
}

#mytable caption
{
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 12px 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
}

#mytable th
{
	background-position: #003300 url(bg_header.jpg) no-repeat;
	font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	padding: 6px 6px 6px 12px;
	background: #003300 url(bg_header.jpg) no-repeat;
	border: 1px solid #333333;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}



#mytable td 
{
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#mytable td h2
{
	margin: 0px;
	padding: 0px;
	font: normal 13px 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#mytable td .terms
{
	font-size: 9px;
}

#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.ErrorText{
    color:#FF0000;
}

#rotator {}


.itemTemplate
{
	
	background: #FFFFFF;
	width: 510px; /* 2 pixels fro the borders */
	height: 270px;
	position: relative;
	

}

#rotator ul
{
	margin-left: 0px;
	margin-right: 0px;
}

#wedding_gallery
{
	margin: 10px 15px 20px 15px;
}

#wedding_gallery .thumb
{
	background-color: #FFFFFF;
	padding: 2px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen {

  .sIFR-active #maincontent #rightcol2 h1.tpserp
	{
		
		visibility: hidden;
	}
	
	.sIFR-active h2
	
	  {
		visibility: hidden;

	}
	

}



/***********************************************/
/* sIFR text replacement End                 */
/***********************************************/


#breakfastmenu, #buffetmenu
{
	padding: 10px 5px 10px 5px;
	text-align: center;
	background-color: #99CCFF;
	font-size: medium;
	font-family: 'Times New Roman' , Times, serif;
}

#breakfastmenu h2, #buffetmenu h2
{
	margin-bottom: 15px;
	margin-top: 15px;
}


/************* CSS Form  ****************/



.dpform
{
	font-size: 1em;
	
}

.val_error
{
	margin-left: 200px;
}

.dpform fieldset
{
	margin: 15px 25px 15px 10px;
	border: 1px dashed #999999;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.dpform legend
{
	padding: 10px;
	color: #CC0000;
	font-size: 1.4em;
	font-weight: bold;
}

.dpform p
{
	width: 650px;
	clear: left;
	margin: 0;
	padding: 5px 0 4px 40px; /*width of left column containing the label elements*/
	height: 1%;

}

.dpform label
{
	font-weight: bold;
	float: left;
	text-align: right;
	margin-left: -10px; /*width of left column*/
	width: 200px;
	margin-right: 6px;

}


.dpform .formsmall
{
	font-size: x-small;
	display: block;
}

.dpform .error
{
	font-size: x-small;
}

.dpform .erroralign
{
	font-size: small;
	clear: left;
	margin: 0;
	padding: 5px 0 5px 200px; /*width of left column containing the label elements*/
	display: block;
	
}

.dpform .erroralignpopup
{
	font-size: x-small;
	margin-left: 200px;
}


.dpform .help
{
	font-size: x-small;
	clear: left;
	margin: 0;
	padding: 0px 0 0px 200px; /*width of left column containing the label elements*/
	display: block;
	
}

.dpform input[type="text"]
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	padding: 2px;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-right: #dddddd 1px solid;
	border-color: #CCCCCC;
}

.dpform input[type="text"]:focus
{
	background-position: bottom;
	border: 1px solid #336600;
	background-color: #FFFFFF;
}



.dpform input[type="password"]
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	padding: 2px;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-right: #dddddd 1px solid;
	border-color: #CCCCCC;
}

.dpform .chkStyle1
{

	
}

.dpform .chkStyle1 input
{
	margin-left: 5px;
	margin-top: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dpform .chkStyle1 table
{
	font-weight: normal;
	
}

.dpform .chkStyle1 label
{
	font-weight: normal;

	width: 150px;
	margin-left: 5px;
	margin-top: -5px;
	padding-top: 0px;
	padding-bottom: 5px;
}


	


.dpform .radio
{
	border: 1px solid #CCCCCC;
	float: left;
	text-align: left;
	width: 150px;
}

.dpform .radio label
{
	font-weight: bold;
	color: #666666;
	position: absolute;
}


.dpform select
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border: 1px solid #666666;
	background-image: url('formTFBg.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
		
}

.dpform select:focus
{
	color: #FFFFFF;
	background-color: #333333;
}


.dpform textarea
{
	height: 150px;
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-color: #999999;
}

.dpform .small
{
	font-size: x-small;
}

.bntLogout
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.voucherwrapper
{
	padding: 10px;
	width: 682px;
	height: 203px;
	margin-bottom: 10px;
}

.controls
{
	padding: 10px;
	width: 682px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.btnClose
{
	border-style: none;
	padding: 0px;
	width: 96px;
	height: 23px;
	background-image: url(../images/btnClose.png);
	float: right;
	cursor: pointer;
}

.masterGalleryWrapper
{
	margin: 10px 15px 10px 15px;
	border: 3px solid #666666;
	padding: 10px;
	height: 240px;
	text-align: center;
	float: right;
	background-color: #FFFFFF;
	width: 250px;
	-moz-border-radius: 10px;
border-radius: 10px;
}
.masterGalleryWrapper img
{
	padding: 3px;
	background-color: #333333;
}

.imageWrapperRight
{
	padding: 4px;
	background-color: #FFFFFF;
	float: right;
	margin-right: 15px;
	margin-left: 10px;
}