/********************************************
   AUTHOR:  				Michael Vella
   WEBSITE:   				http://www.solutionsweb.co.za/
	TEMPLATE NAME: 	Phoenix
    DATE:   					21 April 2009
 *******************************************/ 
 ****************html********************
body {
	font: 10px normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}
#page-wrap		    { max-width: 100%; margin: 0 auto; position: relative; zoom: 1; }
  #main-content       { padding: 0 300px; width: 40% }

#main-sidebar       { position: absolute; left: 0; top: 0; width:30%; bottom: 0; 

                      background:  padding: 0 10px; }
                      
#secondary-sidebar  { position: absolute; right: 0; top: 0; width: 30%; bottom: 0;
                      background:  padding: 0 10px }
  
 h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:20px; width:40%;margin-top: 30px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}

 ***************Layout*******************	

.one {
  float:left;
  width:30%;
  margin: 3px 0 5px 0;
  padding: 5px;
  text-align:left;
  }

.two {
  float: left;
  width:40%;
  margin: 3px 0 px 0;
  padding: 10px;
  }


#leftnav
{
float: left;
width: 320px;
margin: 0;
padding: 1em;
}
#content
{
margin-left: 330px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;


  }
  #floatLeft
  {margin-right: 40px;
  margin-left: 20px;