/* SET DEFAULTS */
body, html {
	height:100%;
}
body {
	position:relative;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#000066;
	color: #2A247E;
	text-align: center;
	background: #74c721 url(../images/bgs/body.gif) center top repeat-y ; 
	margin-bottom:-2000px;
}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6{
	padding: .1em 0 .2em 0;
	line-height: 1.3em;
}	
ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	line-height: 1.5em;
	font-size: 1em;
	margin:0;
}
li li, li dt ,li dd, li h3, li p,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}

h1{
	color:#86182D;
	font-size: 1.5em;
}
h2{
	color:#7C1960;
	font-size: 1.4em;
}
h3 {
	color:#0084E4;
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0 0 1em 0;  
}
table{border-collapse:collapse;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.2em;
}
th {font-weight:bold;}

a {
	color:#671F20;
	text-decoration: underline;
}
a:hover {
}

	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:middle;
}		



/* BOXES */

	#outerwrap {
		position: relative;
		width:1000px;
		margin: 0px auto;
		text-align: left;
		min-height: 100% ;
		background: url(../images/bgs/outerwrap.gif) 0px 700px no-repeat; 
		}
		* html #outerwrap{height: 100%;}
		
	#wrapper{
		z-index:0;
		text-align:left;
		height:600px;
		width:1000px;
		padding-top:120px;
		background: url(../images/bgs/wrapper.gif) left top no-repeat; 
	}
	#header {
		z-index:100;
		position:absolute;
		top:55px;
		left:130px;
		width:850px;
		height:65px;
		color:#fff;
	}
	#menu {
		position:absolute;
		top:190px;
		left:68px;
		width:210px;
	}
	#contentwrap {
		z-index:99;
		position:relative;
		width: 600px;
		margin-left: 290px;
		padding: 40px 0 4px 0;
		background:#fff;
		}
	#content {
		width: 600px;
		height: 435px;
		overflow: auto;
	}
	#footer  {
		z-index:0;
		position:relative;
		margin-left:290px;
		width:600px;
		height:110px;
		text-align:left;
	}



/* FORMS */
	
	/* CORE FORM styles */
	
		form * {color:#000066;font-family:verdana, arial, helvetica, sans-serif;}
		form{ padding:0 0 1.5em 0;}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			margin:0;
			padding:0;
			font-size: 1.2em;
		}
		input, select, textarea{
			margin:0;
			padding:2px;
			background:#fff;
			border:1px solid #2AAAA3;
			font-family: arial, helvetica, verdana, trebuchet, sans-serif;
		} 
		textarea{ height: 60px; } 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			font-weight:bold;
		}
		label{margin:3px 0;}
	
		fieldset{ 
			clear:both;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#fff;
			border:1px solid #2AAAA3;
		} 
	
		/* FEATURE FORM additional styles */
			.feature input{ width:180px; }
			.feature label{ float:left;width:120px; }
			.feature select {width:auto;}
			.feature textarea{ 
				height: 70px;
				width: 250px;
			} 
			.feature ul.multi{
				float:left;
				width:240px;
				padding-bottom:0;
			}
			.feature ul.multi li{
				float:left;
				width:120px;
				font-size:1em;
				padding:2px 0;
			}
			.feature ul.multi input,
			.feature ul.row input{
				width:auto;
				margin-right:3px;
			}
			.feature ul.multi label{font-weight:normal;}
			#content form li{
				padding:0px;
				background-image:none;
			}
	
			/* FEATURE LOGIN FORM  */
				.feature .loginForm label{ 
					float:left;
					width:100px; 
				}
				.feature .loginForm input{ 
					margin:2px 0; 
				}
				.feature .loginForm input.loginbutton{ 
					margin-left:105px; 
				}
	
	
		/* BUTTONS */
			/* first class wipes out standard input borders etc for buttons, second one allows for varied width image etc */
			form .gobutton,
			form .loginbutton,
			form .submitbutton,
			form .updatebutton,
			form .wfPageButton,
			form #submitbutton{ 
				color:#fff;
				width:170px; 
				cursor:pointer;
				font-weight:bold;
				padding:5px 0;
				border:0px solid #DA1105;
				background: url(../images/icons/submit-button.gif) left top no-repeat;
			}
			form .gobutton,
			form .updatebutton,
			form .submitbutton,
			form .loginbutton,
			#Feedback #submitbutton{
				width:auto;
				padding:0;
				background:none;
				vertical-align: middle;
			}
	
		
		/* ERROR styling */
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	
		








/* HEADER styles */

	#header h1.logo{
		padding:0;
		width:420px;
		float:left;
	}
	#header .address{
		margin:-20px 0 0 440px;
		text-align:right;
		width:290px;
	}
	#header .address p{
		font-size:1.2em;
		line-height:1.3em;
	}
	#header .address a{color:#fff;text-decoration:none;}
	#header .address a:hover{text-decoration:underline;}


	/* MENU styles */
		#menu #mainNav{
		}
			#menu #mainNav li{
				font-weight:bold;
				font-size:1.3em;
				line-height:1.1em;
				padding-bottom:11px;
			}
		
			#mainNav li a {
				color:#7C1960;
				text-decoration:none;
			}
			#mainNav li.active a{
				padding-right:15px;
				background: url(../images/icons/arrow.gif) right center no-repeat;
			}
			#mainNav li a:hover{
				color:#964780;
			}
	
			/* link indents */
				#mainNav li.calendarNav {padding-left:1px}
				#mainNav li.speakerNav {padding-left:3px}
				#mainNav li.facilitatorNav {padding-left:4px}
				#mainNav li.mickNav {padding-left:6px}
				#mainNav li.mcNav {padding-left:7px}
				#mainNav li.comedyNav {padding-left:9px}
				#mainNav li.themusicalNav {padding-left:10px}
				#mainNav li.samNav {padding-left:11px}
				#mainNav li.eldershipNav {padding-left:13px}
				#mainNav li.thumbiteNav {padding-left:14px}

				#mainNav li.aboutNav {padding-left:15px}
				#mainNav li.insideNav {padding-left:16px}


			/* link colors */
				/* aqua/pale blue */
					#mainNav li.calendarNav a,
					#mainNav li.themusicalNav a{
						color:#2AAAA3;
					}
					#mainNav li.calendarNav a:hover,
					#mainNav li.themusicalNav a:hover{
						color:#55BBB5;
					}
				/* green */
					#mainNav li.speakerNav a,
					#mainNav li.samNav a{
						color:#5F773C;
					}
					#mainNav li.speakerNav a:hover,
					#mainNav li.samNav a:hover{
						color:#7F9263;
					}
				/* dark blue */
					#mainNav li.facilitatorNav a,
					#mainNav li.eldershipNav a{
						color:#2A247E;
					}
					#mainNav li.facilitatorNav a:hover,
					#mainNav li.eldershipNav a:hover{
						color:#555098;
					}
				/* mid blue */
					#mainNav li.mickNav a,
					#mainNav li.aboutNav a{
						color:#0F6FC5;
					}
					#mainNav li.mickNav a:hover,
					#mainNav li.aboutNav a:hover{
						color:#3F8CD1;
					}
				/* red */
					#mainNav li.mcNav a,
					#mainNav li.insideNav a{
						color:#86182D;
					}
					#mainNav li.mcNav a:hover,
					#mainNav li.insideNav a:hover{
						color:#9E4657;
					}


		/* USERPANEL styles */
			#userpanel{
				top:0;
				width:900px;
				margin:0 50px;
				position:absolute;
				text-align:center;
				background-color:#fff;
			}
			#userpanel h2{
				font-size:1.2em;
			}
			#userpanel ul,
			#userpanel li{
				display:inline;
			}
		

/* FOOTER styles */
	/* SECONDARY MENU styles */
		#footer #secondaryNav {
			text-align:center;
			padding:10px 0 25px 0;
		}
		#footer #secondaryNav li {
			display:inline;
			font-size:1.4em;
			padding: 0 10px;
		}
		#footer #secondaryNav a{
			color:#0F6FC5;
			text-decoration:none;
		}
		#footer #secondaryNav .enquiryNav a{color:#86182D;}
		#footer #secondaryNav .calendarNav a{color:#7C1960;}



	/* MAILING LIST styles */
		#footer #maillist{
			position:absolute;
			top:0;
			width:138px;
			height:138px;
			padding:0 25px 0 17px;
			margin:-63px 0 0 -203px;
			background: url(../images/bgs/maillist.gif) left bottom no-repeat;
			color:#2A247E;
			text-align:right;
			font-weight:bold;
		}
		#footer #maillist h2{
			padding:0 15px 0 0;
			margin:0;
			height:33px;
		}
		#footer #maillist label{
			font-size:1.1em;
			line-height:1.2em;
			text-align:left;
			display:block;
			padding:0 0 3px 0;
			margin:0;
		}
		#footer #maillist input{margin:0;}
		#footer #maillist input#email{
			width:124px;
			height:17px;
			padding:4px 5px 0px 5px;
			font-size: 1.1em;
			background:#fff url(../images/bgs/email-input.gif) left top no-repeat;
			border:0px solid #2AAAA3;
		}
		#footer #maillist input.gobutton{
			padding:0 15px 0 0;
		}

	/* CREDITS styles */
		#footer .credits{
			text-align:center;
			color:#0F6FC5;
		}





/* CONTENT styles */
	#contentwrap h1.pageHeader{
		top:0;
		position:absolute;
		padding:0;
		color:#2A247E;
		font-size:2.8em;
		font-weight:normal;
		background-color:#fff;
		font-family:Georgia, "Times New Roman", Times, serif;
	}

	/* STANDARD BOXES */
		#content .feature{
			float:left;
			width:380px;
			padding:10px 0 0 2px;
		}
		#content .feature.oneColumn{
			width:570px;
		}
		#content .movie .attachment{
			text-align:center;
		}
		#content .captionBox{
			margin-bottom:6px;
		}
		#content .highlight{
			width:175px;
			color:#0F6FC5;
			color: #0b6fc5;
			margin-left:400px;
			padding:10px 0 0 0px;
		}
		#content .highlight p{
			font-size:1em;
		}
		#content .highlight .captionBox{
			padding-bottom:12px;
			background: url(../images/bgs/rule.gif) left bottom no-repeat;
		}
		#content li{
			padding:0 0 0 12px;
			background: url(../images/icons/bullet.gif) left top no-repeat;
		}






	/* MERCHANDISE styles */
	/*	.shop #content .feature{
			width:310px;
		}
		.shop #content .highlight{
			margin-left:330px;
			width:130px;
		} */
		.shop .categoryList,
		.shop .productList,
		.shop #content .categoryList li,
		.shop #content .productList li{
			float:left;
			width:380px;
			background-image:none;
		}
		.shop #content .categoryList li{padding-left:0;}
		.shop #content .productList li{
			width:195px;
			padding:0 0 15px 180px;
		}
		.shop #content .productList{ padding:1em 0;}
		.shop #content .productList li h3{
			font-size:1.3em;
			padding-bottom:5px;
		}
		.shop #content .productList li h3,
		.shop #content .productList li p{
			padding-bottom:5px;
		}
		.shop #content .productList li .inlinepic{
			float:left;
			position:relative;
			margin-left:-180px;
			border:1px solid #74C721;
			margin-bottom:5px;
		}

		.shop #content .highlight #cart {
			font-size:1.1em;
			text-align:center;
			font-weight:bold;
		}
		.shop #content .highlight #cart p img{
			margin-top:5px;
		}


		/* CHECKOUT/CART PAGES */
			.shop #cartOutput{
				width: 380px;
				margin-bottom:10px;
				border-collapse:collapse;
			}
			.shop .oneColumn #cartOutput{
				width:570px;
			}
			.shop #cartOutput th{
				font-size:1.3em;
				background:#95D5D1;
			}
			.shop #cartOutput th,
			.feature #cartOutput td{
				padding:3px 5px;
				text-align:right;
				border-bottom:1px solid #95D5D1;
			}
			.shop #cartOutput th.header1,
			.shop #cartOutput td.product{
				text-align:left;
			}
			.shop #cartOutput .cartsubfoot,
			.shop #cartOutput .cartsubresult{
				font-weight:bold;
				text-transform:uppercase;
			}
	
			.shop .order dt {
				float:left;
				width:8em;
				font-weight:bold;
			}
			.shop .order dd {
				padding-left:8.2em;
				border-bottom:1px dashed #95D5D1;
			}
	
		/* CHECKOUT/CART FORM STYLES */
			.shop #cartOutput .qty input{
				width:auto;
				padding-right:4px;
				text-align:right;
			}
			.shop #Orders select{ width:180px; }
			.shop #Orders .row{
				padding:5px 0;
				border-bottom:1px dashed #95D5D1;
			}
			.shop #Orders .row .row{
				clear:both;
				padding:0;
				border-bottom:0px dashed #95D5D1;
			}
			.shop form .creditType fieldset input,
			.shop form .creditExpiry fieldset input{ 
					width:auto;
					border: 0px;
					background: none; 
				}
			.shop form .creditType fieldset label,
			.shop form .creditExpiry fieldset label{
					float:none;
					width:auto;
					margin:2px 0;
					font-weight:normal;
				}
			.shop form .creditType fieldset label,
			.shop form .creditExpiry fieldset select{margin-right:15px;}
			.shop form .creditCVC label,
			.shop form .creditCVC input{width: auto;margin-right:15px;}
	



	/* CONTACT/FEEDBACK STYLES */
		
		/* FEEDBACK FORM  */
			#Feedback input {width: 150px;}
			#Feedback .row{
				padding:4px 0;
			}
			#Feedback .row .row{
				clear:both;
				padding:0;
			}

			#Feedback #submitbutton{
				margin-left:120px;
			}












	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


        

/* management tweaks */
	.feature .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	.feature .manage dd {
		margin-left: 20px;
	}
	.feature .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}





/* IMPORTANT! sIFR import styles for screen & print media */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

@media screen {
/* These are standard sIFR styles... do not modify */

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-active #contentwrap h1.pageHeader{
	visibility: hidden;
	line-height: 1em;
	font-size:3em;
	top:3px;
}



}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

}