/* = YUI CSS RESET---------
----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
} 
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



body
{
  background-color: #FF0000;
  background-image: url(images/BgTop.gif);
  background-repeat: repeat-x;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: black;
}

table
{
  border: none, 0px;
  font: 14px, "Arial" , "Helvetica" , sans-serif;
  font-family: "Arial"; /*-moz-box-sizing:border-box; box-sizing:border-box;*/
}

a:link, a:active, a:visited, a:hover, table a:link, table a:active, table a:visited, table a:hover
{
  font: 14px, "Arial" , "Helvetica" , sans-serif;
  font-family: "Arial";
  color: Green;
}

small, .small, td small
{
  font-size: 10px;
}

strong
{
  font-weight:bold
  }

p
{
  margin: 0px;
  margin-bottom:13px;
  line-height:1.3em
}
img
{
display:block
}

#GalleryContainer img
{
  display:inline
  }

/*Colors----------
------------------>*/
.Yellow
{
  background-color: #FFFF00;
}

.Red
{
  background-color: #ff0000;
}

.TextRed
{
  color: #ff0000;
}



/*Content Cell----------
------------------>*/
.ContentCell
{
  background-color: #FFCC00;
  padding-left: 10px;
  color: #ff0000;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.ContentCell p
{
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: black;
}

.ContentTable, #Content5, #ContentArea
{
  padding-top: 20px;
  padding-bottom: 20px;
}



/*Menu Cell----------
------------------>*/
#MenuCell
{
  vertical-align: top;
  background-image: url(images/MenuBG.gif);
  background-repeat: repeat-y;
  background-position: right;
}

#MenuBG
{
  background-image: url(images/MenuBG.gif);
  background-repeat: repeat-y;
  vertical-align: top;
  width: 161px;
  height: 100%;
}



/*Footer----------
------------------>*/
.Footer
{
  color: #ff0000;
  font: 10px, "Arial" , "Helvetica" , sans-serif;
  font-family: "Arial";
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}




/*Misc.----------
------------------>*/
x.Small
{
  font: 3px, "Arial" , "Helvetica" , sans-serif;
}

.un
{
}

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content, * html #c2, * html #c3
{
  margin-right: -3px;
}




/*Headers.----------
------------------>*/

h1, .h1
{
  xtext-decoration: underline;
  font-weight: bolder;
  font-size: 22px;
  margin-bottom: 10px;
  color:#CF0000
}

h2
{
  font-weight: bolder;
  font-size: 15px;
  margin-bottom: 10px;
}

h3
{
  font-weight: bolder;
  font-size: 16px;
  margin-bottom: 5px;
  color: black;
}

/*Lists----------
------------------>*/
ul
{
  margin-top: 5px;
  margin-bottom: 5px;
}




/*Shadow----------
------------------>*/
#shadow1
{
  height: 5px;
  width: 176px;
}

#shadow2
{
  background: url(images/ShadowYellow.gif) 0 0 repeat-x;
  height: 5px;
  width: 308px;
}

#shadow3
{
  height: 5px;
  width: 154px;
  background: url(images/ShadowYellow.gif) 0 0 repeat-x;
}

#shadow4
{
  background: url(images/ShadowRed.gif) 0 0 repeat-x;
  height: 5px;
  width: 12px;
}


/*Catering----------
------------------>*/
.CaterSubhead
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #993300;
}

#ThumbnailDiv
{
  width: 2100px;
  height: 90px;
  display: inline-table;
}


.PhotoBorder
{
  border: 2px solid #000;
  background-position: center;
}

.KidsClubTable th
{
font-size:.8em
}

.KidsClubTable td
{
font-size:.8em
}

.CateringLinkDiv
{
text-align:center;
padding-bottom:15px;
}

a.CateringTopLink:link, a.CateringTopLink:active, a.CateringTopLink:visited
{
font: 12px, "Arial" , "Helvetica" , sans-serif;
font-family: "Arial";
color: Green;
text-decoration:underline
}

a.CateringTopLink:hover
{
text-decoration:none
}

h4.Specialize
{
font-style:italic;
color:#003C70;
line-height:1.5em;
margin:0
}

.CaterMenuBG1
{
background: url(images/caterbuttons_r2_c1.gif) no-repeat;
height:89px;
width:190px;
text-align:center
}

.CaterMenuBG2
{
background: url(images/caterbuttons_r2_c2.gif) no-repeat;
height:89px;
width:194px;
text-align:center
}
.CaterMenuBG3
{
background: url(images/caterbuttonBG.gif) no-repeat 0 0;
height:89px;
width:194px;
text-align:center;
margin-left:100px;
padding-right:15px
}


.CaterMenuText a,.CaterMenuText a:link, a:active,.CaterMenuText a:visited,.CaterMenuText a:hover
{
font-weight:bold;

}

.FormTable td
{
padding:3px
}

x.HeaderBG
{
background: url(images/homeheader.jpg) 0 0 no-repeat;
}


input[type="text"], input[type="password"]
{
  width: 200px;
  border: 1px solid #CCC;
  margin-bottom: 5px;
  padding: 3px;
}

input[type="checkbox"]
{
  width: 1em;
  border: 0;
}

input[type="submit"]
{
  padding: 2px 5px;
  border: solid 1px #5b5b5b;
  color: Black;
  background: #dfdfdf;
  text-decoration: none;
  font-size: 11px;
}


input[type="submit"]:hover
{
  background: #D4A6A8;
}