html {height:100%;}
 body {background-color:#e6e6e6;min-height:100%;
  height:auto !important;
  height:100%;}  

h1 {font-family:Verdana,Geneva, sans-serif;font-size:   xx-large;text-align: center;}
h2 {font-family: Verdana, Geneva, sans-serif;font-size: large;text-align: center;}
h3, legend {font-family: Verdana,Geneva, sans-serif;font-size: medium;text-align: center;}
h4 {font-family:  Verdana,Geneva, sans-serif;font-size: medium;text-align: left;}
span,p,td,ul, li,label {font-family: Verdana,Geneva, sans-serif;font-size: small;}

a {color:   Teal;font-family:Verdana,Geneva, sans-serif;}

#homedesc{width:235px;}
#homedesc p {line-height:170%;margin-left:15px;}
.clearfix { clear: both }

#container{display:block;width: 1045px;min-height:1080px ; height:auto !important;height:1080px ;clear:both; margin:0 auto; background: url('themes/base/images/background3.jpg') repeat-y left ;overflow:hidden;}
#pagecontainer{display:block;width: 995px;min-height:1060px ; height:auto !important;height:1060px;  margin:0 auto; border:0px solid black ;background-color:white;clear:both;margin-left:25px;}

#footer   {width:1045px; height :40px  ;margin:0 auto; background-image:url('themes/base/images/background3.jpg'); font-family:verdana,tahoma,Geneva,sans-serif;position:relative;left:0px;top:-40px;text-align:center;border-width: 0px;border-style:solid;border-color: #000;clear:both;}
#bottom {position:relative;left:0px;margin-left: auto; margin-right: auto;width: 1045px;top:-40px;height: 13px;background-image: url('themes/base/images/background2.jpg');background-repeat:no-repeat;}


#banner {border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;margin: 0px 3px;padding:10px 5px 5px 5px;background:#3366CC;text-align:center; position:relative;height:85px;}
#banner H1,#banner H2 {color:White;padding:0px;display:inline;}
#LogonBanner{background-color:#e6e6e6;border:1px solid black;margin:0 auto;padding:5px;margin: 0px 3px;}
#LogonBanner table  {border-collapse:separate;border-spacing:20px 0px;}
#LogonBanner table td,a {font-size:10pt;}
#LogonBanner input			 {height:20px;font-size:1em;border-width:0px;padding:0px;}
#LogonBanner input.UID			 {color:#333;width:120px;background: url(themes/base/images/username.gif) no-repeat top left;}
#LogonBanner input.PWD			 {color:#333;width:120px;background: url(themes/base/images/password.gif) no-repeat top left;}
#LogonBanner input.InputActive   {color:#333;width:120px;background: 2#fff none no-repeat top left; }
#MobileLogonBanner {display:none;}
.BannerImg{height:75px;}


#logo{position:absolute;left:10px;display:inline;}
#clubmark{position:absolute;right:10px;background-color:#e6e6e6;}

#main{display:block;width: 675px;min-height:890px !important;background-color:white;float:left;padding:0px 5px;overflow: auto;}
#widecontent{display:block;width: 810px;min-height:890px  !important; float:right;text-align: left; overflow: auto;background-color:white;float:left;}

/* News box on home page*/
#togglearea {background-color:#ffffff;width: 600px;height: 300px;overflow: hidden; border:groove thin black; border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; margin:0 auto;font-family: verdana, tahoma, Geneva, sans-serif;text-align:center;}
#togglearea h4{margin:0px;}             
.hiddendiv{display:none;}
#RightBar {width: 150px;height: 800px; float: right;display: inline;border-width: 1px;border-style: dotted;border-color: #E6E6E6;text-align: center;margin-right:2px;border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;}
#JoinSite {border:1px solid #333; background-color:#CD4D33; width:145px; color:White; border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;cursor:pointer;}
#JoinSite h3{font-family: Geneva, sans-serif;font-size: 12pt;text-align: center; color:White;}
#JoinSite p{font-family: Geneva, sans-serif;font-size: 10pt;text-align: center; color:White;}
/* This formats the left Nav container */
#NavMobile{Display:none;}
#menu {width: 150px;height: 250px;display:inline;float:left;margin-left:3px;margin-right:3px;} 
#menu ul { /* remove bullets/list indents */ list-style: none;margin: 0;padding: 0; border-color:#0033CC;border-width: 1px;border-style: solid; }
#menu a.menu:hover {color: #D9D9D9;background: #CD4D33;}
#menu ul a.menu {font-family: Arial, Helvtica, sans-serif;font-weight:bold; display: block;text-decoration: none;color: #D9D9D9;background: #3366CC;margin: 0px;padding: 2px 3px;}
#menu ul a.menu {font-size: 12pt;border-width: 1px;border-style: solid;border-color:#0033CC;} 
#menu ul ul li a.menu {text-indent:10px;  font-size: 10pt;border-top-width: 0px; border-top-style: solid;border-top-color:#0033CC; border-bottom-width: 0px; border-bottom-style: solid;border-bottom-color:#0033CC;} 

.fixt{width: 620px;	text-align: center;	border-collapse: collapse;font-family: verdana, tahoma, Geneva, sans-serif;border: solid thin black;margin-bottom:10px;}
.fixt th{color: #ffffff; font-size: 1em; background-color: #3366CC;border: solid thin black;}
.fixt td{font-size: 0.8em; border: solid thin black;}

.events{border-collapse: collapse; width:100%;}
.events tr{border:1px solid silver; }
.events td{font-size: 10pt;padding:3px 6px  3px 6px  ; text-align:left;}
.eventdetails{text-align:left;}
.note {float:right; }
.cl {clear:both;}
.withscroll {height:800px; overflow-y:scroll;}

/*#fixt tr:hover {font-weight:bold;} */

.boxy{border-style:solid;border-color:#ccc;padding:5px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-left: auto;margin-right: auto;}
/*  CSS 3 form, config later...maybe */
#form input, input {font-family:Verdana;color:#333;font-size:1em;background: #f5f5f5 url(themes/base/images/input_bg.gif) repeat-x top left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-color:#ccc;border-style:solid;border-width:1px;padding:5px;}
#form input, textarea {font-family:Verdana;color:#333;font-size:1em;background: #f5f5f5 url(themes/base/images/input_bg.gif) repeat-x top left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-color:#ccc;border-style:solid;border-width:1px;padding:4px;}
#form input:focus,textarea:focus {background:#fff;}
#form textarea:focus,input:focus {background:#fff;}


/* Defined classes*/
.center {text-align:center;margin-left: auto;margin-right: auto;}
.left{text-align:left;}
img.ad {border: 1px black solid; width:150px; text-align:center;}
img {border-style:none;}
.formimg{vertical-align: -60%;}
.pdate {font-size: 10pt; color:Maroon; font-style:italic;}
.profile {font-size: 12pt; color:Navy; }
.flright {float:right;}

/* Layout 'borrowed' from RFU for their table layout ;) */
.TableHeader{font-weight: bold;	font-size: 8pt;font-family: Arial, Helvetica, Verdana;	background:#CCCCCC;	color : #000000; height : 20px;	text-align: center;}
.TableCellHeaderMain{border-bottom: solid 1px white;}
.TableCellBorder{border-right: solid 1px black;border-bottom: solid 1px black;}
.TableCellBorderLeft{width: 35px;	border-left: solid 1px black;	border-bottom: solid 1px black;}
.TableHeaderBottom{font-weight: bold;	font-size: 8pt;	font-family: Arial, Helvetica, Verdana;	background:#DDDDDD;	color : #000000;	height : 20px;	border-bottom: black 1px solid; text-align: center;}
.TableCellHeader{	width: 35px;	border-bottom: solid 1px black;}
.TableCellStyle{	background-color : White;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;}
.AlternateTableCellStyle{background-color : #F0F0F0;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;}
.PointsAdjustCell{	background-color : White;	font-size: 8pt;	font-family: Arial, Helvetica, Verdana;	color: Red;	text-align: center;	border-right: solid 1px black;}
.PointsAdjustCellAlternate{	background-color : #F0F0F0;	font-size: 8pt;	font-family: Arial, Helvetica, Verdana;	color: Red;	text-align: center;	border-right: solid 1px black;}
.TableCellContentsLastRow{	background-color : White;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-bottom: solid 1px black;}
.AlternateTableCellContentsLastRow{	background-color : #F0F0F0;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-bottom: solid 1px black;}
.PointsAdjustCellLastRow{	background-color : White;	font-size: 8pt;	font-family: Arial, Helvetica, Verdana;	color: Red;	text-align: center;	border-right: solid 1px black;	border-bottom: solid 1px black;}
.PointsAdjustCellAlternateLastRow{	background-color : #F0F0F0;	font-size: 8pt;	font-family: Arial, Helvetica, Verdana;	color: Red;	text-align: center;	border-right: solid 1px black;	border-bottom: solid 1px black;}
.TableCellContentsFirstCol{	background-color : White;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-left: solid 1px black;}
.AlternateTableCellContentsFirstCol{	background-color : #F0F0F0;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-left: solid 1px black;}
.TableCellContentsFirstColLastRow{	background-color : White;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-left: solid 1px black;	border-bottom: solid 1px black;}
.AlternateTableCellContentsFirstColLastRow{	background-color : #F0F0F0;	font-size: 8pt;	color: Black;	font-family: Arial, Helvetica, Verdana;	text-align: center;	border-left: solid 1px black;	border-bottom: solid 1px black;}
.EmptyClass{background-color: White;}
/*End of RFU style*/

#selection td {width:80px; padding:5px;}
a#skipnav {position:absolute; top:-10000px; left:-10000px;}

input.Narrow{width:20px;}
input.Wide{width:300px;}

textarea{width:500px;height:300px;}

.Albumcell
{float:left;height:75px;width: 225px;text-align:center;vertical-align:middle ;border:1px solid black;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 5px 5px 5px 5px;margin: 5px 5px 5px 5px;background-color:#DCDCDC;}
		
.Albumcell a{font-size:large;font-family:Tahoma;text-decoration:none;}

div.albumdiv{margin: 0 auto;	width:95%;	height:95%;overflow:auto;}
	
#NewsToggle{cursor:pointer;background-color:#ffffff;float:left;width:33%;height:30px; border-top-left-radius: 10px;	-moz-border-radius-topleft:10px; 	-webkit-border-top-left-radius:10px;margin-bottom:5px;}
#SiteActivityToggle{cursor:pointer;background-color:#e6e6e6;Float:right;width:34%;height:30px;margin:0px;margin-bottom:5px;}
#EventsToggle{cursor:pointer;background-color:#e6e6e6;float:right;width:33%;height:30px; border-top-right-radius: 10px;	-moz-border-radius-topright:10px; 	-webkit-border-top-right-radius:10px;margin-bottom:5px;}

#NewsToggle a, #SiteActivityToggle a, #EventsToggle a {text-decoration:none;font-size:larger;}
#News, #SiteActivity, #Events {margin:10px;text-align:left;height:250px;overflow-y:scroll;width:95%;}
#News{display:inline-block;}

.shadow { -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc;  box-shadow: inset 0 0 2px #ccc; font-weight:bolder; font-size:large;}
.help{cursor:help;}

.commentbox{border:1px solid grey;min-height:300px;background-color:#e6e6e6;margin:0px 10px;padding:5px;border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;overflow:auto;}	
.imageMin{width:80px;}

#descriptions{color:white;border:1px solid green;}

/*Grid icons*/
a.EditIcon{display:inline-block;height: 16px;width: 16px;background:transparent url(themes/base/images/edit.png) no-repeat;}

a.DeleteIcon{display:inline-block;height: 16px;width:  16px;background:transparent url(themes/base/images/delete.png) no-repeat;}

#Commentareaiframe{width:550px;background-color:white;border-width: 0px;}	
#CommentDiv{display:none;border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;}

.accordion h3 {text-align: left; padding-left:30px;}

canvas { -ms-touch-action: double-tap-zoom;}

div.BookingTable table td {line-height:200%;}


@media only screen and (max-device-width: 480px) 
{
	
#pagecontainer,#container{ background: none ; margin: 0px;width:100%;}

#footer   {margin:0;padding-top:5px; background-image:none; }

#bottom {display:none;}
.mobtext{font-size: smaller;}
#LogonBanner,#RightBar,.MobHide,#NavMain,#slider  {display:none;}
.flright  {float:none;}
#main , #widecontent,.Mob100,#homedesc,.fixt,#Banner{width: 100%;float:none;padding:0px 0px;}


.fixt{border-collapse:  separate;}


#homedesc {width:100%;}
#homedesc p {line-height:120%;}
#togglearea {padding-bottom:10px;width:98%;overflow:scroll;}
#News, #SiteActivity, #Events {width:90%;margin:10px 0px 0px 0px;}
.shadow,.fixt th{font-size: 2em;}
#footer p,.fixt td{font-size: 1.5em;}
#banner {height:15%;padding:2px}
#logo{height:90%;}
#clubmark{height:90%;}

#MobileLogonBanner{display:inline;width:100%;height:10%;background-color:#e6e6e6;margin:0 auto;}
.BannerImg{height:90%;}
#NavMobile{Display:inline;}
#menu {width: 100%;float:none;} 
#menu ul { /* remove bullets/list indents */ list-style:bullets; border-color:#fff;}
#menu a.menu:hover {color: #fff;background: #fff;}
#menu ul a.menu {color: #000;background: #fff;}

}