/* CSS Document */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}


html{
	/* background-color:#ffffff; */
	/*font-size: 100%;*/
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	/* background:url(../site_images/chevin/leafBg.jpg) top center no-repeat; */
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* background:url(../site_images/chevin/leafBg.jpg) top center no-repeat; */
}


/* - */


h1 , H1{font-size: 1.6em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:12px; color:#000000;}
h2 , H2{font-size: 1.2em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:16px; color:#000000; line-height:1.2; letter-spacing:0.6px;}
h3 , H3{font-size: 1.1em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:12px; color:#000000;}
h4 , H4{font-size: 1.0em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:12px; color:#000000;}
h5 , H5{font-size: 1.0em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:12px; color:#000000;}
h6 , H6{font-size: 1.0em;  font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif;  margin-bottom:12px; color:#000000;}


p{
	margin-bottom: 1.1em;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	font-size: 0.8em;
	color: #000000;
	letter-spacing:0.5px;
}


.right        {text-align: right; }
.smallPrint   {font-size:0.55em;  }
.largePrint   {font-size:1.0em;   }
.hookTitle    {font-size:0.8em;   }

a{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#636F07; }
a:link{text-decoration:none; color:#8CC63F;}
a:hover{text-decoration:none;}

a.register       {text-decoration:underline; color:#FFFFFF;}
a.register:link  {text-decoration:underline;}
a.register:hover {text-decoration:none;}

.white , a.white  {color:#FFFFFF;}
.green        {color:#5a7721;}
.red          {color:#FF0000;}
.darkRed      {color:#7e1d1d;}
.blue         {color:#445f8c;}

.loginError    {font-size:0.55em; color:#c78555; }
.loginTitle    {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:1.2em;}

.sectionTitle  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em;  padding-bottom:4px; margin-bottom:4px;  color:#000000; } /* was #5a7721 */

.widgetSmallPrint{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em; color:#000000;}
.promoSmallPrint{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em; color:#333333;}

.factTitle     {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; font-weight:bold; }

p.DYK-factTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; font-weight:bold; margin-bottom:0px; background:url(../site_images/chevin/didYouKnow2.gif) top left no-repeat; text-indent:-100000px; width:242px; height:51px; }
p.DYKtext {padding:0px 15px 10px 15px; margin:0;}

.newsLetterPrint{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#000000; line-height: 1.2;}


img {border-width:0;}


.imageRight{
	float:right;
	padding: 20px 0px 20px 20px;
	margin:5px 5px 5px 5px;
}


.imageLeft{
	float:left;
	padding: 20px 20px 20px 0px;
	margin:5px 5px 5px 5px;
}


hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}


hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}


hr.divider {
	display: none;
}




ul{
		font-family:Verdana, Arial, Helvetica, sans-serif;
}


li{}


/* -- main blocks-- */


#outer{
	/* top:-124px; */
	margin-left: auto;
	margin-right: auto;
	width:100%;
	position:relative;
}


#login{
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	/* height:124px; 
	uncomment for login area - has side effect of safari and IE6 having bottom
	margin underneath the footer - also need to uncomment top:-124px in #outer above */
	background-color:#8c1a4e;	
}


#topBreak{
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:4px;
	font-size:0px;
	background-color:#efefef;
}



#inner {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width:970px;
	padding:10px;
	background-color:#FFFFFF;
}



#headerWrap{
	margin-top:0px;
	width:970px;
}


#bodyWrap{
	float:left;
	padding:0px;
	margin-left:0px;
	padding-top:10px;
	margin-bottom:30px;	/* was 60px */
	width:970px;
	position:relative;
	/* background:url(../site_images/chevin/homeH1bg-whole.jpg) top left no-repeat; 
	added to class below so can use wherever */	
}

		#bodyWrap.goldBandHook {
			background:url(../site_images/chevin/homeH1bg-wholeLong.jpg) top left no-repeat;
		}
		
		#bodyWrap.goldBandHookContact {
			background:url(../site_images/chevin/homeH1bg-wholeLong.jpg) top left no-repeat;
			margin-bottom:10px;
		}
		
		
				#bodyWrap #contactHookHeading {
					position:relative;
					float:left;
					width:688px;
				}
				
						#bodyWrap #contactHookHeading h1 {
							padding-left:40px;
							font-family:"Times New Roman", Times, serif;
							font-size:2.0em;
							padding-top:5px;
						}
		
		
		
		



#footerWrap{
	float:left;
	position:relative;
	/* margin-top:60px; */
	width:100%;
	height:30px;
}



/* -- end of main block -- */


#loginWrap{
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width:970px;
	height:124px;
}


#loginLeft{
	float:left;
	margin-top:18px;
	width:490px;
	height:106px;
}


#loginRight{
	float:right;
	margin-top:18px;
	width:460px;
	height:106px;
}


#loginErrorMsg{
	float:left; 
	width:100%;
	height:20px; 
	margin-top:16px;
}


#headerContent{
	float:left;
	position:relative;
	width:930px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	background:#000000;
}


#headerContentLogo{
	float:left;
	position:relative;
	width:194px;
	height:114px;
	padding-left:20px;
	/* background-image:url(../site_images/chevin/logo.gif);
	background-position:top left;
	background-repeat:no-repeat; */
}


#headerOptions{
	float:right;
	width:240px;
	/* height:32px; */
	padding:0px;
	padding-right:20px;
	padding-top:10px;
	margin:0px;
}


#headerNav{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:6px;
	padding:0px;
	width:460px;
	height:26px;
	/*z-index:2001;*/
}


#headerNav ul{
	float:right;
	display: inline;
	list-style:none;
	font-size:0.8em;
	text-align:right;
}


#headerNav ul li{
	display: inline;
	list-style: none;
	padding-left:10px;
	text-align:right;
}


#headerForms{
	position:relative;
	float:right;
	/* width:490px;
	height:62px; */
}

		#headerForms #replacementRegister{
			width: 75px;
			height: 23px;
			margin: 0;
			padding: 0;
			border: 0;
			background: transparent url(../site_images/chevin/signUp.gif) no-repeat top left;
			text-indent: -1000em;
			/* vertical-align: middle; */
			cursor: pointer; /* hand-shaped cursor */
			cursor: hand; /* IE 5.x */
			float:left;
			margin-top:10px;
			margin-left:0px; /* 234px inline with end of input boxes - 48px is to start of input boxes */
			/* border:1px solid #8A801E;
			background-color:#D0C897; */
		}


#headerImage{
	float:left;
	width:970px;
	border-top:#8cc63f solid 14px; /* was 97be0d */
	border-bottom:#8cc63f solid 14px; /* was 97be0d */
	/*height:358px;*/
}


#mainNavigation{
	float:left;
	margin: 0;
	width:970px;
	height:45px;
	font-size:0.6em;
	background-color:#ffffff;

}


#mainNavigation  ul{
	display: inline;
	list-style: none;
}


#mainNavigation ul li{
	float: left;
	width:98px;
	margin-right: 0px;
	height:36px;
	/*background-image:url(/site_images/button-navigation-background.gif);
	background-position:top left;
	background-repeat:no-repeat;*/
	padding-top:10px;
	text-align:center;
}


#mainNavigation ul li a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}


#bodyTop{
	float:left; 
	/*margin-bottom:20px; */
	padding-bottom:10px;
	width:100%; 
	height:60px;
	
}


#breadCrum{
	float:left; 
	width:100%;
	font-size:0.8em;
	padding:0px 0px 7px 0px;
	font-family:Arial, Helvetica, sans-serif;
}


#section{
	float:left; 
	position:relative;
	padding-top:8px;
	/*height:25px;*/
	padding-bottom:21px;
	width:620px;
	
}


#bodyLeft{
	float:left;
	width:688px; /* was 730px and then 728px before padding */
	padding-left:40px;
	padding-top:5px;
	/*background-color:#003399;*/
}

#bodyLeftContact {
	position:relative;
	width:713px;
	float:left;
	margin-top:12px;
	margin-right:15px;
	background-color:#d9d3ac;
}

		/* IMPORTED FROM VISTA  */
						#contactFormWrapper {
							position:relative;
							float:left;
							width:457px; /* was 405px */
							padding-top:10px;
						}
						
								#contactForm {
									/* position:relative;
									float:left; */
									width:405px;
								}
											
								#contactFormLeft {
									position:relative;
									float:left;
									width:417px; /* was 405px */
									padding-left:40px;
								}
									
											#contactFormLeft p label.form {
												margin-right:7px;
											}
											
											#contactFormLeft p {
												letter-spacing:0px;
											}
											
											.formFields{
												background-color:#FFFFFF;
												border:1px solid #8A801E;  /* was border:1px solid #bbbbbb; */
												width:251px;
												/*height:26px;*/
											}
											
											.error{
												color:#FF0000;
											}
											
											#replacementContact{
												width: 55px;
												height: 31px;
												margin: 0;
												padding: 0;
												border: 0;
												background: transparent url(../site_images/chevin/sendButton.gif) no-repeat top left;
												text-indent: -10000em;
												vertical-align: middle;
												cursor: pointer; /* hand-shaped cursor */
												cursor: hand; /* IE 5.x */
												float:right;
												margin-right:26px;
												margin-left:0px;
												margin-bottom:5px;
												/* border:1px solid #8A801E;
												background-color:#D0C897; */
												margin-top:-15px;
											}
		
						
						#contactRightWrapper {
							position:relative;
							float:left;
							width:222px; /* was 281px */
							padding-top:20px;
						}
						
							#contactRightWrapper #contactInfo #contactContent p, #contactRightWrapper p {
									font-family:Arial, Verdana, Helvetica, sans-serif;
									line-height: 1.3;
									font-size: 14px; /* was 0.8em */
									color: #000000;		
								}
								
		/* IMPORTED FROM VISTA  */				
					


#mainContent{
	float:right;
	position:relative;
	width:505px;
	margin:0px;
	padding:0px;
	/*remove styles below*/
	/*background-color:#CCCC00;*/
}


#mainContent ul{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		margin-left:16px;
}


#mainContent ol{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		margin-left:16px;
}


#mainContent ul li{
		margin-bottom:10px;
		color:#333333;
		list-style:disc;
		list-style-position:outside;
}



#staticContent{
	float:left;
	position:relative;
	width:648px; /* 688 without padding */
	margin:0px;
	padding:0px;
	padding-right:40px;
	/*remove styles below*/
	/*background-color:#CCCC00;*/
}


#staticContent ul{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		/*font-size:0.8em;*/
		margin-bottom:10px;
		margin-left:12px;
		/*background-color:#FF0000;*/
}


#staticContent ol{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		margin-bottom:10px;
		margin-left:12px;
		
}


#staticContent ul li{
		margin-bottom:10px;
		color:#333333;
		list-style:disc;
		list-style-position:outside;
}


#homeContent{
	float:left;
	position:relative;
	width:648px; /* was 690px before padding */
	margin:0px;
	padding:0px;
	padding-left:00px;
	padding-top:00px;
	padding-right:40px;
	/*remove styles below*/
	/*background-color:#CCCC00;*/
}

#homeContent h1{
	font-family:"Times New Roman", Times, serif;
	font-size:2.0em;
	margin-bottom:35px;
	width:400px;
	display:inline-block;
	position:relative;
	float:left;
}

#homeContent ul{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.7em;
		margin-bottom:10px;
		margin-left:12px;
}


#homeContent ol{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.7em;
		margin-bottom:10px;
		margin-left:12px;
}


#homeContent ul li{
		margin-bottom:10px;
		color:#333333;
		list-style:disc;
		list-style-position:outside;
}


#relatedContent{
	float:left;
	position:relative;
	width:100%;
}


relatedContentBreak{
	float:left;
	position:relative;
	width:100%;
	height:4px;
}


#relatedContentLeft{
	float:left;
	position:relative;
	width:250px;
}


#relatedContentRight{
	float:right;
	position:relative;
	width:250px;
	/*remove styles below*/
	height:50px;
	background-color:#FF99FF;	
}



#bodyRight{
	position:relative;
	float:right;
	width:242px; /* was 240px */
	/*background-color:#CCCC33;*/
}


#footerTopWrap{
	float:left;
	width:100%;
	height:45px;
	background-image:url(../site_images/footer-top.gif);
	background-position:top left;
	background-repeat:repeat-x;
}


#footerTop{
	width:970px;
	margin-top:14px;
	margin-left: auto;
	margin-right: auto;
}


#footerTop ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:4px;
	display: inline;
	list-style: none;
}


#footerTop ul li{
	display: inline;
	list-style: none;
	font-size:0.6em;
	padding-right:22px;	
}


#footerTop ul li a.footerNav {color:#333333;}


#footerBottom{
	width:970px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#636f07;
	height:22px; /* set to 23 for FF - 22 for safari */
}


#footerBottomLeft{
	float:left;
	width:335px;
	height:18px;
	padding-left:15px;
}

		#footerBottomLeft p {	
			color:#FFFFFF;
			font-size:10px;
			margin:0px;
			padding:0px;
			line-height:21px;
		}
		
		
#footerBottomLeft-Chevin{
	float:left;
	width:955px;
	height:22px;
	padding-left:15px;
}

		#footerBottomLeft-Chevin p {	
			color:#FFFFFF;
			font-size:10px;
			margin:0px;
			padding:0px;
			line-height:21px;
			display:inline-block;
			position:relative;
			float:left;
		}
		
		#footerBottomLeft-Chevin ul.footerStaticNav {
			position:relative;
			float:left;
			width:300px;
			display:inline-block;
			color:#FFFFFF;
		}
		
				#footerBottomLeft-Chevin ul.footerStaticNav li {
					position:relative;
					float:left;
					display:inline-block;
					color:#FFFFFF;
					font-size:10px;
					line-height:21px;
				}
				
						#footerBottomLeft-Chevin ul.footerStaticNav li a {
							color:#FFFFFF;
							font-size:10px;
							margin:0px;
							padding:0px;
						}


#footerBottomRight{
	float:right;
	text-align:right;
	width:600px;
}


#footerBottomRight ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	display: inline;
	list-style: none;
}


#footerBottomRight ul li{
	display: inline;
	list-style: none;
	font-size:0.6em;
	padding-left:22px;
	line-height:30px;
}


/* -- main widgets-- */


.homeWidget{
	float:left;
	position:relative; 
	width:193px; 
	height:33px; 
	padding:15px 0px 0px 15px; 
	border:solid 1px #ccc; 
	border-bottom:solid 3px #81945b; 
	margin-top:3px;	
}


.homeWidgetSpace
{
	margin-left:30px; 
}


.sideWidget{
	float:right; 
	padding:15px 0px 0px 15px; 
	width:222px; 
	height:33px; 
	border:solid 1px #ccc; 
	border-bottom:solid 3px #81945b; 
	margin-bottom:3px; 
	margin-top:3px;
}


#calendarWidget{
	float:right; 
	padding:15px 0px 0px 10px; 
	width:227px; 
	border:solid 1px #ccc; 
	margin-bottom:3px; 
	margin-top:3px;
}


.homeFactWidget{
	float:left; 
	/* padding:4px 0px 0px 6px;  */
	padding:0px;
	width:242px; 
	/*height:54px; */
	/* margin-bottom:3px; 
	margin-top:3px; */
}


#widgetBuyTicket{
	float:right; 
	width:229px; 
	height:151px; 
	border:solid 1px #ccc;
}



/* -- form styling -- */

#replacementLogin{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../bundles/ajaxLogin/img/button-login.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}


#replacementSearch{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-search-green.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}


#replacementSignUp{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-signup-green.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}


#replacementSave{
	width: 126px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-save-changes.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:right;
}


#replacementEdit{
	width: 126px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-edit-details.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}


#replacementCancel{
	width: 126px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-cancel.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:right;
}


#replacementSend{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-send-green.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:right;
}


#replacementContinue{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-continue-red.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:left;
}


#replacementUpdate{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-update-quantity.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:left;


}



#replacementBack{
	width: 73px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-back.jpg) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:left;
}


#replacementPrint{
	width: 267px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../site_images/button-print-ticket.gif) no-repeat top left;
	text-indent: -1000em;
	vertical-align: middle;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
	float:left;
}


.contactForm{
	  float:left;
	  padding:0px;        /* padding in fieldset support spotty in IE */
	  margin: 0;
	  width:720px;
}


.contactFields{
	background-color:#edf1f2; 
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


.cardForm{
	  float:left;
	  padding:0px;        /* padding in fieldset support spotty in IE */
	  margin: 0;
	  width:720px;
}


.cardFields{
	background-color:#edf1f2; 
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


.registerForm{
	  float:left;
	  padding:0px;        /* padding in fieldset support spotty in IE */
	  margin: 0;
	  width:720px;
}


.registerFields{
	background-color:#edf1f2; 
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


.boxOfficeContactDetails{
	float: left; 
	width:670px;
}


.boxOfficeFields{
	background-color:#efefef; 
	height:30px;
	padding-top:6px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


#quickLogin{
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


.profileFields{
	background-color:#edf1f2; 
	height:30px;
	padding-top:6px; 
	padding-bottom:3px; 
	margin-bottom:5px;
}


#profileDetailsEdit{
	float: left; 
	width:720px;
}


.preferenceDetailsEdit{
	float: left; 
	width:310px;
}


#tellFriends{
	float: left; 
	width:720px;
}


.friendFields{
	background-color:#edf1f2; 
	height:30px;
	padding-top:6px; 
	padding-bottom:3px; 
	margin-bottom:5px;

}



.friendFields label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.registerForm label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.contactForm label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.cardFields label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 245px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.boxOfficeFields label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 2px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}


#quickLogin label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 70px; 
		padding: 0; 
		margin: 2px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.profileDetails label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 0px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}


.profileFields label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.activityListField labal{
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 5px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: left;
}



.message { 
	margin-left:20px;
}


.quantityFields{
	width:30px;
	border:1px #333333 double;
	margin-top:5px;
}


.registerForm .fields{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.contactForm .fields{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.cardForm .fields{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.registerForm .dropDown{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.friendFields .fields{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}



.profileFields .fields{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.profileFields .dropDown{
	width:200px;
	border:1px #333333 double;
	margin-top:5px;
}


.profileFieldsHeight{
	height:22px;
	padding-top:5px;
}


.profileFieldsHeight label {
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 165px; 
		padding: 0; 
		margin: 0px 10px 0 0px; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
}

.homeInputFields{
	padding:0px;
	border:1px solid #666666;
	color:#666666;
	width:94px;
}


.loginFields{
	padding:0px;
	border:1px solid #666666;
	color:#666666;
	width:94px;
}


.formFieldsHead{
	background-color:#FFFFFF;
	border:0 none;
	color:#999999;
	width:110px;
	margin-top:3px;

}

label.newsSign {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.error{
	color:#FF0000;
}


/* -- end of form styling -- */



/* -- side nav -- */


#leftNavWrapper{
	float:left; 
	width:196px;
}


#leftNavigation{
	float:left;
	position:relative;
	width:196px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	border-top: 1px solid #5a7721;
}


#leftNavigation ul{
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	padding:0px;
	margin:0px;
	width:196px;
}


#leftNavigation ul li{
	padding-bottom:0px;
	padding-top:0px;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:1.2em;
	/***********line-height:1.5em;******************/
	/*font-size:0px;*/
	
}


#leftNavPromo{
	float:left;
	width:196px;
	position:relative;
	margin-top:20px;
	/*
	height:200px;
	background-color:#FF3300;
	*/
}


.navList{
	float:left;
	width:100%;
	font-size:0.8em;
	padding-top:0px;
	margin:0px;
	border-bottom: 1px solid #5a7721;
}


.navListSelected{
	float:left;
	font-size:0.8em;
	width:100%;
	padding-top:0px;
	margin:0px;
	border-bottom: 1px solid #5a7721;
	background-color:#7b924d;
	
	clear:both;
	
}


/*  --  */


.homeLinks{
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:0px;
	margin-right:10px;
	width:230px;
	height:390px;
	background-color:#ffffff;
}


.linksBorder{
	float:left; 
	margin-top:20px; 
	width:6px; 
	height:360px; 
	border-left:solid 1px #cccccc; 
	border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;
}


.linksWrap{
	float:left; 
	margin-top:10px; 
	margin-left:4px; 
	width:200px; 
	height:360px;
}


.linksTitle{
	float:left; 
	margin-top:0px; 
	margin-left:0px; 
	width:200px; 
	height:30px;
}


.linksImage{
	float:left; 
	margin-top:10px; 
	margin-left:0px; 
	width:200px; 
	height:74px;
}


.linksList{
	float:left; 
	margin-top:14px; 
	width:200px;
}


.linksList ul{


}


.linksList ul li{
	margin-bottom:5px;
	font-size:0.8em;
}


.linksList ul li a{


} 


/* -- */


.imageWrapper{  
	float:left;
	width:440px;
	margin-bottom:5px;
	height:440px;
}

.introText {
	font-size:20px;
	color:#009999;
}

/*
.imageLeft{
	float:left;
	padding: 0px 10px 10px 0px;
}


.imageRight{
	float:right;
	padding: 0px 10px 10px 0px;
}
*/

.textWrapper{  
	float:left;
	width:440px;
	margin-bottom:5px;
	height:440px;
}


.textLeft{
	float:left;
	width:200px;
}


.textRight{
	float:right;
	width:200px;
}













/*  --- home landing pages--- */


#homeSplitAction{
	float:right; 
	width:208px; 
	/*height:123px; */
	margin-bottom:30px; 
	background-color:#ffffff; 
	border:solid 1px #ccc;
}

/*
#homeSplitAction a {
	display: block;
	height: 208px;
	width: 123px;
}

*/

















/*  -- myharewood slide down --  */


a:focus {
	outline: none;
}


#panelWrap {
	margin:0px;
	padding:0px;
	width:490px;
	height:300px;
	display: none;
	z-index:2000;
	position:absolute;
	background-color:#FFFFFF;
	
}


#panel{
	margin:10px 10px 10px 10px; 
	padding:10px 10px 10px 10px; 
	height:260px; 
	width:450px; 
	background-color:#CCCCCC;
}


#slideButton{
	position:relative; 
	margin-top:0px; 
	right:10px;
	float:right; 
	width:175px; 
	height:33px;
}


#harewoodButton{
	position:relative; 
	margin-top:0px; 
	margin-right:10px;
	float:right; 
	width:175px; 
	height:40px; 
}


.slide {
	margin-top:0px;
	/*margin-left:260px;*/
	padding: 0px;
	color:#000000;
	height:40px;
	z-index:2001;
}


.btn-slide {
	background-image:url(../site_images/button-myharewood-green.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width: 175px;
	height: 31px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	cursor:pointer;
}


.btn-myHarewood{
	background-image:url(../site_images/button-myharewood-green.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width: 175px;
	height: 31px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
}


.active {
	/*background-position: right 12px;*/
}


/* -- end of myharewood slide  -- */



#customiseNewsBar, #customiseBlogBar, #customiseFlickrBar, #customiseCalendarBar {
	width:100%;
	height:33px;
	position:relative;
	top:0px;
	padding-left:0px;
}


#customiseNewsBar .newsToggle, #customiseBlogBar .blogToggle, #customiseFlickrBar .flickrToggle, #customiseFlickrBar .calendarToggle  {
	display:block;
	width:190px;
	padding:0px 0px 12px 0px;
	background-color:#ffffff;
	/*border-bottom:solid 1px #ccc;*/
	float:left;
	/*cursor:pointer;*/
	cursor:auto;
	
}


#newsToggle, #blogToggle, #flickrToggle, #calendarToggle {
	margin:0px;
	width:217px;
	height:400px;
	background-color:#ffffff;
	display:none;
	/*border-bottom:solid 1px #ccc;*/
}


#flickrDropImage , #blogDropImage , #newsDropImage, #calendarDropImage{
	float:right; 
	width:30px; 
	height:14px;
	background-image:url(/site_images/button_arrow_down.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


a.flickrToggleImage:hover , a.blogToggleImage:hover , a.newsToggleImage:hover, a.calendarToggleImage:hover{
		cursor:pointer;
}


#calendarToggle{
	height:auto;
}

#flickrToggle{
	height:350px;
}

#newsToggle ul , #blogToggle ul, #flickrToggle ul, #calendarToggle ul {
	list-style:none;
	display:inline;
	margin:0px;
}


#newsToggle li, #blogToggle li, #flickrToggle li, #calendarToggleli {
	display:inline;
}


#newsToggle li a, #blogToggle li a, #flickrToggle li a, #calendarToggle li a {
	display:inline-block;
	margin:10px 0px 10px 10px;
	color:#0066FF;
	text-decoration:none;
}




/* -- -- */