/* --------------------------------------------------------------

   GRID.CSS

   Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 960px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

-------------------------------------------------------------- */

/* A container should group all your columns. */

/**
	* container-5 is used for role-based navigation regions.
	* The 24-column grid is unsuitable for this purpose.
	*/

body.fullSite .container,
body.fullSite.container-5, ul.AspNet-Menu{
	width: 960px;
  margin: 0 auto;
	position: relative;
}

/*-  COLUMNS
----------------------------------------------------------------------*/

body.fullSite .column,
body.fullSite .span-1, body.fullSite .span-2, body.fullSite .span-3, body.fullSite .span-4, body.fullSite .span-5, body.fullSite .span-6, body.fullSite .span-7, body.fullSite .span-8, body.fullSite .span-9, body.fullSite .span-10, body.fullSite .span-11, body.fullSite .span-12, body.fullSite .span-13, body.fullSite .span-14, body.fullSite .span-15, body.fullSite .span-16, body.fullSite .span-17, body.fullSite .span-18, body.fullSite .span-19, body.fullSite .span-20, body.fullSite .span-21, body.fullSite .span-22, body.fullSite .span-23, body.fullSite .span-24 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

/* Use these classes to set the width of a ROLE-BASED nav column. */

 body.fullSite .container-5 .span-1 {width: 182px;}
 body.fullSite .container-5 .span-2 {width: 374px;}
 body.fullSite .container-5 .span-3 {width: 566px;}
 body.fullSite .container-5 .span-4 {width: 758px;}
 body.fullSite .container-5 .span-5 {width: 950px;}

/* Use these classes to remove column margins. */

 body.fullSite .alpha {margin-left: 0;}
 body.fullSite .omega, #user-role .span-1 {margin-right: 0; border-right: none;}

/* Use these classes to set the width of a column. */

 body.fullSite .span-1 {width: 20px;}
 body.fullSite .span-2 {width: 60px;}
 body.fullSite .span-3 {width: 100px;}
 body.fullSite .span-4 {width: 140px;}
 body.fullSite .span-5 {width: 180px;}
 body.fullSite .span-6 {width: 220px;}
 body.fullSite .span-7 {width: 260px;}
 body.fullSite .span-7half {width: 280px;}
 body.fullSite .span-8 {width: 300px;}
 body.fullSite .span-9 {width: 340px;}
 body.fullSite .span-10 {width: 380px;}
 body.fullSite .span-11 {width: 420px;}
 body.fullSite .span-12 {width: 460px;}
 body.fullSite .span-13 {width: 500px;}
 body.fullSite .span-14 {width: 540px;}
 body.fullSite .span-15 {width: 570px;}
 body.fullSite .span-16 {width: 620px;}
 body.fullSite .span-17 {width: 660px;}
 body.fullSite .span-18 {width: 700px;}
 body.fullSite .span-19 {width: 7400px;}
 body.fullSite .span-20 {width: 780px;}
 body.fullSite .span-21 {width: 820px;}
 body.fullSite .span-22 {width: 860px;}
 body.fullSite .span-23 {width: 900px;}
 body.fullSite .span-24 {width:940px; margin-right:0;} 

/* Add these to a column to append empty cols. */

 body.fullSite .append-1 { padding-right: 40px;}
 body.fullSite .append-2 { padding-right: 80px;}
 body.fullSite .append-3 { padding-right: 120px;}
 body.fullSite .append-4 { padding-right: 160px;}
 body.fullSite .append-5 { padding-right: 200px;}
 body.fullSite .append-6 { padding-right: 240px;}
 body.fullSite .append-7 { padding-right: 280px;}
 body.fullSite .append-8 { padding-right: 320px;}
 body.fullSite .append-9 { padding-right: 360px;}
 body.fullSite .append-10 { padding-right: 400px;}
 body.fullSite .append-11 { padding-right: 440px;}
 body.fullSite .append-12 { padding-right: 480px;}
 body.fullSite .append-13 { padding-right: 520px;}
 body.fullSite .append-14 { padding-right: 560px;}
 body.fullSite .append-15 { padding-right: 600px;}
 body.fullSite .append-16 { padding-right: 640px;}
 body.fullSite .append-17 { padding-right: 680px;}
 body.fullSite .append-18 { padding-right: 720px;}
 body.fullSite .append-19 { padding-right: 760px;}
 body.fullSite .append-20 { padding-right: 800px;}
 body.fullSite .append-21 { padding-right: 840px;}
 body.fullSite .append-22 { padding-right: 880px;}
 body.fullSite .append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

 body.fullSite .prepend-1 { padding-left: 40px;}
 body.fullSite .prepend-2 { padding-left: 80px;}
 body.fullSite .prepend-3 { padding-left: 120px;}
 body.fullSite .prepend-4 { padding-left: 160px;}
 body.fullSite .prepend-5 { padding-left: 200px;}
 body.fullSite .prepend-6 { padding-left: 240px;}
 body.fullSite .prepend-7 { padding-left: 280px;}
 body.fullSite .prepend-8 { padding-left: 320px;}
 body.fullSite .prepend-9 { padding-left: 360px;}
 body.fullSite .prepend-10 { padding-left: 400px;}
 body.fullSite .prepend-11 { padding-left: 440px;}
 body.fullSite .prepend-12 { padding-left: 480px;}
 body.fullSite .prepend-13 { padding-left: 520px;}
 body.fullSite .prepend-14 { padding-left: 560px;}
 body.fullSite .prepend-15 { padding-left: 600px;}
 body.fullSite .prepend-16 { padding-left: 640px;}
 body.fullSite .prepend-17 { padding-left: 680px;}
 body.fullSite .prepend-18 { padding-left: 720px;}
 body.fullSite .prepend-19 { padding-left: 760px;}
 body.fullSite .prepend-20 { padding-left: 800px;}
 body.fullSite .prepend-21 { padding-left: 840px;}
 body.fullSite .prepend-22 { padding-left: 880px;}
 body.fullSite .prepend-23 { padding-left: 920px;}

/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */

 body.fullSite .pull-1 { margin-left: -40px; }
 body.fullSite .pull-2 { margin-left: -80px; }
 body.fullSite .pull-3 { margin-left: -120px; }
 body.fullSite .pull-4 { margin-left: -160px; }
 body.fullSite .pull-5 { margin-left: -200px; }
 body.fullSite .pull-6 { margin-left: -240px; }
 body.fullSite .pull-7 { margin-left: -280px; }
 body.fullSite .pull-8 { margin-left: -320px; }
 body.fullSite .pull-9 { margin-left: -360px; }
 body.fullSite .pull-10 { margin-left: -400px; }
 body.fullSite .pull-11 { margin-left: -440px; }
 body.fullSite .pull-12 { margin-left: -480px; }
 body.fullSite .pull-13 { margin-left: -520px; }
 body.fullSite .pull-14 { margin-left: -560px; }
 body.fullSite .pull-15 { margin-left: -600px; }
 body.fullSite .pull-16 { margin-left: -640px; }
 body.fullSite .pull-17 { margin-left: -680px; }
 body.fullSite .pull-18 { margin-left: -720px; }
 body.fullSite .pull-19 { margin-left: -760px; }
 body.fullSite .pull-20 { margin-left: -800px; }
 body.fullSite .pull-21 { margin-left: -840px; }
 body.fullSite .pull-22 { margin-left: -880px; }
 body.fullSite .pull-23 { margin-left: -920px; }
 body.fullSite .pull-24 { margin-left: -960px; }

 body.fullSite .pull-1,  body.fullSite .pull-2,  body.fullSite .pull-3,  body.fullSite .pull-4,  body.fullSite .pull-5,  body.fullSite .pull-6,  body.fullSite .pull-7,  body.fullSite .pull-8,  body.fullSite .pull-9,  body.fullSite .pull-10,  body.fullSite .pull-11,  body.fullSite .pull-12,  body.fullSite .pull-13,  body.fullSite .pull-14,  body.fullSite .pull-15,  body.fullSite .pull-16,  body.fullSite .pull-17,  body.fullSite .pull-18,  body.fullSite .pull-19,  body.fullSite .pull-20,  body.fullSite .pull-21,  body.fullSite .pull-22,  body.fullSite .pull-23,  body.fullSite .pull-24 {float: left; position:relative;}

 body.fullSite .push-1 { margin: 0 -40px 1.5em 40px; }
 body.fullSite .push-2 { margin: 0 -80px 1.5em 80px; }
 body.fullSite .push-3 { margin: 0 -120px 1.5em 120px; }
 body.fullSite .push-4 { margin: 0 -160px 1.5em 160px; }
 body.fullSite .push-5 { margin: 0 -200px 1.5em 200px; }
 body.fullSite .push-6 { margin: 0 -240px 1.5em 240px; }
 body.fullSite .push-7 { margin: 0 -280px 1.5em 280px; }
 body.fullSite .push-8 { margin: 0 -320px 1.5em 320px; }
 body.fullSite .push-9 { margin: 0 -360px 1.5em 360px; }
 body.fullSite .push-10 { margin: 0 -400px 1.5em 400px; }
 body.fullSite .push-11 { margin: 0 -440px 1.5em 440px; }
 body.fullSite .push-12 { margin: 0 -480px 1.5em 480px; }
 body.fullSite .push-13 { margin: 0 -520px 1.5em 520px; }
 body.fullSite .push-14 { margin: 0 -560px 1.5em 560px; }
 body.fullSite .push-15 { margin: 0 -600px 1.5em 600px; }
 body.fullSite .push-16 { margin: 0 -640px 1.5em 640px; }
 body.fullSite .push-17 { margin: 0 -680px 1.5em 680px; }
 body.fullSite .push-18 { margin: 0 -720px 1.5em 720px; }
 body.fullSite .push-19 { margin: 0 -760px 1.5em 760px; }
 body.fullSite .push-20 { margin: 0 -800px 1.5em 800px; }
 body.fullSite .push-21 { margin: 0 -840px 1.5em 840px; }
 body.fullSite .push-22 { margin: 0 -880px 1.5em 880px; }
 body.fullSite .push-23 { margin: 0 -920px 1.5em 920px; }
 body.fullSite .push-24 { margin: 0 -960px 1.5em 960px; }

 body.fullSite .push-1,  body.fullSite .push-2,  body.fullSite .push-3,  body.fullSite .push-4,  body.fullSite .push-5,  body.fullSite .push-6,  body.fullSite .push-7,  body.fullSite .push-8,  body.fullSite .push-9, body.fullSite  .push-10,  body.fullSite .push-11,  body.fullSite .push-12,  body.fullSite .push-13,  body.fullSite .push-14,  body.fullSite .push-15, body.fullSite  .push-16,  body.fullSite .push-17, body.fullSite  .push-18,  body.fullSite .push-19,  body.fullSite .push-20,  body.fullSite .push-21,  body.fullSite .push-22, body.fullSite  .push-23, body.fullSite  .push-24 {float: left; position:relative;}

/*-  MISCELLANEOUS CLASSES
----------------------------------------------------------------------*/

/* In case you need to add a gutter above/below an element */

 body.fullSite div.prepend-top,
 body.fullSite .prepend-top 			{
  margin-top:1.5em;
}
 body.fullSite div.append-bottom,
 body.fullSite .append-bottom 		{
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */

 body.fullSite .box {
  padding: 0 1.5em;
}