
/********************** GENERAL PAGE STYLES **************************/

body {
	width:800px;
	font-size:100%;
	margin:auto;
}

#topbanner {
	padding:0 10px 0 10px;
	height:89px;
	background-image: url(i/top_banner_background.gif);
	background-repeat:no-repeat;
}

#mainbody {
	width:800px;
}

#leftnav {
	padding:0 5px 0 0px;
	width:153px;
	float:left;
}

#leftnav ul#top {
	list-style-type:none;
	margin:0;
	padding:0;	
}

#leftnav ul#top li {
	margin:0;
	padding:0;
}	

#leftnav ul#bottom {
	list-style-type:none;
	margin:0;
	padding:0;	
}

#leftnav ul#bottom li {
	margin:0;
	padding:0;
}	

#login {
	margin-bottom:5px;
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	color:#fff;
	font-size:80%;
	padding-left:5px;
}

#tlogin{
	width:140px;
	font-family:verdana;
	font-size:80%;
	padding-bottom:5px;
}

#tlogin a {
	color:#fff;
}

#content {
	width:631px;
	float:right;
	padding:0px;
	margin:0px;
	color:#fff;	
}

#bottomnav {
	padding-top:5px;
	float:right;
	color:#999;
	width:600px;
}

#bottomnav li
{
	display: inline;
	list-style-type: none;
	padding-left: 5px;
	padding-right:5px;
	font-family:verdana;
	font-size:60%;
	border-right:1px solid #999;
}

#bottomnav li.last {
	border:none;
	padding-right:8px;
}

#bottomnav a:link, ul#bottomnav a:visited
{
	color:#999;
	text-decoration: underline;
}

ul#bottomnav a:hover
{
	text-decoration:underline;
}

#maintable {
	background-image:url(i/background.gif);
	background-repeat:no-repeat;
	background-color:#b3afd0;
	width:100%;
	height:450px;
	padding-bottom:10px;
}
#staticmaintable {
	background-image:url(i/background.gif);
	background-repeat:no-repeat;
	background-color:#b3afd0;
	width:100%;
	height:450px;
}

#staticmaintable h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C61C7F;
	line-height: 18px;
	font-weight: bold;
	padding-left:10px;
	padding-top:10px;
}

#staticmaintable h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C61C7F;
	line-height: 18px;
	font-weight: bold;
	padding-left:10px;
	padding-top:10px;
	font-size:80%;
}

.static {
	font-family:verdana;
	font-size:75%;
	padding-left:10px;
	color:#460A5A;
	line-height:18px;
}

table#contact td p.static {
	font-size:100%;
	padding-left:0px;
	}

a.maintext { font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F }
a.maintext:link{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F } 
a.maintext:active{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F } 
a.maintext:visited{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F } 
a.maintext:hover{ font-family: verdana, Helvetica, sans-serif; font-size:100%; fontstyle:normal;font-weight: BOLD; text-decoration:none; color: #C61C7F }



#maintable td.main {
	text-align:center;
}
/*********************************************************************/




/********************** HOME PAGE STYLES *****************************/
#hometable {
	width:100%;
	padding:0;
	margin:0;
}

#hometable #r1{
	background-image:url(i/maintabletopbackground.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	height:283px; 
	margin:0;
	padding:0 0 0 10px;
	vertical-align:top;
}

#hometable #r1 h1 {
	font-size:100%;
	font-family:Verdana;
	background: url(i/welcome.gif) no-repeat top left;
	margin-top:3px;
	margin-bottom:0px;
	padding-top: 24px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:24px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}


#hometable #r1 p {
	margin:0;
	padding:3px 0 0 0;
	font-family:Verdana;
	font-size:65%;
	width:300px;
}

#hometable #r1 h2 {
	padding:0 0 2px 0;
	margin:0px;
	font-size:80%;
	font-family:Verdana;
}


#hometable #r2{
	background-image:url(i/maintablemiddlebackground.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	height:20px;
	vertical-align:top;
}

#hometable #r3{
	background-image:url(i/maintablebottombackground.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	height:155px;
	vertical-align:top;
}

#hometable #r3 #hp_futureevents {
	width:350px;
	font-family:verdana;
	font-size:65%;
	color:#7C5B94;
}

#hometable #r3 #hp_futureevents .head {
	font-weight:bold;
}

#hometable #r3 #hp_futureevents .even {
	background-color:#E5E2E9;
}

#hometable #r3 #hp_futureevents .when {
	width:80px;
}
#hometable #r3 #hp_futureevents .where {
	width:80px;
}
#hometable #r3 #hp_futureevents .event {
	width:100px;
}
#hometable #r3 #hp_futureevents .age {
	width:80px;
}
/*********************************************************************/

/***************** EVENTS LISTING STYLES *****************************/

#eventslist {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#eventslist td {
	padding:5px 0 5px 5px;
	border-bottom:1px solid #C61C7F;
}

#eventslist td.nobottomborder {
	padding-top:2px;
	padding-left:5px;
	border-bottom:0px;
	border-right:0px;
	border-bottom:none;
}

#eventslist td.eventtext {
	color:#6e4786;
	font-weight:bold;
	padding-right:5px;
	padding-top:0px;
}

#eventslist .head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
}
#eventslist .details {
	background-color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	width:51px;
	padding:0;
	padding-left:1px;
	margin:0;
}

#eventslist a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}


#eventslist .book {
	background-color:#6e4786;
	width:51px;
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
}

#eventslist .when{
	width:80px;
}

#eventslist .age{
	width:70px;
}

#eventslist .time{
	width:40px;
}

#eventslist .cost{
	width:50px;
}

#eventslist  .where {
	width:150px;
	
}

/*********************************************************************/

/***************** EVENT DETAIL STYLES *****************************/

#eventdetail {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:600px;
}

#eventdetail td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#eventdetail td.info {
	color:#6e4786;
	font-weight:bold;
}

#eventdetail td {
	padding:5px 0 5px 5px;
	border-bottom:1px solid #C61C7F;
}

#eventdetail td.label {;
	border-right:1px solid #C61C7F;
	width:150px;
}

#eventdetail a {
	text-decoration:none;
	color:#6e4786;
}


#eventdetail a:hover{
	text-decoration:underline;
}

/*********************************************************************/

/********************* EMAIL FRIENDS STYLES *****************************/
#emailfriends {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#emailfriends td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#emailfriends td.info {
	color:#6e4786;
	font-weight:bold;
	width:350px;
}

#emailfriends td {
	padding:5px 0 5px 5px;
}

#emailfriends td.label {;
	width:250px;
	text-align:right;
	vertical-align:top;
}

#emailfriends a {
	text-decoration:none;
	color:#6e4786;
}


#emailfriends a:hover{
	text-decoration:underline;
}

#friendmessage {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #460A5A;
}
/*********************************************************************/


/********************* CONTACT US STYLES *****************************/
#contactus {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#contactus td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#contactus td.info {
	color:#6e4786;
	font-weight:bold;
	width:350px;
}

#contactus td {
	padding:5px 0 5px 5px;
}

#contactus td.label {;
	width:250px;
	text-align:right;
	vertical-align:top;
}

#contactus a {
	text-decoration:none;
	color:#6e4786;
}


#contactus a:hover{
	text-decoration:underline;
}

/*********************************************************************/

/**************************** FAQ STYLES *****************************/

#faq {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#faq td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#faq td.info {
	color:#6e4786;
	font-weight:bold;
}

#faq td {
	padding:5px 0 5px 5px;
	border-bottom:1px solid #C61C7F;
}

#faq td.label {;
	border-right:1px solid #C61C7F;
	width:150px;
}

#faq a {
	text-decoration:none;
	color:#6e4786;
}


#faq a:hover{
	text-decoration:underline;
}

.faqanswer {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:5px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

.faq_title {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

.faqtitle {
	font-weight:bold;
}

.faq_answer {
	color:#6e4786;
	font-weight:normal;
}
	
.faqanswer td {
	padding:5px 0 5px 5px;
}

.faqanswer a {
	text-decoration:none;
	color:#6e4786;
}


.faqanswer a:hover{
	text-decoration:underline;
}

/*********************************************************************/

/********************* MY EVENTS STYLES ******************************/
#myevents {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#myevents td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#myevents td.header {
	font-weight:bold;
	padding:5px;
	font-size:110%;
}

#myevents td.venue {
	color:#6e4786;
	text-align:left;
	width:250px;
	vertical-align:top;
}

#myevents td {
	padding:5px 0 5px 5px;
}

#myevents td.date {
	width:80px;
	text-align:left;
	vertical-align:top;
}

#myevents td.type {
	width:170px;
	text-align:left;
	vertical-align:top;
}

#myevents td.status {
	width:100px;
	text-align:left;
	vertical-align:top;
}
/*********************************************************************/
/********************* THIS BOOKING FRIENDS, THISBOOKINGCOSTS STYLES ******************************/
#thisbookingfriends, #thisbookingcost {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:10px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#thisbookingfriends td.head, #thisbookingcost td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#thisbookingfriends td.header,#thisbookingcost td.header  {
	font-weight:bold;
	padding:5px;
	font-size:110%;
}

#thisbookingfriends td.venue, #thisbookingcost td.venue {
	color:#6e4786;
	text-align:left;
	width:250px;
	vertical-align:top;
}

#thisbookingfriends td, #thisbookingcost td {
	padding:5px 0 5px 5px;
}

#thisbookingfriends td.date, #thisbookingcost td.date {
	width:80px;
	text-align:left;
	vertical-align:top;
}

#thisbookingfriends td.type, #thisbookingcost td.type {
	width:170px;
	text-align:left;
	vertical-align:top;
}

#thisbookingfriends td.status,#thisbookingcost td.status {
	width:100px;
	text-align:left;
	vertical-align:top;
}
/*********************************************************************/


/***************** REGISTER PAGE STYLING *****************************/

	#register {
		color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		border-bottom:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:130px auto 0 auto;
		font-family:verdana;
		font-size:60%;
		width:518px;
	}

	#register td.head {
		border:1px solid #C61C7F;
		background-color:#C61C7F;
		font-weight:bold;
		color:#fff;
		padding:5px;
		font-size:110%;
	}

	#register td {
		padding:5px;
	}
	#register td.label {
		vertical-align:top;
		text-align:right;
		width:200px;
	}
	}#register td.input {
		text-align:left;
		width:318px;
	}

	#eventtypes table td.label {
		text-align:right;
		width:180px;
	}

	#eventtypes table td.input {
		text-align:left;
		width:30px;
	}
	
	.mandatory {
		color:red;
		font-weight:bold;
		}

/***************** STATIC PAGES STYLING *****************************/

/*********************************************************************/


	#whatis {
		color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:130px 5px 0 5px;
		font-family:verdana;
		font-size:60%;
		width:618px;
	}

	#whatis td.head {
		border:1px solid #C61C7F;
		background-color:#C61C7F;
		font-weight:bold;
		color:#fff;
		padding:5px;
		font-size:110%;
	}

	#whatis td {
		padding:5px;
		border-bottom:1px solid #C61C7F;
	}
	#whatis td p {
		line-height:180%;
	}

	#whatis ul li {
		padding:5px 0;
	}
	
/*********************************************************************/	

/********************* NOT LOGGED IN STYLES *****************************/
#notloggedin {
	color:#6e4786;
	border-left:1px solid #C61C7F;
	border-right:1px solid #C61C7F;
	border-bottom:1px solid #C61C7F;
	background-color:#e5e2e9;
	margin:130px 5px 0 5px;
	font-family:verdana;
	font-size:60%;
	width:618px;
}

#notloggedin td.head {
	border:1px solid #C61C7F;
	background-color:#C61C7F;
	font-weight:bold;
	color:#fff;
	padding:5px;
	font-size:110%;
}

#notloggedin td.info {
	color:#6e4786;
	font-weight:bold;
	width:350px;
}

#notloggedin td {
	padding:5px 0 5px 5px;
}

#notloggedin td.label {;
	width:250px;
	text-align:right;
	vertical-align:top;
}

#notloggedin a {
	text-decoration:none;
	color:#6e4786;
}


#notloggedin a:hover{
	text-decoration:underline;
}

/*********************************************************************/
	
/******************* ADMIN PAGES STYLING *****************************/	
	
	#addevent {
		margin:50px 0 0 5px;
	}
	
	
	
	h1.reporting {
		font-weight:bold;
		font-size:100%;
		font-family:verdana;
		margin:10px 5px 0 5px;
	}
	
	#usersummary {
		color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:10px 5px 0 5px;
		font-family:verdana;
		font-size:60%;
		width:618px;
	
	}

	
	#admineventslist, #editevent, .editeventattendees {
		color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:80px 5px 0 5px;
		font-family:verdana;
		font-size:60%;
		width:618px;
	}
	
	#editevent td.label, .editeventattendees td.label{
		vertical-align:middle;
		text-align:right;
		font-weight:bold;
		font-size:105%;
	}
	
	#admineventslist td, #editevent td, .editeventattendees td, #usersummary td{
		padding:5px 0 5px 5px;
		border-bottom:1px solid #C61C7F;
	}
	
	#admineventslist td.nobottomborder {
		padding-top:2px;
		padding-left:5px;
		border-bottom:0px;
		border-right:0px;
		border-bottom:none;
	}
	
	#admineventslist td.eventtext {
		color:#6e4786;
		font-weight:bold;
		padding-right:5px;
		padding-top:0px;
	}
	
	#admineventslist .head,#editevent .head, .editeventattendees .head, #usersummary .head {
		border:1px solid #C61C7F;
		background-color:#C61C7F;
		font-weight:bold;
		color:#fff;
	}
	
	.editeventattendees td.input{
		text-align:left;
		width:60%;
		}
		
	#admineventslist .details {
		background-color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		width:51px;
		padding:0;
		padding-left:1px;
		margin:0;
	}
	#admineventslist .edit {
		background-color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		width:51px;
		padding:0;
		padding-left:1px;
		margin:0;
		text-align:right;
		
	}
	
	#admineventslist a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:110%;
	}
	
	
	#admineventslist .book {
		background-color:#6e4786;
		width:51px;
		text-align:center;
		vertical-align:middle;
		padding:0;
		margin:0;
	}
	
	#admineventslist .when{
		width:65px;
	}
	
	#admineventslist .age{
		width:70px;
	}
	
	#admineventslist .time{
		width:40px;
	}
	
	#admineventslist .cost{
		width:50px;
	}
	
	#admineventslist  .where {
		width:268px;
	}

	#admineventslist	a { font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F }
	#admineventslist	a:link{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F }
	#admineventslist	a:active{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F }
	#admineventslist	a:visited{ font-family: verdana, Helvetica, sans-serif; font-size: 100%; fontstyle:normal;font-weight: BOLD; text-decoration:underline; color: #C61C7F }
	#admineventslist	a:hover{ font-family: verdana, Helvetica, sans-serif; font-size:100%; fontstyle:normal;font-weight: BOLD; text-decoration:none; color: #C61C7F }

	
	#termsbody {
		padding:0;
		margin:0;
		width:400px;
		background-color:#b3afd0;
	}
	#terms {
	background-color:#b3afd0;
	padding:10px;
	font-family: verdana, Helvetica, sans-serif; font-size: 70%;
	width:390px;
	}
	
	#terms h1 {
		font-size:150%;
	}
	
	#terms p {
		line-height:150%;}
		
	.adminlinks {
	float:right;
	}
	
	#emailsearchbar {
		color:#6e4786;
		border:1px solid #C61C7F;
		background-color:#e5e2e9;
		font-family:verdana;
		font-size:60%;
		width:518px;
		margin:5px auto;
		
		
	}
	
	#emailsearchbar div.head {
		background-color:#C61C7F;
		font-weight:bold;
		color:#fff;
		font-size:110%;
		padding:5px;
	
	}
	#emailsearchbar div.searchbar {
		font-size:110%;
		padding:5px;
	
	}
	
	#results {
		color:#6e4786;
		border-left:1px solid #C61C7F;
		border-right:1px solid #C61C7F;
		border-bottom:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:50px auto 0 auto;
		font-family:verdana;
		font-size:60%;
		width:518px;
	}

	#results td.head {
		border:1px solid #C61C7F;
		background-color:#C61C7F;
		font-weight:bold;
		color:#fff;
		padding:5px;
		font-size:110%;
	}

	#results td {
		padding:5px;
	}
	#results td.label {
		vertical-align:top;
		text-align:right;
		width:200px;
	}
	}#results td.input {
		text-align:left;
		width:318px;
	}
	
	
	p.error {
		color:#6e4786;
		border:1px solid #C61C7F;
		background-color:#e5e2e9;
		margin:50px auto 0 auto;
		padding:10px 0 10px 5px;
		font-family:verdana;
		font-size:60%;
		width:518px;
	}
