@charset "UTF-8";
/* CSS Document */

 /** { margin: 0; padding: 0; } Reset stuff */

body {
	padding:0px 0 0 0;
	margin:0;
	font:76% Verdana, Arial, Helvetica, sans-serif, sans-serif;
	background: #7ca3a9;
	color:#f6f6f4;
	
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;

}

body {
font : 14px/1.5 Helvetica, Arial, Liberation Sans, FreeSans, sans-serif;
}

#header {
	background-image:url(images/header.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:149px;
	border: 0;

}

h1 {
font-size : 25px;
}
h2 {
font-size : 23px;
}
h3 {
font-size : 21px;
}
h4 {
font-size : 19px;
}
h5 {
font-size : 17px;
}
h6 {
font-size : 15px;
}

h2#page-heading {
font-weight : normal;
padding : 0.5em;
margin : 10px 0 10px 0;
border-bottom: 0px solid #ccc;
color:#402317;
}

.grid_1, .grid {
display : inline;
float : left;
margin-left : 10px;
margin-right : 1%;
}

.grid_2 {
display : block;

margin-left : 3px;
}

.box {
background color:transparent ;
margin-bottom : 20px;
padding : 10px 10px 1px 10px;
width:360px;
}

.box2 {
background color:transparent ;
	margin-bottom : 20px;
	width:560px;
	padding : 10px 10px 1px 10px;
}

.box2b {
background color:transparent ;
	margin-bottom : 20px;
	width:501px;
	padding : 10px 10px 1px 10px;
}

.box3 {
background color:transparent ;
	margin-bottom : 20px;
	width:860px;
	padding : 10px 10px 1px 10px;
} 

.box4 {
background color:transparent ;
float:right;
	margin: 0 10px 0px 20px;
	width:200px;
	padding : 10px 10px 1px 10px;
}

.box5 {
background color:transparent ;
	margin-bottom : 20px;
	width:507px;
	padding : 10px 10px 1px 30px;
}

.box6 {
background color:transparent ;
	margin-bottom : 20px;
	width:504px;
	padding : 10px 10px 1px 30px;
}

.box7 {
background color:transparent ;
	margin-bottom : 20px;
	width:600px;
	padding : 10px 10px 1px 10px;
}

.box h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.box2 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.box2b h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.box3 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.box4 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.box5 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 8px;
}

.box6 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 8px;
}

.box7 h2 {
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
color : #fff;
background : #a6c9ce;
margin : -10px -10px 0 -10px;
padding : 6px 12px;
}

.block p {
	color : #402317;
	margin-bottom : 10px;
	padding : 10px 10px 1px 10px;
}

#june {
	color : #402317;
	margin-bottom : 10px;
	padding : 10px 10px 1px 10px;
	font-weight: bold;
}

/* Toptab menu */

#menu {
display: inline;
margin:9px auto 9px auto;
font-size:0.8em;
width:960px;

}

#menu p {
	text-align:center;
	background-color:#402317;
	border-top:1px solid #f6f6f4;
	width:960px;
	height:30px;
	margin:0px auto 0px auto;
	padding:15px 0 4px 0;
	vertical-align:middle;
}

.menu {
padding:0px 0px 0px 0px;
margin:0 18px 0 18px;
text-decoration:none;
font-size:12px;
}


#content  {
	background-image:url(images/content.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:700px;

}

#homePic  {
	background-image:url(images/homePic.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:700px;

}

#contactPic  {
	background-image:url(images/cityPic.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:700px;

}

#facilitiestPic  {
	background-image:url(images/facilPic.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:700px;

}

#contactPic1  {
	background-image:url(images/contactPic.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:700px;
}

#ratesPic  {
	background-image:url(images/cityPicTall_2.jpg);
	width:960px;
	margin-left: auto;
	margin-right: auto;
	height:1540px;
}

#contentStrip  {
	background-image:url(images/contentStrip.jpg);
	background-color:#f6f6f4;
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:1800px;
	
}

#herePic  {
	background-image:url(images/blank.gif);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:1880px;

}

#todoPic  {
	background-image:url(images/todo.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:1480px;

}

#lion  {
	background-image:url(images/lion.jpg);
	display:block;
	width:601px;
	height:263px;
}

#zebra  {
	background-image:url(images/zebra.jpg);
	display:block;
	width:601px;
	height:263px;
}

#bokkie  {
	background-image:url(images/bokkie.jpg);
	display:block;
	width:601px;
	height:263px;
}

#map  {
	background-image:url(images/map.gif);
	display:block;
	width:700px;
	height:505px;
	margin-left: auto ;
  	margin-right: auto ;
	
}

#rooms p {
color : #402317;
margin-bottom : 2px;
padding : 2px 2px 1px 2px;
}

#aboutPic  {
	background-image:url(images/tLes.jpg);
	display : inline;
	float : left;
	margin-left : 2%;
	margin-right : 1%;
	width:302px;
	height:227px;
}

#moPic  {
	background-image:url(images/mopic.jpg);
	display : inline;
	float : left;
	margin-left : 2%;
	margin-right : 1%;
	width:250px;
	height:278px;
}

#soccerPic  {
	background-image:url(images/soccerPic.jpg);
	display : inline;
	float : left;
	margin-left : 2%;
	margin-right : 1%;
	margin-top:-20px;
	width:550px;
	height:46px;
}


#footer  {
	background-image:url(images/footer.jpg);
	width:960px;
	margin-left: auto ;
  	margin-right: auto ;
	height:40px;
	border: 0;

}

#footer p {
	text-align:center;
	padding:10px 0 0 0;
	margin:0px 0 0 0;
	color:#402317;

}

.class2 A:link {text-decoration: none; color:#402317;}
.class2 A:visited {text-decoration: none; color:#37656c;}
.class2 A:active {text-decoration: none; color:#37656c;}
.class2 A:hover {text-decoration: none; color:#7ca3a9;}