/* Layout for deign 1 profile */


/******** Template Area Styling ********/
#masterArea0 {width:790px;}
#masterArea1 {width:790px;}
#masterArea2 {width:260px;float:left;}
#masterArea3 {width:530px;float:left;}
#masterArea4 {width:790px; clear:left;}
#masterArea5 {width:790px; clear:left;}


/***** 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:790px; }
#contentPlaceHolder1 { padding:0 }

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

/* ContentPlaceHolder3 - 3 columns with header & footer */
#contentPlaceHolder3		{width:780px; }
#contentPlaceHolder3 #area0 {width:780px;}				/*Header*/
#contentPlaceHolder3 #area1 {float:left; width:250px;}	/*Col 1*/
#contentPlaceHolder3 #area2 {float:left; width:250px;}	/*Col 2*/
#contentPlaceHolder3 #area3 {float:left; width:250px;}	/*Col 3*/
#contentPlaceHolder3 #area4 {clear:left; width:780px;}	/*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:790px; }
#contentPlaceHolder4 #area0 {float:left; width:790px;}	/*Header*/
#contentPlaceHolder4 #area1	{float:left; width:240px;}	/*Col 1*/
#contentPlaceHolder4 #area2	{float:left; width:510px;}	/*Col 2*/
#contentPlaceHolder4 #area3 {clear: left; width:790px; }/*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:790px; }
#contentPlaceHolder5 #area0 {float:left; width:790px;}	/*Header*/
#contentPlaceHolder5 #area1	{float:left; width:510px;}	/*Col 1*/
#contentPlaceHolder5 #area2	{float:left; width:240px;}	/*Col 2*/
#contentPlaceHolder5 #area3 {clear: left; width:790px; }/*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:790px; }
#contentPlaceHolder_Profile #area0	{float:left; width:240px; }	/*Col 1*/
#contentPlaceHolder_Profile #area1	{float:left; width:510px; }	/*Col 2*/
#contentPlaceHolder_Profile #area0,
#contentPlaceHolder_Profile #area1	{padding:0 10px 0 10px;}	/* Padding */