/*
''<summary>
		<page>02layout.css</page>
		<description>This stylesheet is responsible for the layout of the site</description>
		<notes>
		Everything is built using fixed widths (940px for the outer area, 920 for the inner).
		Font sizes are all set as a percentage of the main template.
		Everything has the color and background-color set on it for W3C validation
		Each main area has a bottom margin of 10px which is adjustable
		Footer sits seperate from the main content, but, it can be moved inside #maincontainer
		</notes>
		<version>
			2006/07/05	Gregory Brine	Initial creation of file
		</version>
''</summary>
*/
/* ############# CONTAINERS ############ */
div#outsidecontainer { margin: 0 auto 0 auto; padding: 20px 0 0 0; width: 850px; color: inherit; background-color: inherit; } 
div#outsidecontainercolour { float: left; color: inherit; background-color: #FFFFFF; padding: 0; }
div#maincontainer { float: left; margin: 0; padding: 0; width: 850px; color: inherit; background: #FFFFFF url(/images/template/bg-tile.gif) repeat-y left top; } 
div#maincontainer_inner{float: left; margin: 0; padding: 0; width: 850px; color: inherit;  	background: url(/images/template/bg-top.gif) no-repeat left top; }
div#maincontainer_innercontent { float: left; margin: 0; padding: 46px 25px 46px 25px; width: 800px; color: #inherit;background: url(/images/template/bg-bottom.gif) no-repeat left bottom;}


/* ############# TOPBAR ############ */
div#topbar { float: left; width: 740px; margin: 0 0 10px 0; padding:0 30px 0 30px; color: inherit; background-color: inherit;   }

	/* the logo area */
div#topbar .topbar_logo { float: left; width: 300px; }
div#topbar .topbar_right { float: right; width: 300px; }


/* ############# TOPNAV ############  */
div#topnav { float: left; margin: 0 ; padding: 0 0 0 0; width: 100%; color: inherit; }
div#topnav div.topnav_toptab {	margin: 0; padding: 0; color: inherit;	background: url(/images/menu/bg-top-repeat.gif) repeat-x left bottom; }
div#topnav div.topnav_bottomtab { margin: 0; padding: 0; color: inherit; background: url(/images/menu/bg-bottom-repeat.gif) repeat-x left top; }

div#topnav_menu { float: left; margin: 0 ; padding: 0; width: 100%; color: inherit; background-color: #fbdde8; border-top:#e31869 solid 1px; border-bottom:#e31869 solid 1px; }


/* ############# CONTENT ############ */
div#content_outer { float: left; width: 770px; margin: 0 0 0 0; padding:30px 0 0 30px; }
div#content_left { float: left; padding: 0 20px 0 0; margin: 0; } /*padding used instead of margin to help avoid IE bugs */
div#content_right { float: left; width: 250px; padding: 0; margin:0;}

div#content_outer  .width1{ width:466px}

/* ############# INNER FOOTER ############ */
div#innerfooter { padding: 0 24px 0 30px; margin: 0;}















/* ############# FOOTER ############ */
div#footer { float: left; padding: 0 30px 10px 50px; margin:0; background: #ffffff; color: inherit;font-size:85%; }

	/* bottom menu and copyright */
div.footer_left { float: left; padding: 0; width: 470px; font-weight: normal; color: #666666;	background:transparent; }
div.footer_left p { color: #999999; background-color: inherit; margin: 0; padding: 0; }
div.footer_left ul { list-style: none; padding: 5px 0 10px 0; margin: 0; }
div.footer_left ul li { display: inline; float: left; padding: 0 5px 0 0; margin: 0; }
div.footer_left ul li a:link, div.footer_left ul li a:visited { color: #999999; background-color: inherit; }
div.footer_left ul li a:hover, div.footer_left ul li a:focus, div.footer_left ul li a:active { color: #000000; background-color: inherit; }

div.footer_left a:link, div.footer_left a:visited { color: #999999; background-color: inherit; }
div.footer_left a:hover, div.footer_left a:focus { color: #f5a1c4 !important; background-color: inherit;  }

	/* wiliam logo */
div.footer_right { float: right; padding: 0; }
div.footer_right a:link, div.footer_right a:visited { color: #666666; background-color: inherit; text-decoration:none; }
div.footer_right a:hover, div.footer_right a:focus { color: #f5a1c4 !important; background-color: inherit; text-decoration:underline; }
div.footer_right div.text { float: left; width: 141px; padding: 10px 4px 12px 0; text-align: right; }
div.footer_right div.img { float: left; width: 99px; }