/***************************************************
**                                                **
**                 cielab.com.au                  **
**       Copyright 2007 Interactive Design        **
**            Coded by: Laszlo Ujvari             **
**                7 February 2007                 **
**                                                **
****************************************************

	CSS Layout

		1. General styles
			a. Normal links
			b. Footnote styles
			c. Login box
			d. Quotes
			e. Content area
			f. Feedback input forms
		2. Header styles
			a. Menu links
		3. Footer styles
		4. Debug styles

*/



/*  General styles  */
body { margin: 0px; padding-top: 12px; background-image: url(/images/bg_gradient.gif); background-repeat: repeat-x; background-position: left top; background-color: #e2ddd4; }
bbody { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-repeat: repeat-x; background-position: left top; background-color: #e2ddd4; }
img { border: none; }
td, p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2C2C2C; }
div.page { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 904px; }
		/*  Normal links  */
a { font-weight: normal; font-size: 12px; color: #0066CC; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { font-weight: normal; font-size: 12px; color: #0066CC; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:active { font-weight: normal; font-size: 12px; color: #FF9900; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { font-weight: normal; font-size: 12px; color: #FF9900; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
		/* Footnote styles  */
.footnote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
a.footnote { font-weight: normal; font-size: 11px; color: #0066CC; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.footnote:visited { font-weight: normal; font-size: 11px; color: #0066CC; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.footnote:active { font-weight: normal; font-size: 11px; color: #FF9900; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a.footnote:hover { font-weight: normal; font-size: 11px; color: #FF9900; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
 		/*  Login box  */
.loginBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #CC6600; height: 16px; width: 60px; border: 1px solid #999999; }
.loginText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; text-align: right; }
		/*  Quotes  */
.testimonials { color: #993366; }
		/*  Content area  */
div.totop { margin: 4px 12px 8px; text-align: right; }
div.separator { margin: 6px 40px 6px 40px; background: url(/images/hr1.gif) repeat-x; }
div.content { width: 904px; margin-top: 3px; }
/*div.content { width: 904px; margin-top: 3px; margin-bottom: 3px; }*/
div.content div.leftcol { width: 694px; float: left; margin: 0px; text-align: left; vertical-align: top; }
div.content div.rightcol { width: 207px; float: right; margin: 0px; margin-left: 3px; text-align: left; vertical-align: top; }
.bigbold { font-size: 36px; }
.pageheading { width: 400px; height: 26px; padding-top: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; float: left;}
div.newslist {
	border: 1px solid #AEAEAE;
	padding: 4px;
}
div.newslist div.newsheading {
	color: #333333;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
div.newslist div.newsdate {
	color: #333333;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
div.newslist div.newsitem { color: #333333; margin: 0px 0px 0px 25px; font: 12px Verdana, Arial, Helvetica, sans-serif; }
		/* Feedback input forms  */
.feedbackhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; font-weight: bold; }
.feedbackbox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0033CC; height: 18px; border: 1px solid #999999; width: 200px; }
.feedbackboxbig { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0033CC; height: 120px; border: 1px solid #999999; width: 400px; }
.warnings { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; font-weight: bold; }

		/* Box layout 1 - Blue */
/*div.bluebox { width: 800px; } /* Debug option */
div.bluebox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2C2C2C;  }
div.bluebox div.top { background-image: url(/images/boxes/box_blue_1b.gif); background-repeat: repeat-x; height: 26px; }
div.bluebox div.top div.left { background-image: url(/images/boxes/box_blue_1a.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: left; }
div.bluebox div.top div.title { background-image: url(/images/boxes/box_blue_1b.gif); background-repeat: repeat-x; padding-top: 6px; padding-left: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; float: left; }
div.bluebox div.top div.right { background-image: url(/images/boxes/box_blue_1c.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: right; }
div.bluebox div.middle { margin: 0px; margin-left: 1px; margin-right: 1px; padding: 16px; padding-bottom: 8px; background-color:#FFFFFF; border: none; border-left: solid 1px #8A8A8A; border-right: solid 1px #8A8A8A; }
div.bluebox div.bottom { background-image: url(/images/boxes/box_blue_3b.gif); background-repeat: repeat-x; height: 10px; }
div.bluebox div.bottom div.left { background-image: url(/images/boxes/box_blue_3a.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: left; }
div.bluebox div.bottom div.right { background-image: url(/images/boxes/box_blue_3c.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: right; }
		/* Box layout 1 - Blue */
/*div.bluebox { width: 800px; } /* Debug option */
div.lightbluebox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2C2C2C;  }
div.lightbluebox div.top { background-image: url(/images/boxes/box_lightblue_1b.gif); background-repeat: repeat-x; height: 26px; }
div.lightbluebox div.top div.left { background-image: url(/images/boxes/box_lightblue_1a.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: left; }
div.lightbluebox div.top div.title { background-image: url(/images/boxes/box_lightblue_1b.gif); background-repeat: repeat-x; padding-top: 6px; padding-left: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; float: left; }
div.lightbluebox div.top div.right { background-image: url(/images/boxes/box_lightblue_1c.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: right; }
div.lightbluebox div.middle { margin: 0px; margin-left: 1px; margin-right: 1px; padding: 16px; padding-bottom: 8px; background-color:#FFFFFF; border: none; border-left: solid 1px #8A8A8A; border-right: solid 1px #8A8A8A; }
div.lightbluebox div.bottom { background-image: url(/images/boxes/box_blue_3b.gif); background-repeat: repeat-x; height: 10px; }
div.lightbluebox div.bottom div.left { background-image: url(/images/boxes/box_lightblue_3a.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: left; }
div.lightbluebox div.bottom div.right { background-image: url(/images/boxes/box_lightblue_3c.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: right; }
		/* Box layout 2 - Orange */
/*div.orangebox { width: 800px; } /* Debug option */
div.orangebox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2C2C2C;  }
div.orangebox div.top { background-image: url(/images/boxes/box_orange_1b.gif); background-repeat: repeat-x; height: 26px; }
div.orangebox div.top div.left { background-image: url(/images/boxes/box_orange_1a.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: left; }
div.orangebox div.top div.title { background-image: url(/images/boxes/box_orange_1b.gif); background-repeat: repeat-x; padding-top: 6px; padding-left: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: left; float: left; }
div.orangebox div.top div.right { background-image: url(/images/boxes/box_orange_1c.gif); background-repeat: no-repeat; width: 18px; height: 26px; float: right; }
div.orangebox div.middle { margin: 0px; margin-left: 1px; margin-right: 1px; padding:  16px; padding-bottom: 8px; background-color:#FFFFFF; border: none; border-left: solid 1px #8A8A8A; border-right: solid 1px #8A8A8A; }
div.orangebox div.bottom { background-image: url(/images/boxes/box_orange_3b.gif); background-repeat: repeat-x; height: 10px; }
div.orangebox div.bottom div.left { background-image: url(/images/boxes/box_orange_3a.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: left; }
div.orangebox div.bottom div.right { background-image: url(/images/boxes/box_orange_3c.gif); background-repeat: no-repeat; width: 18px; height: 10px; float: right; }


/*  Header styles  */
div.header { margin: 0px; width: 904px; height: auto; background-color: #FFFFFF; border: none; }
div.header div.menu { border: none; /* solid 1px red; /* dummy */ }
div.hidden, div.menucontainer { padding-right: 40px; float: left; margin: 0px; border: none; width: 848px; height: 88px; background: no-repeat top left url(/images/menu/links2.gif); }
		/*  Menu links  
#divLinks  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; padding: 8px; height: 88px; width: 500px; text-align: left; }
*/
div.hidden { display: none; margin: 10px; }
div.innermenuleft {float: left; margin-left: 30px; margin-top: 5px; }
div.innermenuright { font-weight: normal; font-size: 12px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; float: left; padding: 8px; margin-left: 32px; } /* margin-right: 32px; }*/

/*  Footer styles  */
div.footer { float: left; height: 21px; width: 904px; margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 8px; background: url(/images/footer/footer_bg.gif) repeat-x; }
/*div.footer div img { border: 0px; }


/*  Debug styles  */
/*
div { border: solid 1px #FF3333; }
		/*  End debug  */