/*-------------------------------------------
Page Level Layout (L140|L180|L200|L250|R180|R200|R250)
---------------------------------------------
Usage Expale:

<div id="Content" class="R250">
  <div id="Main">
    <div id="Container">Main Content</div>
  </div>
  <div id="SideBar">Side Content</div>
</div>

Default, Sidebar 180, Left */
#Main{
	float:right;
	width:100%;
	margin:0 0 0 -190px;
}
#Container{
	margin:0 0 0 190px;
}
#SideBar{
	float:left;
	width:180px;
}
/* class Sidebar 80, Left */
div.Main{
	float:right;
	width:100%;
	margin:0 0 0 -75px;
}
div.Container{
	margin:0 0 0 75px;
}
div.SideBar{
	float:left;
	width:70px;
}
/* Sidebar 140, Left */
div.L140 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -150px;
}
div.L140 #Container{
	margin:0 0 0 150px;
}
div.L140 #SideBar{
	float:left;
	width:140px;
}
/* Sidebar 200, Left */
div.L200 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -210px;
}
div.L200 #Container{
	margin:0 0 0 210px;
}
div.L200 #SideBar{
	float:left;
	width:200px;
}
/* Sidebar 180, Left */
div.L180 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -190px;
}
div.L180 #Container{
	margin:0 0 0 190px;
}
div.L180 #SideBar{
	float:left;
	width:180px;
}
/* Sidebar 180, Right */
div.R180 #Main{
	float:left;
	width:100%;
	margin:0 -190px 0 0;
}
div.R180 #Container{
	margin:0 190px 0 0;
}
div.R180 #SideBar{
	float:right;
	width:180px;
}
/* Sidebar 250, Left */
div.L250 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -260px;
}
div.L250 #Container{
	margin:0 0 0 260px;
}
div.L250 #SideBar{
	float:left;
	width:250px;
}
/* Sidebar 300, Left */
div.L300 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -310px;
}
div.L300 #Container{
	margin:0 0 0 310px;
}
div.L300 #SideBar{
	float:left;
	width:300px;
}
/* Sidebar 340, Left */
div.L340 #Main{
	float:right;
	width:100%;
	margin:0 0 0 -350px;
}
div.L340 #Container{
	margin:0 0 0 340px;
}
div.L340 #SideBar{
	float:left;
	width:340px;
}

/* Sidebar 200, Right */
div.R200 #Main{
	float:left;
	width:100%;
	margin:0 -210px 0 0;
}
div.R200 #Container{
	margin:0 210px 0 0;
}
div.R200 #SideBar{
	float:right;
	width:200px;
}

/* Sidebar 250, Right */
div.R250 #Main{
	float:left;
	width:100%;
	margin:0 -260px 0 0;
}
div.R250 #Container{
	margin:0 250px 0 0;
}
div.R250 #SideBar{
	float:right;
	width:250px;
}
/* Sidebar 300, Right */
div.R300 #Main{
	float:left;
	width:100%;
	margin:0 -310px 0 0;
}
div.R300 #Container{
	margin:0 300px 0 0;
}
div.R300 #SideBar{
	float:right;
	width:300px;
}
/* Sidebar 340, Right */
div.R340 #Main{
	float:left;
	width:100%;
	margin:0 -350px 0 0;
}
div.R340 #Container{
	margin:0 350px 0 0;
}
div.R340 #SideBar{
	float:right;
	width:340px;
}

/*-------------------------------------------
Block Level Layout (Col2|Col3)
---------------------------------------------
Usage Expale:

<div class="Col2">
  <div class="Col2Left">Left Content</div>
  <div class="Col2Right">Right Content</div>
</div>

<div class="Col3">
  <div class="Col3Left">Left Content</div>
  <div class="Col3Mid">Middle Content</div>
  <div class="Col3Right">Right Content</div>
</div>
*/
div.Col2{
	width:100%;
}
div.Col2 div.Col2Left{
	width:49.5%;
	float:left;
}
div.Col2 div.Col2Right{
	width:49.5%;
	float:right;
}

div.Col3{
	width:100%;
}
div.Col3 div.Col3Left{
	width:150px;
	float:left;
}
div.Col3 div.Col3Mid{
	width:150px;
	float:left;
}
div.Col3 div.Col3Right{
	width:435px;
	float:right;
}


/*-------------------------------------------
<div id="Content" class="C760">
	<p></p>
</div>

Default, Center 760, center */

div.C760{
	margin:0 auto;
	width:760px;
	text-align:left;

}