html {
	width: 100%; min-width: 100%;
	height: 98%; min-height: 98%;
}

body {
	width: 100%;  min-width: 100%;
	height: 98%; min-height: 98%;
	background: #EEE;
	color: #222;
	font-family:Verdana, Geneva, sans-serif;
	/* overflow: hidden; */
	font-size: 90%;
	padding: 8px 0 8px 0; 
	background-color: #EEE;
}

/* p {font-size: 90%;} */
td {font-size: 90%;}

.helpText {
color: #FFFFFF;
text-decoration: none;
text-shadow:2px 2px 2px #039;
}
.helpText a {
color: #FFFFFF;
text-decoration: none;
text-shadow:2px 2px 2px #039;
}

.displayEditor {
font-size: 60%;
}
.displayEditor textarea {
font-size: 60%;
}
/*
@font-face {
	font-family: 'fs_clerkenwellregular';
	src: url('../Clerkenwell/fs-clerkenwell-webfont.eot');
	src: url('../Clerkenwell/fs-clerkenwell-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Clerkenwell/fs-clerkenwell-webfont.woff') format('woff'),
		 url('../Clerkenwell/fs-clerkenwell-webfont.ttf') format('truetype'),
		 url('../Clerkenwell/fs-clerkenwell-webfont.svg#fs_clerkenwellregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
h1 {
	/* font-family: 'fs_clerkenwellregular', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; */
	font-size: 200%;
	/* text-shadow: D D D 10px rgba(D,D,D,0.9); */
	color: #B70D50;
	/*text-shadow: 1px 1px 1px #666666; 
	letter-spacing: 2px;*/
	text-shadow: 0 0 1px rgba(234,77,104, 0.5);
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #333;	
	text-decoration: underline;
}

.backgroundGradient {
	background: #AAAAAA; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #aaaaaa 10%, #000000 12%, #333333 33%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(10%,#aaaaaa), color-stop(30%,#000000), color-stop(33%,#333333), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #000000 0%,#aaaaaa 10%,#000000 12%,#333333 33%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #000000 0%,#aaaaaa 10%,#000000 12%,#333333 33%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #000000 0%,#aaaaaa 10%,#000000 12%,#333333 33%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #000000 0%,#aaaaaa 10%,#000000 12%,#333333 33%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
/*
input:not([type="radio"]):not([type="checkbox"]), textarea, select { 
padding: 2px;
border:1px solid #ccc;
margin-bottom:5px;
margin-top:5px;
outline: 0;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
 
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #AAA; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
*/
/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* AMG for use in 'showing up the divs (DO NOT put a border on any .grid classes - not enough tolerance to cope with 1px */
.showDiv {
border: #069 solid 1px;
}
.hostContainer {
	font-size: 82%;
background-color: #FFFFFF;
width: 98%;
height: 100%;
min-height: 100%;
margin-top: 8px;
margin-left: auto;
margin-right: auto;	
 border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
corner-radius: 4px;
box-shadow: 6px 6px 5px #BBB;
padding: 4px;
}
.main {
	background-color: #FFF;
	height: 78%;  /*re-enable this if the Nav.cfm ever needs to go back in */
	/* height: 82%; re-enable this if the Nav or Breadcrumb are not needed */
	padding: 4px 10px 10px 10px;
	overflow: auto;
}
.innerContainer {
border: #FFF solid 1px; /* remove when done */
margin: 4px;
padding: 4px;
}



/*
/*  Pursue this when time */ 
/* ///////////////////////////////////////////////////////////////////////////////// DEVICE DEPENDANT DUPLICAT HERE */
/* @media screen and (min-width: 1024px){*/
#shuLogo {
	background-color:#FFF;	
	background-image: url(/Styles/images/shuLogo.png); 
	background-repeat: no-repeat;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	height: 108px;
	width: 174px;
/*	height: 100%;

	min-width: 17px;
	min-height: 11px; 
	max-height: 108px;
	max-width: 174px;
height: 100%;
width: 100%;*/
}
/* } */
.columnCurver, .columnCurverWithShadow, .columnCurverWithExtraPad {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	corner-radius: 4px;
	background: #FFF;
	/* background: rgba(f,f,f,.5); invalid?? */
	border-top: #BBB solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	border-left: #BBB solid 1px;
}

.columnCurverWithShadow {
/* box-shadow: 6px 6px 5px #BBB; */
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.36);
}

.columnCurverWithMinimalShadow {
/* box-shadow: 3px 3px 2px #BBB; */
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
}

.columnCurverWithExtraPad {
padding: 1%;
}
.columnCurverWithExtraMargin {
margin: 1%;	
}
.columnCurverExtraRound {
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	corner-radius: 14px;
}
.loseTheDamnCorners {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	corner-radius: 0;	
}
/*This is to 'force' some height into those parent divs that have 0 height even when there are children with finite height */
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
 width: 8.333333333333333%;
}

.container_12 .grid_2 {
  width: 16.66666666666667%;
}

.container_12 .grid_3 {
  width: 25%;
}

.container_12 .grid_4 {
  width: 33.33333333333333%;
}

.container_12 .grid_5 {
  width: 41.66666666666667%;
}

.container_12 .grid_6 {
  width: 50%;
}

.container_12 .grid_7 {
  width: 58.33333333333333%;
}

.container_12 .grid_8 {
  width: 66.66666666666667%;
}

.container_12 .grid_9 {
  width: 75%;
}

.container_12 .grid_10 {
  width: 83.33333333333333%;
}

.container_12 .grid_11 {
  width: 91.66666666666667%;
}

.container_12 .grid_12 {
  width: 100%;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------
*/
.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 33.33333333333333%;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}
*/
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}
*/
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}
*/
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}