

html {height: 100%;margin: 0px 0px 0px 0px;}

body {
	text-align: center;
	height: 100%;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form, input, select {margin : 0;}

.searchSubmit{background-image:url(/wsimages/search_button.gif);border:none;width:52px;height:20px;background-color:#fff;}

#intBodyContent h1 {
	font-size: 18px;
	font-family: arial,sans-serif;
	margin: 5px 0px;
}

#intBodyContent h2 {
	font-size: 16px;
	font-family: arial,sans-serif;
}

#intBodyContent h3 {
	font-size: 12px;
	font-family: arial,sans-serif;
	text-transform: uppercase;
	color: #C60507;
	margin-bottom: 5px;
}

#outerFrame {
	background-color: #ffffff;
	height: 100%;
	width: 765px;
	margin: 0px auto 0px auto;
	vertical-align: top;
	border-collapse : collapse;
}
#pageContainer {vertical-align: top;}
#header {
	float: left;
	padding-left: 25px;
	width: 592px;
}
#header_image {
	float: left;
}

#flashContainer{
	background: red;
	width: 617px;
	height: 291px;	
	}

#main {
	float: left;
	width: 770px; 
	position: relative;
}
* html #main {
	width: 778px;
}

#left{
	text-align: left;
	width: 592px;
	float: left;
}

#right{
	float: right; 
	width: 153px;
	position: absolute;
	top: 0;
	right: 0;
	}

#logoImage {}

#map {
	position: relative;
	margin-bottom: 6px;
	min-width: 617px;
	min-height: 80px;
}

.mapWrap img{
	padding-left: 25px;
	}

/* Content table */
#contentCells {margin-bottom: 5px; width: 592px; position: relative; left: 25px;}

#content{
	margin-left: 25px;
	width: 592px;
	}
#leftCol {
	width: 192px;
	float: left;
	}
	#bannerContainer{
		padding: 5px 0;
		}
		#bannerContainer img{
			margin-bottom: 5px;
		}
#becomeAMember {
	padding: 10px 10px 10px 10px;
	text-align: left;
	background-color: #128CDF;
	border-bottom: 4px solid #013490;
}
#hdrBecomeAMember {margin-bottom: 10px;}
#frmBecomeAMember {margin-top: 0px; position: relative; top: -5px;}
#selBecomeAMember {
	width: 140px; font-size: 1em; color: #1E1E7A;
}
#btnBecomeAMember {
	position: relative;
	top: 5px;
	left: 8px;
}

/* HEADER & LOGO */
#headerAndLogo {
	width: 50px;
	height: 112px;
	background: url(/wsimages/logo_top_right.gif);
}

/* RHS MENU */
#menu {
	text-align: center;
}

.menuItem {
	min-height: 22px;
	width: 145px;
	margin-left: 8px;
	margin-top: 0px;
	position: relative;
	cursor: pointer;
}
.menuSep {margin-top: 2px;}
.menuWrap {	
	height: 1px; 
	width: 145px;
	margin-left: 8px;
	line-height: 1px; /* IE hack */
	font-size: 0px; /* IE hack */
	position: relative;
	background-repeat: no-repeat;}

.menuWrapOff {background-image: url(/wsimages/menu_orange_wrap.gif);}
.menuWrapActive {background-image: url(/wsimages/menu_lime_wrap.gif);}
.menuWrapOpen {background-image: url(/wsimages/menu_red_wrap.gif);}

.menuOff {background-color: #ff6600;}
.menuActive {background-color: #62bd19; font-weight: bold; }
.menuOpen {background-color: #d60004; font-weight: bold; }
.menuArrow {
	width: 7px;
	height: 6px;
	position: absolute;
	right: 6px;
	top: 40%;
}
.menuDownArrow {background: url(/wsimages/menu_arrow_orange.gif) no-repeat;}
.menuUpArrow {background: url(/wsimages/menu_arrow_lime.gif) no-repeat;}
.menuText {
	text-align: left;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 20px;
	padding-bottom: 3px;
	color: white;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
}


.menuOpen .menuLinkText {
	color: white;
	margin-left: 0px;
	background-image: url(/wsimages/menu_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	height: 100%;
}
.menuLinkText {
	text-decoration: none; padding-left: 0px;color: white;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
}
.linkWrapper {margin-left: 10px; }
.menuLink {
	color: white;
	margin-left: 0px;
	text-decoration: none;
}

/* RHS MENU LEVEL 1 */
.menuWrapActive1 {background-image: url(/wsimages/menuwrap_active_l1.gif);}
.menuActive1 {background-color: #013490;}
.menuDownArrow1 {background: url(/wsimages/menuarrow_down_l1.gif) no-repeat;}
.menuUpArrow1 {background: url(/wsimages/menuarrow_up_l1.gif) no-repeat;}

/* RHS MENU LEVEL 2 */
.menuOff2, .menuActive2 {background-color: #0171BD;}
.menuWrapOff2, .menuWrapActive2 {background-image: url(/wsimages/menuwrap_off_l2.gif);}
.menuDownArrow2 {background: url(/wsimages/menuarrow_down_l2.gif) no-repeat;}
.menuUpArrow2 {background: url(/wsimages/menuarrow_up_l2.gif) no-repeat;}

/* RHS MENU LEVEL 3 */
.menuOff3, .menuActive3 {background-color: #43A6E7;}
.menuWrapOff3, .menuWrapActive3 {background-image: url(/wsimages/menuwrap_off_l3.gif);}
.menuDownArrow3 {background: url(/wsimages/menuarrow_down_l3.gif) no-repeat;}
.menuUpArrow3 {background: url(/wsimages/menuarrow_up_l3.gif) no-repeat;}

/* RHS MENU LEVEL 4 */
.menuOff4, .menuActive4, .menuOpen4 {background-color: #BDD6EE;}
.menuWrapOff4, .menuWrapActive4 {background-image: url(/wsimages/menuwrap_off_l4.gif);}
.menuWrapOpen4 { background-image: url(/wsimages/menuwrap_open_l4.gif); }
.menuLink4 { color: #345CA3; }
.menuOff4 .menuLinkText4 {color: #345CA3;}
.menuActive4 .menuLinkText4 {color: #345CA3; }
.menuOpen4 .menuLinkText4 { color: #345CA3; background-image: url(/wsimages/menubullet_l4.gif) !important; }
.linkWrapper4 .menuLink4 { font-weight: normal !important; }


/* SEARCH BOX*/
#search {
	height: 32px; width: 145px; 
	margin-left: 8px;
	margin-right: 0px;
	background-image: url(/wsimages/search_box.gif);
}
#frmSearch { margin-top: 0px; position: relative; top: 1px; }

#txtSearch {
	height: 16px;
	width: 106px;
	padding-left: 4px;
	font-size: 1em;
	border: none;
	background: url(/wsimages/search-tf-bg.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
}
#logout{
	background: #E10404;
	padding: 6px 7px 8px;
	width: 131px;
	margin: 2px 0 0 8px;
	text-align: left;
	}
	#logout a{
		color: #FFF;
		text-decoration: none;
		text-align: left;
	}
	* html #logout a{
		/*margin-left: -106px;*/
	}

/*
.memberLoginTf {
	border: none;
	background: url(/wsimages/member_login_tf_bg.gif);
	font-size: 11px;
	padding-left: 4px;
	padding-right: -8px;
	width: 144px;
	height: 18px;
	margin-bottom: 10px;
}
*/

#btnSearch {
	position: relative;
	top: 4px;
	left: 1px;
	margin: 0; padding: 0;
}

/* teaser */
.displayTeaserTitleOnly {

	padding: 10px;

	background: #F60;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 4px solid #E00;
	margin-bottom: 5px;
}

.displayTeaserTitleOnly a {
	color: #FFF;
	text-decoration: none;
}

/* NOTICE BOARD */
#noticeBoardHeader {margin-top: 5px;}
#noticeBoardHeader {
	padding: 8px 10px 11px 10px;
	text-align: left;
	background-color: #013490;
}
#noticeBoardContent {
	background-color: #bdd6ee;
	padding: 11px 11px 0px 11px;
}

.noticeItem {
	padding-bottom: 11px;
}
.noticeItemTitle {font-weight: bold; color: #001e54;}
.noticeItemLink {color: #003aa1; }

#auGovtLogo {
	display: block;
	margin: 10px 0px 10px 0px;}

/*====================================
	NEW: Middle Column Home page
=====================================*/	
	
#middleCol {
	width: 395px;	
	float: left;
	margin-left: 5px;
	}
	#infoTabs{
		margin: 0;
		padding: 0;
		display: none;
	}
	#infoTabs ul{
		list-style: none;
		padding: 0;
		margin: 0;
		}
		#infoTabs ul li{
			float: left;
			display: block;
			margin: 0;
			padding: 0;
		}
		#infoTabs ul li a{
			display: block;
			height: 18px;
			background: #0D79C3;
			color: #FFF;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			padding-top: 10px;
			border-bottom: 3px solid #FFF;		
		}
	
		#infoTabs ul li.news a{
			width: 199px;
			border-right: 3px solid #FFF;
		}
		#infoTabs ul li.playgroup a{
			width: 193px;
			border-left: 3px solid #FFF;
		}
		#infoTabs li.ui-tabs-selected a	{
			background: url("/wsimages/tab_selected_bg.gif") top left repeat-x;
			border: none !important;
			height: 21px;
		}
		#infoTabs .ui-tabs-panel{
			background: #1150AE;
			clear: both;
			height: 143px;
		}
#middleCol .ui-tabs-hide { display: none; }

#middleCol #imgContainer{
	margin-top: 5px;
	}
	#imgContainer .imageLink {
		text-align: center;
		float: left;
		width: 195px;
		margin-bottom: 5px;
	}
	#imgContainer .imageLink.even {
		margin-right: 5px;
	}
	#middleCol #imgContainer .imageLink img{
	}

/*===================================================
	AJAX ROTATOR (Home page) and playgroup info tab
===================================================*/
		#infoTabs #tab2{
			padding: 13px 20px 9px;
			height: 120px;
		}
		#infoTabs .rotatorWrapper{
			margin: 0;
			overflow: hidden;
			width: 395px;
			height: 120px;
			position: relative;
		}
		#infoTabs .rotatorWrapper .rotator{
			margin-top: 11px;
			height: 99px;
			position: absolute;
			width: 355px;
			padding: 4px 20px 9px;
			}
		#infoTabs #tab2 h3,
		#infoTabs .rotatorWrapper h3{
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			padding: 0;
			margin: 0;
			}
			#infoTabs #tab2 h3 a,
			#infoTabs .rotatorWrapper h3 a{
				font-size: 14px;
				font-weight: bold;
				color: #FFF;
			}
		#infoTabs #tab2 p,		
		#infoTabs .rotatorWrapper p{
			margin: 0;
			padding: 7px 0;
			font-size: 12px;
			color: #FFF;
			line-height: 14px;
		}
		#infoTabs #tab2 a,
		#infoTabs .rotatorWrapper a{
			font-size: 11px;
			color: #91DD58;
		}	
		#infoTabs .paginator{
			background: url("../wsimages/paginatorBg2.jpg") 130px 0 no-repeat;
			height: 31px;
			width: 125px;
			padding: 0 0 14px 265px;
			position: relative;
			}
			#infoTabs .paginator .screenNumber{
				font-size: 11px;
				color: #FDFDFD;
				padding: 1px 7px 0;
			}
			#infoTabs .paginator img{
				position: absolute;
				top: 0;
				right: 6px;
			}
			
/*=======================================
	AJAX ROTATOR (Internal page)
=======================================*/
		
		#internalNewsContainer{
			background: #BDD5ED;
			height: 125px;
			width: 192px;
			margin-top: 5px;
		}
		#internalNewsContainer h2{
			font-size: 16px;
			font-weight: bold;
			color: #FFF;
			background: #013490;
			display: block;
			padding: 6px 0 0 12px;
			height: 24px;
			margin: 0;
		}
		#internalNewsContainer .rotatorWrapper{
			margin: 0;
			overflow: hidden;
			width: 192px;
			height: 73px;
			position: relative;
		}
		#internalNewsContainer .rotatorWrapper .rotator{
			height: 99px;
			position: absolute;
			width: 166px;
			padding: 4px 13px 9px;
			margin-top: 4px;
			}
		#internalNewsContainer .rotatorWrapper h3{
			font-size: 12px;
			font-weight: bold;
			color: #021D54;
			background: none;
			padding: 4px 0 6px;
			margin: 0;
			}	
		#internalNewsContainer .rotatorWrapper p{
			margin: 0;
			padding: 7px 0;
			font-size: 12px;
			color: #000;
			line-height: 14px;
		}
	
		#internalNewsContainer .rotatorWrapper a{
			font-size: 11px;
			color: #0D45A4;
		}	
		#internalNewsContainer .paginator{
			background: url("../wsimages/paginatorBg2.jpg") 130px 0 no-repeat;
			height: 22px;
			width: 125px;
			padding: 0 0 0 61px;
			position: relative;
			}
			#internalNewsContainer .paginator .screenNumber{
				font-size: 11px;
				color: #01236B;
				padding: 1px 7px 0;
			}
			#internalNewsContainer .paginator img{
				position: absolute;
				top: 0;
				right: 6px;
			}


#hdrLatestPoll {width: 169px; height: 31px; background-color: #48a100; border-bottom: 2px solid white; }
#hdrLatestPollTitle {font-size: 1.3em; color: white; font-weight: bold; position: relative; left: 0.5em;top: 6px;}
#latestPollContent {
	text-align: center;
	padding: 9px 0px 8px 0px;
	background-color: #a1d775;
}

#rightCol {
	border-left: 5px solid #ffffff;
	vertical-align: top;
	width: 221px;
}
#rightColHome {
	background: #FFDA77 url(/wsimages/playgroup_background.gif) 0px 33px no-repeat;
}
.hdrHomePageTeaser {width: 221px; height: 31px; background-color: #e10404; border-bottom: 2px solid white; }
.hdrHomePageTeaserTitle{font-size: 1.3em; color: white; font-weight: bold; position: relative; left: 0.5em;top: 6px;}
.contentHomePageTeaser{
	vertical-align: top;
	padding: 0px 10px 10px 10px;
	color: #001842;
	font-size: 1.1em;
}
#whatIsAPlaygroupContent p {
	margin-top: 0px;
	margin-bottom: 5px;
}


#footer {
	height: 32px;
	margin-left: 25px;
	background-color: #128CDF;
	clear: both;
	color: #ffffff;
}

#footer a:link, #footer a:visited {color: #ffffff;}

#footerLeft {
	float: left;
	padding-top: 10px;
	margin-left: 10px;
}
#footerRight {
	padding-top: 10px;
	margin-right: 10px;
	float: right;
}

/* FIND NEAREST PLAYGROUP HOME */
#findPlaygroupHome {
	
	width: 363px;
	height: 225px;
	
	background: url(/act/wsimages/splash-right.gif);
	background-repeat: no-repeat;
	
}

#findPlaygroupHome form {
	position: relative;
	
	top: 146px;
	left: 5px;
	
}

.findPlaygroupHomeTF {
	
	margin-top: 10px;
	
	width: 128px;
	height: 16px;
	
	padding-left: 6px;
	padding-top: 3px;
	
	font-size: 11px;

	border: none;
	background: url(/act/wsimages/find_playgroup_tf_bg.gif);
}

.findPlaygroupHomeBtn {
	position: relative;
	top: 6px;
	left: 1px;
}


/* general text styles */
.readMore {color: #003aa1;}


/* Mailing List */
input.mailing {border: 1px solid #013490;}
.error {color: red;}

/* CONTAINER SKINS */
.generalSkin { margin-bottom: 6px; background-color: #F5C74B; }
.generalSkinHeader {height: 31px; background-color: #B00002; border-bottom: 2px solid white; }
.generalSkinTitle {font-size: 1.3em; color: white; font-weight: bold; position: relative; left: 0.5em;top: 8px;}
.generalSkinContent {
	padding: 14px;
	padding-right: 25px;
	font-size: 11px;
	color: #001E54;
}

.pollSkin { background-color: #A1D775; }
.pollSkinHeader { background-color: #48A100; }

/* ////	Enpresiv Events Calendar  //// */

#intBodyTitle select {
	font-size: 11px;
}

#initBodyTitle .dateControls {
	margin-top: 2px;
}

.enpresivCalendar td{
	border-left:1px solid #FF5A09;
	border-bottom:1px solid #FF5A09;
	text-align:center;
	padding-bottom:4px;
	padding-top:4px;

}

.enpresivCalendarWeekDays td{
	background:#FEEFB9;

}

.enpresivCalendar{
	width:191px;
}

.enpresivCalendarViewAll{
	padding-top:5px;
	padding-bottom:5px;
	background:#FEEFB9;
	
	margin-bottom: 5px;
}
.enpresivCalendarViewAll a{
	color:#1E1E7A;
}

.enpresivCalendarControlMain {
	padding:0px 10px;
	background:#FF6600;
	text-align:right;
}

.enpresivCalendarControl{
	background:#FF6600;
	text-align:left;
	padding-bottom:5px;
}

.enpresivCalendarControl h3,.enpresivCalendarControlMain h3{
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff;
	padding-left:10px;

}

.enpresivCalendarNoDay{
	background:#FBDEB1;
}

.enpresivCalendarHasEvent{
	background:#04A1E2 !important;
	color:#ffffff !important;
	font-weight:bold;
}

.enpresivCalendarCurrentDay{
	background:#5F8E03 !important;
	color:#ffffff !important;
	font-weight:bold;
}

.enpresivCalendarNormalDay{
	background:#FEEFB9;
}

.enpresivCalendarControl select, .enpresivCalendarControlMain select{
	padding:0px;
	margin:0px;
	border:1px solid #1B5B99;
	color:#002752;
	font-size:11px;
}

.enpresivCalendarCurrentDay a, .enpresivCalendarHasEvent a{
	text-decoration:none;
	color:#ffffff;
}


/* Events Listing Format */

#eventListing{
	width:350px;
	padding:0px;
	margin:0px;
}

.eventTitle{
	font-size:12px;
	font-weight:bold;
	color: #001844;
}

.eventHeading{
	font-size:12px;
	font-weight:bold;
	color: #001844;
	padding:2px;
	padding-left: 0px;
	width:60px;
}

.eventData{
	font-size:11px;
	color:#001844;
	padding:2px;
}

.eventTeaser {
	font-size: 11px;
	padding: 2px;
	color: #001844;
	padding-left: 0px;
}

.eventRowFirst{
	padding-top:12px;
}

.eventRowLast{
	padding-bottom:12px;
}

.eventData span{
	padding-right:10px;
}

.eventData a{
	padding-right:5px;
}

#eventListingHeader{
	background:#FF5A09;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}

.eventTable{
		padding:5px;
}
div#googlelocationmap{
	color: #000000;
	margin: 0 0 40px;
	}
div#googlelocationmapaddress{
	padding-bottom: 20px;
	}

