/* Layout for Design 1 */

/************* LayoutEditor ************/
.LayoutEditor {text-align:center;}
/*All styles can be configured differently for the layout designer if need be. */


/******** Template Area Styling ********/
#masterArea0 {width:790px;overflow:hidden; }
#masterArea1 {width:150px; float:left;overflow:hidden;}
#masterArea2 {width:640px; float:left; overflow:hidden;} /*!IMPORTANT*/
#masterArea3 {clear: left; width:790px; }
/* Caught by IE6 Bug so lost 5 pixels - probably the 3pixel 
bug and not got the time to fix it - will have to come back later! *?

/***** ContentPlaceHolder Templates *****/

/* Overflow */
/* IMPORTANT NOTE - if adding an area to ANY template update this. 
The overflow is due to dynamic nature of the widgets - IE6 will push out 
areas and blow up the layout rather than restrict to the width of the 
wrapping div and just look wrong. If ALL the widgets worked in ANY area
then would could happily delete this which is preferable as quirks made 
elsewhere may be hidden by this till its seen by an end user */
#area0,
#area1,
#area2,
#area3,
#area4 { overflow:hidden; }

/* ContentPlaceHolder1 - Basic One Column Layout */
#contentPlaceHolder1		{width:639px; float:left;display:inline;margin-left:3px;}
#contentPlaceHolder1 #area0 {float:left;display:inline; width:99%; }

/* ContentPlaceHolder2 - 2 Even columns with header & footer */
#contentPlaceHolder2		{width:640px; }
#contentPlaceHolder2 #area0 {float:left; width:630px;}	/*Header*/
#contentPlaceHolder2 #area1 {float:left; width:310px;}	/*Col 1*/
#contentPlaceHolder2 #area2 {float:left; width:310px;}	/*Col 2*/
#contentPlaceHolder2 #area3 {clear: left; width:630px; }/*Footer*/
#contentPlaceHolder2 #area0,
#contentPlaceHolder2 #area1,
#contentPlaceHolder2 #area2,
#contentPlaceHolder2 #area3 { padding:5px }				/* Padding */

/* ContentPlaceHolder3 - 3 Even columns with header & footer */
#contentPlaceHolder3		{width:640px; }
#contentPlaceHolder3 #area0 {width:630px;}				/*Header*/
#contentPlaceHolder3 #area1 {float:left; width:203px;}	/*Col 1*/
#contentPlaceHolder3 #area2 {float:left; width:204px; }	/*Col 2*/
#contentPlaceHolder3 #area3 {float:left; width:203px;}	/*Col 3*/
#contentPlaceHolder3 #area4 {clear: left; width:630px;}	/*Footer*/
#contentPlaceHolder3 #area0,
#contentPlaceHolder3 #area1,
#contentPlaceHolder3 #area2,
#contentPlaceHolder3 #area3,
#contentPlaceHolder3 #area4 { padding:5px;}				/* Padding */

/* ContentPlaceHolder4 - 2 Columns headers and footer Thin Left Column*/
#contentPlaceHolder4 {width:640px; }
#contentPlaceHolder4 #area0 {float:left; width:630px;}	/*Header*/
#contentPlaceHolder4 #area1	{float:left; width:185px;}	/*Col 1*/
#contentPlaceHolder4 #area2	{float:left; width:435px;}	/*Col 2*/
#contentPlaceHolder4 #area3 {clear: left; width:630px; }/*Footer*/
#contentPlaceHolder4 #area0,#contentPlaceHolder4 #area1,
#contentPlaceHolder4 #area2,#contentPlaceHolder4 #area3 { padding:0 5px 0 5px; }	

/* ContentPlaceHolder5 - 2 Columns headers and footer Thin Right Column*/
#contentPlaceHolder5 {width:640px; }
#contentPlaceHolder5 #area0 {float:left; width:630px;}	/*Header*/
#contentPlaceHolder5 #area1	{float:left; width:435px;}	/*Col 1*/
#contentPlaceHolder5 #area2	{float:left; width:185px;}	/*Col 2*/
#contentPlaceHolder5 #area3 {clear: left; width:630px; }/*Footer*/
#contentPlaceHolder5 #area0,#contentPlaceHolder5 #area1,
#contentPlaceHolder5 #area2,#contentPlaceHolder5 #area3 { padding:0 5px 0 5px; }	



/* contentPlaceHolder_Profile - 2 Columns no headers or footers */
#contentPlaceHolder_Profile			{width:640px; }
#contentPlaceHolder_Profile #area0	{float:left; width:185px;}	/*Col 1*/
#contentPlaceHolder_Profile #area1	{float:left; width:435px;}	/*Col 2*/
#contentPlaceHolder_Profile #area0,
#contentPlaceHolder_Profile #area1 { padding-left:10px }			/* Padding */