/*

	Filename: capcook.css
	Purpose:  Provides style for the www.capcookolkid.com.au website.
	
	To use:   This file should be added to the XHTML/HTML document
	          using the <link rel="stylesheet" type="text/css" href="capcook.css" /> syntax.
	
	Author: Andrew Hennessy
	Copyright (c) Andrew Hennessy 2008. 
	All rights reserved.

*/


/**** Basic Tags ****/
	body
	{
		background-color: /*#d6d9dc;*/ #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	div {
		padding: 0;
		margin: 0;
	}
	a img { border-width: 0px; }
	h1, h2, h3, h4, h5, h6 { color: #000066; }
	h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #000066; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000066; }
	h1 {font-size: 22px;}
	h2 { 
		/* Colour is applied below */
		font-size: 18px;
		margin: 5px 0px 5px 0px;
	}
	h2 a:link, h2 a:visited { text-decoration: none; }
	h3 {font-size: 16px; clear:both;}
	h4 {font-size: 14px; }
	p, td, th, li {font-size: 13px; }
	
	#slatenav li { font-size:14px; }
	
	a:link, a:visited, a:active { color: #0054A6; }
	a:hover { color:#0099FF; text-decoration: underline;}
	.clear { clear: both; }

/***** End Basic Tags ****/	


/**** Page Container ****/
	.pageFrame {
		color: #333;
		margin: 0 auto;
		min-width: 500px;
		text-align:center;
	}

	#HeadingBar {
		background-color: #ededed;
		background-image:  url(../images/banner1under.jpg);
		background-position: top;
		background-repeat: no-repeat;
		margin: 0px;
		min-height: 90px;
		overflow: visible; 
		padding-top: 5px;
		width: 800px;
	}
	
	#PageHeading {
		min-height: 60px;
	}

	#WelcomeImg {
		height: 115px; 
		float: right; 
		padding: 8px 3px 0px 12px;
	}
	#FlowerFeature {
		padding: 0px;
		height: 220px;
	}
	#FlowerFeature a img {
		margin: 0px;
		padding: 0px;
	}
	
	.WeatherBox, .Breadcrumbs {
		font-size: 10px;
		font-weight: bold;
		padding: 3px 0px 5px 8px;
	}

	#PageBorder {
		background-image:url(../images/page_background.gif);
		background-repeat: repeat-y;
		padding-left: 24px;
		padding-right: 25px;
		margin: 0px auto;
		text-align: left;
		width: 850px;
	}
	.ContentContainer {
		background-color: #ededed;
	}	
	.ContentContainer, #TopBanner { 
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
	}
	.ContentContainer, #innerFooter {
		max-width: 800px;
	}
	#slatenav {
		border: none;
	}
	#MainText {
		margin: 0px 15px 0px 15px;
		padding-top: 2px;
	}
	.FrontFeature { clear: both; }
	.FrontRightButton { float: right; margin-left: 15px;}
	.GoButton { display: block; float: right; }
	.FrontFeature h2 {
			font-size: 14px;
		}
	#FrontPageLogos { clear:both; margin-top: 10px; }
	#FrontWelcomeFeature { padding: 8px 4px 8px 15px; }

	#BrunyImagesFeature a:link, #BrunyImagesFeature a:visited, #BrunyImagesFeature a:active {
		color: #000000;
		text-decoration: none;
	}
	#BrunyImagesFeature a:hover { text-decoration:underline; }
	#BrunyImagesFeature a:link img, #BrunyImagesFeature a:visited img, #BrunyImagesFeature a:active img { border: 1px solid #dad9d4; }
	#BrunyImagesFeature a:hover img { border: 1px solid #666666; }
	#BrunyImagesFeature {
		background-color: #dad9d4;
		padding-top: 25px;
	}
	#BrunyImagesFeature img {
		margin: 15px 10px 10px 10px;
		padding-top: 0px;
	}
	.FrontLinkBox p {
		font-size: 11px;
		color: #666666;
	}
	.FrontLinkBox strong, #BrunyImagesFeature strong {
		color: #000000;
		font-size: 11px;
		text-transform: uppercase;
	}
	.FrontLinkBox {
		margin: 10px 0px 0px 10px;
		padding: 0px 0px 0px 30px;
		background-image: url(../images/arrowbutton.gif);
		background-repeat: no-repeat;
		background-position: top left;
		width: 200px;
	}

/* Box Container */
	.FrontBoxContainer {
		border-top: 1px solid #FFFFFF;
	}
	.FrontBoxContainer .BoxRow {
		min-height: 144px;
	}
	.FrontBoxContainer .BoxRow .BoxLeftCell {
		float: left;
		min-height: 124px;
		width: 239px;
	}
	.FrontBoxContainer .BoxRow .BoxRightCell {
		float: left;
		min-height: 124px;
		width: 520px;
		padding: 10px;
	}


/**** Content Container ****/
	#MainContentColumn {
		padding: 0px;
		margin: 0px;
	}
	#contentColumn 	{
		border: solid 0px #000;	
		margin-left: 179px;
	}
	#innerContentColumn 	{
		padding: 10px;
	}
	#innerContentColumn
	{
		overflow: visible;
		height: 100%;	/* fix the Win32 IE float bug */
		min-height: 400px;
	}
	#contentColumn>#innerContentColumn
	{
		height: auto;	/* fix Opera 5 which breaks with the above IE fix */
	}
	#innercontentcolumn
	{
		height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
	}
	#innerContentColumn
	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
	}
	#innerContentColumn h3
	{
		font-size: 14px;
	}
	
/**** End Content Container ****/


/**** Footer ****/
	#innerFooter
	{
		border-width: 0px;
		padding: 10px;
		text-align: left;
	}
	#innerFooter p {font-size: 10px;}
	#innerFooterRight {
		display: block;
		float: right;
	}
	#footer
	{	
		background-color: #0054A6;
		border-style: solid;
		border-color: #000;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		color: #FFFFFF;	
		clear: left;
		margin-top: 5px;
		z-index: 10;
		
	}
	#footer a { color: #FFFFFF; }
/**** End Footer ****/



/**** Photo Feature on Homepage ****/
	#photodiv
	{
		background-repeat: no-repeat;
		height: 178px;
		margin: 0px auto;
		overflow: hidden;
		padding: 0px;
		position: relative;
		width: 770px;
	}
	html>body #photodiv
	{ 
		overflow: hidden;
	}
/**** End Photo Feature on Homepage ****/


/**** Miscellaneous ****/
	.right, .smallright
	{
		float: right;
		margin-left: 7px;
	}
	.smallright {
		font-size: 11px;
	}
	.hide { display: none; }
	
	.textcentre { text-align: center; }
	.accomlogo {
		vertical-align:middle;
		margin: 8px;
	}
	
	#GMapControlList { font-size: 12px; }
	#GMapControlList li
	{
		display: inline;
		list-style-type: none;
	}
	
	.TestimonialCredit { font-size: 11px; }
	.font11 { font-size: 11px; }
	.font13 { font-size: 13px; }

/**** End Miscellaneous ****/



/**** Left Column Container (inside page content container) ****/
	#leftColumn {
		background-image:url(../images/bg_leftnav_lower.gif);
		background-position: bottom;
		background-repeat: no-repeat;
	}
	#innerLeftColumn {
		background-image:url(../images/bg_leftnav_top.gif);
		background-position: top;
		background-repeat: no-repeat;
		border: solid 0px #000;	
	}
	#leftcolumn { margin-right: -170px; }	 /* IE 4 fix */	
	#leftColumn {
		float: left;
		width: 170px;
		/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
	}
	#innerLeftColumn {
		padding: 10px;
		padding-top: 25px;
	}
	#innerLeftColumn img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#innerLeftColumn, #innerContentColumn
	{
		/* Fix the Win32 IE italics bug */	
		overflow: visible;
		height: 100%;
	}
	#innerleftcolumn, #innercontentcolumn {
		/* IE5.0 fix for the Win32 IE italics bug */
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	#innerleftcolumn/* hide from IE5.0 */, #innercontentcolumn/* hide from IE5.0 */ {
		overflow: visible;
		height: 100%;
		width: auto;
	}
	#innerLeftColumn p
	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 70%;
		line-height: 140%;
		/*/*/ /*/line-height: normal;/* NS4 Adds too much space, so reset the line-height */
	}
	#innerLeftColumn h3
	{
		margin: 1em 0 0 0;
	}
/**** End Left Column Container  ****/

/**** Left Navigation ****/
	.vnav
	{
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
		font-size: 70%;
		line-height: 180%; /* Mozilla suffers from a rounding problem, 
							  this value may have to be tweaked if you 
							  change the font family or size 
							*/
		/*/*/ /*/line-height: 120%;/* NS4 Adds too much space, so lower it */
	}
	.vnav ul, .vnav ul li
	{
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.vnav ul li a
	{
		display: block;
		padding: 2px 10px;
		text-decoration: none;
	}
	/* Hide from IE-mac \*/
	* html .vnav ul li a/* hide from IE 5.0 */ {height: 1%;}
	/* End hide */

	.vnav ul li a {
		/*background-color: #FFFFFF;*/
		color: #000000;
	}
	.vnav ul li a:hover {
		background-color:#FFFFCC;
		/*color: #FFFFFF;*/
	}






/* Photo display on subsequent pages */
	.RightPhotoColumn {
		float: right;
		margin: 0px 5px 0px 10px;
		width: 200px;
	}
	.RightPhotoColumn img {
		margin: 0px 0px 5px 0px;
	}

	.PageFeaturePhoto {
		float: right;
		margin: 0px 0px 5px 10px;
	}




/* Popups */
	#backgroundPopup {
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000000;
		border:1px solid #cecece;
		z-index:1;
	}

	#popupPhoto {
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:500px;
		width:650px;
		background:#FFFFFF;
		border:2px solid #cecece;
		z-index:2;
		padding:12px;
		font-size:13px;
	}

	#popupPhoto h1 {
		text-align:left;
		color:#6FA5FD;
		font-size:22px;
		font-weight:700;
		border-bottom:1px dotted #D3D3D3;
		padding-bottom:2px;
		margin-bottom:20px;
	}

	#popupPhotoClose {
		font-size:14px;
		line-height:14px;
		right:6px;
		top:4px;
		position:absolute;
		color:#6fa5fd;
		font-weight:700;
		display:block;
	}

	#popupPhotoClose {
		cursor: pointer;
	}

/* Form on RHS of page */
	#RightForm 
	{
		padding: 2px 10px 10px 10px;
		background-color: #FFFFEE;
		border-width: 1px;
		border-style: solid;
		border-color: #FFCC33;
		display: block;
		float: right;
		font-size: 11px;
		margin: 0px 5px 50px 30px;
		width: 300px;
	}


	.AccomPagePhotoBox
	{
		float: right;
		font-size: 12px;
		height: 200px; 
		padding: 20px; 
		width: 200px;
	}