body, table {
margin:0;
font-size: 10pt;
color: #106346 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
//line-height: 1.3em;
line-height: 150%;
//background:#8ECF58 ;
background:#7CCCF3 ;
//j font-size: 12px;
padding:0 ;
}

table{
background:white ;
}

a{
	text-decoration: none ;
	border: 0 ;
}

a:hover{
	text-decoration: underline ;
}

#menu {
	font-size:12pt;
	color:white;
}

#menu a{
		color:white ;
}

img{
	border: 0 ;
}

.strike, .cancelled{
	text-decoration: line-through;
}

.cancelled {
	color: #ddd;
}
.pencilled{
	font-style:italic;
}

@font-face {
    font-family: 'chalk';
    src: url('fonts/chalkduster-webfont.eot');
    src: url('fonts/chalkduster-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chalkduster-webfont.woff') format('woff'),
         url('fonts/chalkduster-webfont.ttf') format('truetype'),
         url('fonts/chalkduster-webfont.svg#chalkdusterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

x@font-face {
    font-family: 'AngelinaRegular';
    src: url('fonts/Angelina/angelina-webfont.eot');
    src: url('fonts/Angelina/angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Angelina/angelina-webfont.woff') format('woff'),
         url('fonts/Angelina/angelina-webfont.ttf') format('truetype'),
         url('fonts/Angelina/angelina-webfont.svg#AngelinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#outerwrapper {
width: 1200px;
margin: 0 auto;
padding: 0 ;
background:white ;
}

#content, #widecontent, #verywidecontent {
	float: left;
	background:white ;
	color:#333 ;
	margin: 0 0 10px 0;
	padding: 0 ;
}

x#content .inner, x#widecontent .inner, x#verywidecontent .inner{
	margin: 20px 25px 10px 10px ;
}

#content, #content.contentbanner{
	width: 560px;
}

#widecontent, #widecontent.contentbanner{
	width: 760px;
}

#verywidecontent, #verywidecontent.contentbanner{
	width: 1200px;
}

#verywidecontent {
	margin-left:10px ;
}

.contentbanner{
	line-height: 36px;
	background: #EEEEEE;
	color: #006837;
	font-size: 30px;
	font-weight: bold;
	padding: 10px;
	margin:0 ;
}

.inner h2, .style2{
	color: #008000 ;
	font-size:100% ;
	font-weight:bold;
}

.inner h3, .style1{
	color: #666666 ;
	font-size:120% ;
	font-weight:bold;
}

.style3{
	color: red ;
	font-size:120% ;
	font-weight:bold;
}

.style4{
	color: blue ;
	font-size:100% ;
	font-weight:bold;
}

.inner a{
	color:blue ;
	font-weight:normal;
	text-decoration:none ;
}

.inner a:hover{
	color:black ;
	font-weight:normal;
	text-decoration:underline ;
}

.lifted{
	margin-top: -110px !important ;
}

#leftcolumn{
	float:left ;
	width:175px ;
	background: white ;
	margin:0 ;
	padding: 0 13px 0 12px;
}

#leftcolumn .logo{
	text-align: center ;
}

#rightcolumn{
	float:right ;
	width:175px ;
	background: white ;
	margin:0 ;
	padding: 0 12px 0 13px;
}

#rightcolumn_m{
	float:right ;
	width:162px ;
	//background: white ;
	margin-left:0px ;
	margin-right:13px ;
	padding-top: 0 ;
}

#footer {
	width: 940px;
	float:none;
	padding: 10px;
	margin: 10px auto;
	background: white ;
	color: #AAA ;
}

#footer div{
	text-align: center ;
	font-size:0.85em ;
}

#banner {
width: 100%;
//background-color:#006838 ;
//background-color:#0b572a ;
background-color:#7CB3F3 ;
font-size: 26px;
font-weight: bold;
text-align:center ;
padding:16px 0 16px 0; 
color:white;
margin:0px ;
}

#banner div{
	width: 960px ;
	margin:0px auto ;
}

#header-banner-wrap {
	position:relative;
	padding:5px ;
}

.imgfloat {
float: right;
}
.leftfloat {
float: left;
}
.rightfloat {
float: right;
}
.rpic {
float: right;
margin-left: 10px;
}
.lpic {
float: left;
margin-right: 10px;
}

/****  FOOTER *****/
#footermenu{
	text-align: center ;
	margin: 0 auto ;
}
	
#footermenu a {
	color: grey ;
	text-decoration:none ;
}

.fixedfoot{
	position:fixed ;
	bottom: 0;
	background: yellow ;
	color: blue ;
	height: 24px;
	width:954px;
	padding:3px ;
	border:1px solid #888 ;
}

.fixedfoot a, .fixedtop a{
	color: blue ;
	text-decoration: none ;
}

.fixedfoot a:hover, .fixedfoot.pseudolink:hover, .fixedtop a:hover{
	color: black ;
}

.fixedtop{
	position:fixed ;
	top: 0;
	background: yellow ;
	color: blue ;
//	height: 24px;
	width:952px;
	padding:3px ;
	border:2px solid black ;
	z-index:30;
}

h1, h2 {
color: #9f1f00;
}
.padder h2 {
margin: 0.3em 0;
color:#000000;
font-family: 'AngelinaRegular', Arial, sans-serif;
font-weight: normal;
font-size: 2.8em;
}
.padder p {
font-weight: bold;
}
.button {
background-image: url(images/button.png);
width:170px;
height: 40px;
display: block;
text-align: center;
background-repeat: no-repeat;
font-family: 'AngelinaRegular', Arial, sans-serif;
font-size: 2em;
text-decoration: none;
padding-top: 0.3em;
color: #FFFFFF;
background-position: left top;
font-weight: normal;
}

.button:hover {
background-position: left -50px;
}


.mybutton{
	background-image:url(images/buttback.png) ;
	border: 1px solid black ;
	height: 21px ;
	color:black ;
	padding: 2px 5px ;
	text-decoration:none ;
	font-size:12px ;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mybutton:hover{
	background-image:url(images/buttback2.png) ;
}
.red {
color: #ba232b;
}

.xredbutton{
	background:C00;
	color:white ;
}

.redbutton {
	color:red ;
}

a {
color:#9f1f00;
font-weight: bold;
}
a:hover {
color: blue;
}
ul {
//list-style-image: url(images/bullet.png);
}
li {
margin: 5px 0;
}

.pseudolink
{
	cursor:pointer ;
	font-weight:bold ;
}
.pseudolinkx, .imgholder span
{
	cursor:pointer ;
	color: red ;
	font-weight:bold ;
}

td {
	vertical-align: top ;
}

th{
	text-align: left ;
}

.editBar{
	margin: 3px ;
	padding: 5px ;
	border: 1px solid #999 ;
	background-color: #DED ;
}

.editBar span {
	background-color: #CCC ;
	border-top: 1px sold white ;
	border-left: 1px sold white ;
	border-right: 1px sold black ;
	border-bottom: 1px sold black ;
	margin: 2px ;
	padding: 2px ;
	cursor:default ;
}

.spinner{
	float:left ;
}

#adminToolbar{
//	width:100% ;
	background: #DDD ;
	color: black ;
	margin:0 ;
	padding:5px ;
}
#adminToolbar a{
	margin-left:5px ;
	margin-right:10px ;
	font-weight: normal ;
	color: blue ;
}
#adminToolbar a.toolbarActive{
	color:red ;
	font-weight:bold ;
}
.indent{
	margin-left:30px ;
}

.tablesorter tr:nth-child(even) {background: #DDD ;}
.tablesorter tr:nth-child(odd) {background: #FFF ;}
.tablesorter th {background: #FFF ;}

.highlight{
	background: yellow ;
}

.paid, .invoiced{
	display:none ;
}

.altshade tr:nth-child(even){
	background: #DFD ;
}

.hall3{
	background: #DDF !important ;
}

#prevBookings{
	min-width: 200px;
	background: #FFD;
	position:absolute ;
	border:1px solid black ;
	color:black ;
	display:none;
	left:500px;
}

#prevBookingsDiv span{
	cursor: pointer ;
	font-weight:bold ;
}

#TermDates{
	background: #FFF;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  #outerwrapper, #banner, #banner div, #footer {
    width:100%;
  }
  #banner, #footer {
	padding-left:0; 
	padding-right:0 ;
  } 
}