@charset "utf-8";
/* CSS Document */
.image100
{
	width:100%;	
}
.indextable
{
	width:900px ;
}
#innercontent
{
	width:100%;
}
#pics
{
	width:100%;	
}

#twitter .tweets
{
	width:95%;	
}

#links .column
{
	line-height: 20px;	
}
#paging{ float:left;}
#innercontent
{ width:100% !important;}
 @media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  
{

.userpbtn .buttonright, .userpbtn .button{
	/*display: block !important;*/
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
	margin-right: 5px !important;
	margin-bottom:5px !important;
	margin-top:20px !important;
}	
.hideonmob
{
	display: none !important;
}
	
.userpbtn .userpbtnc
{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;	
}
.indextablevevents .button{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 105px !important;
}
.indextable .buttonright{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
}
.indextable .details{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
}

#members .buttonright {
	 display: none !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
	margin-right: 5px !important;
	margin-bottom:5px !important;
}
#members .showbtn {
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
	margin-right: 5px !important;
	margin-bottom:5px !important;
	margin-top:-31px !important;
}

/*#members .showmsgbtn {
	 display: block !important;
     margin-left: 20px !important;
     margin-top: -10px !important;
}*/


#draw .buttonright {
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 94px !important;
}
.mobdelbtn
{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 110px !important;
}
.usrbotifybtn
{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 110px !important;
}
.usrchngpwdbtn
{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
    width: 160px !important;
}
.forgotbtn
{
	 display: block !important;
    padding: 6px 10px !important;
    text-align: center !important;
}
div#buttons {
    position: relative;
    right: 0;
    top: 0;
}
div#buttons a {
    float:left !important;
}
#newsletter
{
	width:100%;	
}	
.image100
{
	width:100%;	
}
.iframevideo
{
	width:100%;
}	
.indextable
{
	width:100% ;
}
.buttonright
{
	float:left;
}

.disblck
{
	display:block !important;	
}
	/* Force table to not be like tables anymore */
	table.indextable thead, table.indextable tbody, table.indextable th, table.indextable td, table.indextable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.indextable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.indextable tr { border: 1px solid #ccc; padding:30px 0; }
	
	table.indextable td { 
		/* Behave  like a "row" */
		border: none;
		
		position: relative; 
		padding-left: 30%; 
	}
	
	table.indextable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 21%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.indextable td:nth-of-type(1){
		display:block !important;
		text-align:center !important;
		width:100% !important;
		padding-left:0px !important;
		padding-bottom:15px !important;
		
	}
	table.indextable td:nth-of-type(1) img{
		width:80% !important;
		
	}
	table.indextable td{
		
	}
	table.indextable td:nth-of-type(1):before { content: ""; }
	table.indextable td:nth-of-type(2):before { content: "Event"; }
	table.indextable td:nth-of-type(3):before { content: "Ages"; }
	table.indextable td:nth-of-type(4):before { content: "City"; }
	table.indextable td:nth-of-type(5):before { content: "Date"; }
	table.indextable td:nth-of-type(6):before { content: "Availability"; }
	table.indextable td:nth-of-type(7):before { content: "Price"; }
	table.indextable td:nth-of-type(8):before { content: ""; }
	
	table.indextable td:nth-of-type(8){
		 padding-bottom: 10px;
		padding-left: 0 !important;
		padding-top: 25px;
		vertical-align: bottom;
		width: 100% !important;
		}
	
	table.indextable tr:nth-child(even) {display:none; !important;}
	.contenthalf{
		width: 95%;
		
	}
	
	
	
	/* Force table to not be like tables anymore VENUES*/
	.indextablevenues
	{
		width:100% ;
	}
	table.indextablevenues thead, table.indextablevenues tbody, table.indextablevenues th, table.indextablevenues td, table.indextablevenues tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.indextablevenues thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.indextablevenues tr { border: 1px solid #ccc;  }
	
	table.indextablevenues td { 
		/* Behave  like a "row" */
		border: none;
		
		position: relative;
		padding-left: 0%;
		padding:10px;
		 
	}
	
	table.indextablevenues td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 0%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.indextablevenues td:nth-of-type(1){text-align:center;} 
	table.indextablevenues td:nth-of-type(1):before { content: ""; }
	table.indextablevenues td:nth-of-type(2):before { content: ""; }
	table.indextablevenues td:nth-of-type(3):before { content: ""; }

	
	table.indextablevenues tr:nth-child(even) {display:none; !important;}
	.contenthalf{
		width: 95%;
		
	}
	
	
	/* Force table to not be like tables anymore Users/My Events*/
	.indextablevevents
	{
		width:100% ;
	}
	table.indextablevevents thead, table.indextablevevents tbody, table.indextablevevents th, table.indextablevevents td, table.indextablevevents tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.indextablevevents thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.indextablevevents tr { border: 1px solid #ccc;  }
	
	table.indextablevevents td { 
		/* Behave  like a "row" */
		border: none;
		
		position: relative;
		padding-left: 30% !important;
		padding:10px;
		 
	}
	 
	table.indextablevevents td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	/*style='display:block !important'*/
	<!--table.indextablevevents td:nth-of-type(1){display:block;} -->
	table.indextablevevents td:nth-of-type(1):before { content: "Event"; }
	table.indextablevevents td:nth-of-type(2):before { content: "City"; }
	table.indextablevevents td:nth-of-type(3):before { content: "Date"; }
	table.indextablevevents td:nth-of-type(4):before { content: "Location"; }
	<!--table.indextablevevents tr:nth-child(even) {display:none; !important;}-->
	.contenthalf{
		width: 95%;
	}
	
	.foot{
		padding-left: 10px;
		padding-right: 10px;
		width: 95%;
		}
	#latest_news .posts, #twitter .tweets
	{
		width:95% !important;	
	}
	.contenthalf
	{
		padding:20px 10px !important;	
	}
	.convo .col1
		{
			width:100% !important;	
		}
		.convo .col2
		{
			width:100% !important;
		}
		.convo .col3
		{
			width:54% !important;
		}
		.msg .col1
		{
			width:100% !important;	
		}
		.msg .col2
		{
			width:100% !important;	
		}
		.msg .col3
		{
			width:48% !important;	
		}
		#formErrors
		{ margin-top: 24px !important;margin-bottom:0px !important;}
		.msg .col4{float: left; padding: 10px;text-align: right; width: 40% !important;}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 920px) 
	{
		#header
		{
			width:100%;	
		}
		#wrapper{
			width:90% !important;	
		}
		#maincontent, .contentblock
		{
			width:95%;	
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
		.one_third
		{
			margin-bottom:10px;
		}
		 .one_half
		 {
			width:100%;
			margin-bottom:10px;
		}
		#latest_news
		{
			width:100%;	
			margin-bottom:10px;
		}
		
		#twitter
		{
			width:100%;	
			margin-bottom:10px;
		}
		#footer
		{
			width:100%;	
			margin-bottom:10px;
		}
		.msg .col1
		{
			width:100% !important;	
		}
		.msg .col2
		{
			width:52% !important;	
		}
		.msg .col3
		{
			width:25% !important;	
		}
		.convo .col1
		{
			width:100% !important;	
		}
		.convo .col2
		{
			width:52% !important;
		}
		.convo .col3
		{
			width:25% !important;
		}
		
		
    }
	@media all and (max-width: 320px) 
	{
		#maincontent, .contentblock
		{
			width:95% !important;	
			font-size: 13px;
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
		.instructions
		{
			font-size: 13px;
		}
		.dt
		{
			width: 60% !important;
		}
		.mnt
		{
			width: 16% !important;
		}
		.year
		{
			width: 26% !important;
		}
		
		.drawformdrop
		{
			width: 95% !important;
		}
		#maincontent label
		{
			padding-bottom:9px !important;	
		}
		#members
		{
			margin-top:25px !important;	
			width:95% !important;
			top:85px !important;
		}
		
		.button, .details, .buttonright
		{
			padding: 8px 11px 10px !important;	
		}
		.drawformtext{ 
			width:29% !important;
		 }
		 .rintrsttext{ 
			width:86% !important;
		 }
		 .rintrstdrop
		{
			width: 90% !important; 
		}
		 .rintrstdroprintrstdrop
		{
			width: 56% !important;
		}
		
		#header
		{
			margin-bottom:62px !important;	
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		/* /* .formfield select
{
        width:70% !important;	
}*/
{
        width:70% !important;	
}*/
		{
			width:70% !important;	
		}
		.promo
		{
			width:66% !important;	
		}
		#maincontent .formfield
		{
			height:	46px !important;
		}
		#maincontent .formfield label
		{
			width:23em !important;
			line-height:0px !important; 
			
		}
		.slide
		{
			width:100% !important;
		}
		.text
		{
			width:90% !important;
		}
		.uprofiletext
		{
			width:80% !important;
		}
		.uprofileddownday
		{
			width:54% !important;
		}
		.uprofileddown
		{
			width:85% !important;
		}
		#button
		{
			margin-top:10px !important;	
		}
		.userpbtn
		{
			margin-top:70px !important;	
		}
		.userpbtnc
		{
			float:left !important;
		}
		
    }
    @media all and (max-width: 360px) and (min-width: 319px)
	{
		.htxtsize
		{
			padding-top:30px;
		}
		#header
		{
			margin-bottom:62px !important;	
		}
		#members
		{
			top:100px !important;
		}
		 .rintrstdroprintrstdrop
		{
			width: 60% !important; 
		}
		 .rintrstdropday
		{
			width: 60% !important;
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		/* .formfield select
{
        width:70% !important;	
}*/
		{
			width:70% !important;	
		}
		.promo
		{
			width:66% !important;	
		}
		#maincontent .formfield
		{
			height:	46px !important;
		}
		#maincontent .formfield label
		{
			width:23em !important; 
			line-height:0px !important; 
			
		}
		.slide
		{
			width:100% !important;
		}
		.text
		{
			width:90% !important;
		}
		.userpbtn
		{
			margin-top:70px !important;	
		}
		.userpbtnc
		{
			float:left !important;
		}
		.convo .col1
		{
			width:100% !important;	
		}
		.convo .col2
		{
			width:100% !important;
		}
		.convo .col3
		{
			width:58% !important;
		}
		
    }
	 @media only screen and (max-width: 580px) and (min-width: 463px)
	 {
		#members
		{
			width:360px !important;
		}
		/*#venuepic
		{
			width:100% !important;
		}*/
		#venuetext
		{
			width:100% !important;
		}
		/* .formfield select
{
        width:70% !important;	
}*/
		{
			width:70% !important;	
		}
		.promo
		{
			width:66% !important;	
		}
		#maincontent .formfield
		{
			height:	46px !important;
		}
		#maincontent .formfield label
		{
			width:23em !important; 
			line-height:28px !important; 
			margin-top: 28px;
		}
		/*.slide
		{
			width:100% !important;
		}*/
		.text
		{
			width:90% !important;
		}
		
		.rintrstdroprintrstdrop
		{
			width: 60% !important; 
		}
    }
	 @media only screen and (max-width: 768px) and (min-width: 358px)
	 {
		#members
		{
			top:120px !important;
		}
		#header
		{
			margin-bottom:35px !important;	
		}
		#links .centred
		{
			width:-1px !important; 	
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		.text
		{
			width:90% !important;
		}
		
		
		
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) 
	{
		#logo img
		{
			width:100%;
			font-size: 13px;
		}
		.instructions
		{
			font-size: 13px;
		}
		.contentblock h4
		{
			 height:63px !important
		}
		.com_txt
		{
			width:200px !important;	
		}
		.com_hdr
		{
			width:200px !important;	
			padding-top:10px !important;	
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		.drawformtext{ 
			width:29% !important;
		 }
		 /* .formfield select
{
        width:70% !important;	
}*/
		{
			width:70% !important;	
		}
		.promo
		{
			width:66% !important;	
		}
		#maincontent .formfield
		{
			height:	46px !important;
		}
		#maincontent .formfield label
		{
			line-height: 25px !important;
			/*margin-top: 32px;*/
			width: 23em !important; 
		}
		.slide
		{
			width:100% !important;
		}
		.text
		{
			width:90% !important;
		}
		.userpbtn
		{
			margin-top:70px !important;	
			width:80% !important;
		}
		.userpbtnc
		{
			float:left !important;
			width:80% !important;
		}
		.rintrstdroprintrstdrop
		{
			width: 60% !important; 
		}
		
    }
	
	 @media only screen and (max-width: 624px)
	 {
		#links .centred
		{
			width:-1px !important;	
		}
		
    }
	
	@media only screen and (max-width: 360px)
	{
		#maincontent, .contentblock
		{
			width:95%;
			font-size: 13px;
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
		.instructions
		{
			font-size: 13px;
		}
		.dt
		{
			width: 56% !important;
		}
		.rintrstdropday
		{
			width: 66% !important;
		}
		.mnt
		{
			width: 13% !important; 
		}
		.year
		{
			width: 14% !important;
		}
		.editprofyear
		{
			width: 20% !important;
		}
		.drawformdrop
		{
			width: 95% !important;
		}
		#maincontent label
		{
			padding-bottom:9px !important;	
		}
		#members
		{
			margin-top:-13px !important;	
			width:95% !important;
		}
		
		.button, .details, .buttonright
		{
			padding:8px 11px 10px !important !important;	
		}
		#header
		{
			margin-bottom:8px !important;	
		}
		 .rintrsttext{ 
			width:92% !important;
		 }
		 .rintrstdrop
		{
			width: 96% !important;
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		.rintrstdroprintrstdrop
		{
			width: 60% !important;
		}
		.drawformtext{ 
			width:29% !important;
		 }
		 /* .formfield select
{
        width:70% !important;	
}*/
		{
			width:70% !important;	
		}
		.promo
		{
			width:66% !important;	
		}
		#maincontent .formfield
		{
			height:	46px !important;
		}
		#maincontent .formfield label
		{
			width:23em !important;
			line-height:1px !important;  
			margin-bottom: -2px !important;
		}
		.slide
		{
			width:100% !important;
		}
		.text
		{
			width:90% !important;
		}
		.uprofiletext
		{
			width:80% !important;
		}
		.uprofileddownday
		{
			width:54% !important;
		}
		.uprofileddown
		{
			width:83% !important;
		}
		#button
		{
			margin-top:10px !important;	
		}
		.userpbtn
		{
			margin-top:70px !important;	
			width:80% !important;
		}
		.userpbtnc
		{
			float:left !important;
			width:80% !important;
		}
    }
	 
	 @media only screen and (max-width: 596px) and (min-width: 359px)
	 {
		 #maincontent, .contentblock
		{
			width:95% !important;
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
	 }
	 @media only screen and (max-width: 612px) and (min-width: 360px)
	 {
		#maincontent, .contentblock
		{
			width:95% !important;	
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
		#links .centred
		{
			width:100% !important;	
		}
		#footer
		{
			margin-bottom:38px !important
		}
		#sidemenu
		{
			height:78px !important;	
		}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		.drawformtext{ 
			width:29% !important;
		 }
		 .uprofiletext
		{
			width:80% !important;
		}
		.uprofileddownday
		{
			width:54% !important;
		}
		.uprofileddown
		{
			width:85% !important;
		}
		#button
		{
			margin-top:10px !important;	
		}
		.userpbtn
		{
			margin-top:70px !important;	
			width:80% !important;
		}
		.userpbtnc
		{
			float:left !important;
			width:80% !important;
		}
		
    }
	@media only screen and (max-width: 767px) and (min-width: 612px)
	 {
		#maincontent, .contentblock
		{
			width:95% !important;	
		}
		h1, h3 {
			border-color: -moz-use-text-color #880000 #880000;
			border-left: 2px solid #880000;
			border-right: 2px solid #880000;
			padding: 10px;
			width: 95%;
		}
		#links .centred
		{
			width:599px !important;	
		}
		
		
    }

	@media all and (max-width: 800px) and (min-width: 768px), (min-width: 768px) 
	{
		
		
		#members
		{
			width:40% !important;
		}
    }
	@media all and (min-width: 801px)
	{
		
    }
		/*,(min-device-width: 600px) */

	@media only screen and (max-width: 463px)
	{
		#menu li a
		{
			padding: 0 10px;
		}
		#sidemenu
		{
			height: 80px;
		}
		/*.column{width:50%;}*/
		#links .column{width:50%;}
		#links .centred{width:100%;}
		#links{margin-top:18%;}
		#members{ left:10px;}
		#venuepic
		{
			width:100% !important;
		}
		#venuetext
		{
			width:100% !important;
		}
		.userpbtn
		{
			margin-top:70px !important;	
			width:80% !important;
		}
		.userpbtnc
		{
			float:left !important;
			width:80% !important;
		}
		
		
    }
	@media only screen and (max-width: 505px) and (min-width: 383px)
	 {
		 .userpbtn
		{
			margin-top:70px !important;	
			width:90% !important;
		}
		.userpbtnc
		{
			float:left !important;
			width:90% !important;
		}
	 }
	@media only screen and (max-width : 760px) {
	 
	}