/*	Created by Toledoh Enterprises Pty Ltd
	www.toledoh.com.au
	
	Client:www.womenspace.org.au
	Date: June 2009
	
	Swatch:
	Blue: #00B1E7
	Dark Gray: #333333
	Light Gray: #666666
	Purple: #604494
	Dark Pink: #CF5BAA
	Light Pink #F5E4F0
	____________________________________________________________*/
	
/*	Page Structure 	____________________________________________________________*/
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.45em;
	} 

#pagewidth{ 
	width:960px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background:url(../images/page_back.jpg) top no-repeat;  
	} 

#header{
	position:relative; 
	height:136px; 
	width:100%;
	} 
 
#leftcol{
	width:298px; 
	float:left; 
	position:relative;
	margin:25px 0 10px 72px;
	padding:0;
	}
 
#maincol{
	float: right; 
	display:inline; 
	position: relative; 
	width:590px; 
	}
 
#footer{
	height:100px; 
	clear:both;
	font-size:10px;
	margin-top:20px;
	} 

		/*	Navigation Tags 	____________________________________________________________*/
		#nav{
		margin:0;
		padding:0;
		color:#FFFFFF;
		background-color:#604494;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		line-height: 1.6em;
		text-align:center;
		}
		
		#nav ul{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#nav li{
		display:inline;
		} 
		
		#nav li a {
		display: inline-block;
		text-decoration: none;
		color:#FFFFFF;
		padding: 0 1.1em;
		height: 2.5em;
		line-height: 2.5em;
		}		

		#nav li a:hover {
		color:#333333;
		}
		
		/*	Home Main Column Tags 	____________________________________________________________*/
		
		#maincol a{
		font-weight:bold;
		text-decoration:none;
		color: #666666;
		}
		
		#maincol a:hover{
		font-weight:bold;
		text-decoration: underline;
		}
		
		#pageHeading{
		margin:30px 0;
		padding:0;
		font-family: Georgia, serif;
		font-size: 22px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
		color:#CF5BAA;
		}
		
		#pageSubNav{
		margin:-15px 0 0 0;
		}
		#pageContent{
		margin:30px 0;
		padding:0;
		}
#maincol tr:hover{
	background-color: #F5E4F0;
}

		.textLevel1{
		font-family: Georgia, serif;
		font-size: 22px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
		color:#666666;
		}
		
		.textLevel2{
		font-family: Georgia, serif;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.2em;
		color:#666666;
		}

		/*	Events Tags 	____________________________________________________________*/
		.sectionTitle{
		font-family: Georgia, serif;
		font-size: 22px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: normal;
		line-height: 1.4em;
		color:#604494;
		}

		#servicesItem{
		padding:10px;
		margin:10px;
		border:thin solid #F5E4F0;
		width:150px;
		float:left;
		}
		
		#eventListItem{
		padding:10px;
		margin:10px;
		border:thin solid #F5E4F0;
		}
				
		#dateDisplay{
		float: left; 
		display:inline; 
		position: relative; 
		width:80px; 
		padding:5px;
		}
		
		#dateDetails{
		float: right; 
		display:inline; 
		position: relative; 
		width:420px;
		padding:5px;
		}
		
		#galleryListItem{
		padding:10px;
		margin:10px;
		border:thin solid #F5E4F0;
		}
				
		#galleryDisplay{
		float: left; 
		display:inline; 
		position: relative; 
		width:110px; 
		padding:5px;
		}
		
		#galleryDetails{
		float: right; 
		display:inline; 
		position: relative; 
		width:380px;
		padding:5px;
		}		


/*	Common Tags 	____________________________________________________________*/

a{
	text-decoration:none;
	color:#86005F;
	}

a:hover{
	text-decoration:underline;
	}
.caption{
	font-style:italic;
	text-indent:20px;
	padding:0;
	}

/*	Events formatting 	____________________________________________________________*/
.eventItem{
margin:10px;
padding:0 0 0 20px;
list-style-type:none;
border-left:#F5E4F0 solid thick;

}

.titleBusiness{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#7F0056;
	margin:0;
	width: 120px;
	display: inline-block;
	}
.listingBusiness{
	font-size:11px;
	font-weight: normal;
	color:#333333;
	margin:0;
	}
		
.title{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#7F0056;
	margin:0;
	}

.summary{
	font-size:10px;
	color:#666666;
	}

.more{
	font-size:11px;
	font-style:italic;
	text-align:right;
	font-weight:bold;
	color:#86005F;
	}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:242px;
		height:350px;
		overflow:hidden; 
		}
	span#prevBtn{
	padding-left:0px;
	float:left;
	font-size:9px;
	}
	span#nextBtn{
	float:right;
	padding-right:55px;
	font-size:9px;
	}

/* search form */
form .textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333;
	font-size:10px; 
}
form input.searchbutton { 
	margin: 0; 
	font-size:10px; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(../images/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 23px;
	color: #333;
	width: 100px;
	margin-left:5px;
}

#pageContent table ul li{
list-style:none;
margin:0;
padding:0;
}
#pageContent table input .textbox{
width:220px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333;
	font-size:10px; 
}

		#sidebox{
		padding:10px;
		width:80%;
		margin:0 20px 20px -30px;
		border:thin solid #CF5BAA;
		background-color: #F5E4F0;
		}
		
		#sideboxTitle{
		background-color: #CF5BAA;
		color:#FFFFFF;
		padding:3px;
		margin:  0 -10px 0 -30px;
		font-size:12px;
		font-weight:bold;
		text-transform: uppercase;
		}
		#sideboxText{
		padding:5px 0;;
		margin:0;
		font-size:10px;
		color:#333333;
		}

		#sideboxText li{ margin-left:10px; list-style-type:square; color:#CF5BAA;}

		#eventBox{
		padding:10px;
		width:230px;
		height:150px;
		margin:20px;
		border:thin solid #CF5BAA;
		background-color: #F5E4F0;
		float:left;
		}
		
		#eventBoxDate{
		background-color: #CF5BAA;
		width:40px;
		color:#FFFFFF;
		padding:10px;
		margin:  0 -10px 0 -30px;
		text-align:center;
		float:left;
		}
		#eventBoxText{
		padding:0;
		margin: 0 0 0 35px;
		text-align:left;
		font-size:10px;
		color:#333333;
		}

#eventDate{
	display:block;
	width:100%;
	padding:5px;
	margin:5px;
	border-bottom:#CF5BAA solid thin;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#7F0056;
}

.month2{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	color:#ffffff;
	padding:0;
	margin:0;
	line-height:12px;
	}

.day2{
	font-size:34px;
	font-weight:bold;
	letter-spacing:-.1em;
	text-align:center;
	font-style:italic;
	color:#ffffff;
	padding:0;
	margin:0;
	}
	
.month{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	color:#604494;
	padding:0;
	margin:0;
	line-height:12px;
	}

.day{
	font-size:34px;
	font-weight:bold;
	letter-spacing:-.1em;
	text-align:center;
	font-style:italic;
	color:#604494;
	padding:0;
	margin:0;
	}
.eventTitle{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#7F0056;
	margin:0;
	}

.eventSummary{
	font-size:10px;
	color:#666666;
	}		



#blogTitle{
	display:block;
	width:100%;
	padding:5px;
	margin:5px;
	border-bottom:#CF5BAA solid thin;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#7F0056;
}
#blogSummary{
margin:10px;
padding:0 0 0 20px;
list-style-type:none;
border-left:#F5E4F0 solid thick;

}
.comment{width:100%; margin-left:5px;	font-size:12px; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC;
	padding:5px;
}
.commentbutton{width:90px; margin-left:5px;}
#commentDate{ color:#7F0056; font-size:9px;}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

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


 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}