/*----------------------------------------------------------------------------//
// Coded by A.Spencer
//----------------------------------------------------------------------------*/

/* Note: Throughout this file, the *property (star-property) filter is used 
to give a value to IE7 or below that other browsers do not see. _property is 
only by IE6 or below, so the combo of *prop and _prop can target between IE6 
and IE7. prop\9 for IE8 and below*/

/*----------------------------------------------------------------------------//
   Reset all default HTML tags - see ../blank.png
//----------------------------------------------------------------------------*/

* {
  padding: 0;
  outline: 0;
  margin: 0;
  border: 0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*----------------------------------------------------------------------------//
   Add font sizing
//----------------------------------------------------------------------------*/

/*Percents could work for IE, but for backCompat purposes, we are using 
keywords. x-small is for IE6/7 quirks mode. */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/* Nudge down to get to 13px equivalent for these form elements */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/* To help tables remember to inherit */
table {
	font-size:inherit;
	font:100%;
}

/* Bump up IE to get to 13px equivalent for these fixed-width elements */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*----------------------------------------------------------------------------//
   Add base style to tags
//----------------------------------------------------------------------------*/

h1 {
	/* 20px */
	font-size:153.8%;  
}
h2 {
	/* 16px */
	font-size:123.1%; 
}
h3 {
	/* 14px */
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/* bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/* indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/* bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/* giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/* bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/* giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/* giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/* giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/* borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/* distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/* coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/* centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/* so things don't run into each other*/
	margin-bottom:1em;
}
input {
  border: 1px solid rgb(192,192,192);
  padding:0.1em;
}
input[type="submit"], button {
  cursor: pointer;
  cursor: hand;
}
button {
  background-color: rgb(224,224,224);
  border:1px solid rgb(160,160,160);
  border-top:1px solid rgb(192,192,192);
  border-left:1px solid rgb(192,192,192);
  padding: 0.1em;
  font-weight:bold;
}
button:hover{
  background-color: rgb(208,208,208);
}
button.positive {
  padding-left: 18px;
  background-image: url(../_img/icons/tick.png);
  background-position: center left;
  background-repeat: no-repeat;
  color:#529214;
}
button.positive:hover {
  background-color: rgb(230,239,194);
  border:1px solid rgb(198,216,128);
}
button.negative {
  padding-left: 18px;
  background-image: url(../_img/icons/cross.png);
  background-position: center left;
  background-repeat: no-repeat;
  color:rgb(204,0,0);
}
button.negative:hover {
  background-color: rgb(251,227,228);
  border:1px solid rgb(251,194,196);
}
/*----------------------------------------------------------------------------//
   Set up Template Grids
//----------------------------------------------------------------------------*/

/* Section: General Rules */
body {
	text-align: center;
}
/* Section: Page Width Rules (#page, #page2, #page3, #page4) */
#page,#page2,#page3,#page4,.grid-t1,.grid-t2,.grid-t3,.grid-t4,.grid-t5,.grid-t6,.grid-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em;
}
/* 950 Centered (page2) */
#page2 {
	width: 73.076em;
	*width: 71.25em;
}
/* 100% (page3) */
#page3 {
/* Left and Right margins are not a structural part of Grids. Without them 
Grids works fine, but content bleeds to the very edge of the pageument, which
often impairs readability and usability. They are provided because they 
prevent the content from "bleeding" into the browser's chrome. */
	margin: auto 10px;
	width: auto;
}
/* 974 Centered (page4) */
#page4 {
	width: 74.923em;
	*width: 73.05em;
}
/* Section: Preset Template Rules (.grid-t[1-6]) */
.grid-b {
	/* to preserve source-order independence for Gecko */
	position: relative;
}
.grid-b {
	/* to preserve source-order independence for IE */
	_position: static;
}
#grid-main .grid-b {
	/* to preserve source-order independence for Gecko */
	position: static;
}
#grid-main,.grid-g .grid-u .grid-g {
	width: 100%;
}
.grid-t1 #grid-main,.grid-t2 #grid-main,.grid-t3 #grid-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}
.grid-t4 #grid-main,.grid-t5 #grid-main,.grid-t6 #grid-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -25em;
}
/*For Specific Template Presets */
.grid-t1 .grid-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em;
}
.grid-t1 #grid-main .grid-b {
	margin-left: 13.30769em;
	*margin-left: 13.05em;
}
.grid-t2 .grid-b {
	float: left;
	width: 13.8461em;
	*width: 13.50em;
}
.grid-t2 #grid-main .grid-b {
	margin-left: 14.8461em;
	*margin-left: 14.55em;
}
.grid-t3 .grid-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em;
}
.grid-t3 #grid-main .grid-b {
	margin-left: 24.0769em;
	*margin-left: 23.62em;
}
.grid-t4 .grid-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em;
}
.grid-t4 #grid-main .grid-b {
	margin-right: 14.8456em;
	*margin-right: 14.55em;
}
.grid-t5 .grid-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em;
}
.grid-t5 #grid-main .grid-b {
	margin-right: 19.4615em;
	*margin-right: 19.125em;
}
.grid-t6 .grid-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em;
}
.grid-t6 #grid-main .grid-b {
	margin-right: 24.0769em;
	*margin-right: 23.62em;
}
.grid-t7 #grid-main .grid-b {
	display: block;
	margin: 0 0 1em 0;
}
#grid-main .grid-b {
	float: none;
	width: auto;
}
/* Section: Grids and Nesting Grids */
/* Children generally take half the available space */
.grid-gb .grid-u,.grid-g .grid-gb .grid-u,.grid-gb .grid-g,.grid-gb .grid-gb,.grid-gb .grid-gc,.grid-gb .grid-gd,.grid-gb .grid-ge,.grid-gb .grid-gf,.grid-gc .grid-u, .grid-gc .grid-g,.grid-gd .grid-u {
	float: left;
}
/* Float units (and sub grids) to the right */
.grid-g .grid-u,.grid-g .grid-g,.grid-g .grid-gb, .grid-g .grid-gc, .grid-g .grid-gd, .grid-g .grid-ge, .grid-g .grid-gf, .grid-gc .grid-u, .grid-gd .grid-g,.grid-g .grid-gc .grid-u,.grid-ge .grid-u, .grid-ge .grid-g, .grid-gf .grid-g,.grid-gf .grid-u {
	float: right;
}
/*Float units (and sub grids) to the left */
.grid-g div.first,.grid-gb div.first,.grid-gc div.first,.grid-gd div.first,.grid-ge div.first,.grid-gf div.first,.grid-g .grid-gc div.first,.grid-g .grid-ge div.first,.grid-gc div.first div.first {
	float: left;
}
.grid-g .grid-u,.grid-g .grid-g,.grid-g .grid-gb,.grid-g .grid-gc,.grid-g .grid-gd,.grid-g .grid-ge,.grid-g .grid-gf {
	width: 49.1%;
}
.grid-gb .grid-u,.grid-g .grid-gb .grid-u,.grid-gb .grid-g,.grid-gb .grid-gb,.grid-gb .grid-gc,.grid-gb .grid-gd,.grid-gb .grid-ge,.grid-gb .grid-gf,.grid-gc .grid-u, .grid-gc .grid-g,.grid-gd .grid-u {
	width: 32%;
	margin-left: 1.99%;
}
/* Give IE some extra breathing room for 1/3-based rounding issues */
.grid-gb .grid-u {
	*margin-left: 1.9%;
	*width: 31.9%;
}
.grid-gc div.first,.grid-gd .grid-u {
	width: 66%;
}
.grid-gd div.first {
	width: 32%;
}
.grid-ge div.first,.grid-gf .grid-u {
	width: 74.2%;
}
.grid-ge .grid-u,.grid-gf div.first {
	width: 24%;
}
.grid-g .grid-gb div.first,.grid-gb div.first,.grid-gc div.first,.grid-gd div.first {
	margin-left: 0;
}
/* Section: Deep Nesting */
.grid-g .grid-g .grid-u,.grid-gb .grid-g .grid-u,.grid-gc .grid-g .grid-u,.grid-gd .grid-g .grid-u,.grid-ge .grid-g .grid-u,.grid-gf .grid-g .grid-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}
.grid-g .grid-g .grid-u {
	width: 48.1%;
}
.grid-g .grid-gb div.first,.grid-gb .grid-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}
.grid-g .grid-gc div.first,.grid-gd .grid-g {
	width: 66%;
}
.grid-gb .grid-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%;
}
.grid-gb .grid-gc div.first,.grid-gb .grid-gd div.first {
	*margin-right: 0;
}
.grid-gb .grid-gb .grid-u,.grid-gb .grid-gc .grid-u {
	*margin-left: 1.8%;
	_margin-left: 4%;
}
.grid-g .grid-gb .grid-u {
	_margin-left: 1.0%;
}
.grid-gb .grid-gd .grid-u {
	*width: 66%;
	_width: 61.2%;
}
.grid-gb .grid-gd div.first {
	*width: 31%;
	_width: 29.5%;
}
.grid-g .grid-gc .grid-u,.grid-gb .grid-gc .grid-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}
.grid-gb .grid-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0;
}
.grid-gb .grid-ge .grid-u,.grid-gb .grid-gf .grid-u {
	margin: 0;
}
.grid-gb .grid-gb .grid-u {
	_margin-left: .7%;
}
.grid-gb .grid-g div.first,.grid-gb .grid-gb div.first {
	*margin-left: 0;
}
.grid-gc .grid-g .grid-u,.grid-gd .grid-g .grid-u {
	*width: 48.1%;
	*margin-left: 0;
}
.grid-gb .grid-gd div.first {
	width: 32%;
}
.grid-g .grid-gd div.first {
	_width: 29.9%;
}
.grid-ge .grid-g {
	width: 24%;
}
.grid-gf .grid-g {
	width: 74.2%;
}
.grid-gb .grid-ge div.grid-u,.grid-gb .grid-gf div.grid-u {
	float: right;
}
.grid-gb .grid-ge div.first,.grid-gb .grid-gf div.first {
	float: left;
}
/* Width Accommodation for Nested Contexts */
.grid-gb .grid-ge .grid-u,.grid-gb .grid-gf div.first {
	*width: 24%;
	_width: 20%;
}
/* Width Accommodation for Nested Contexts */
.grid-gb .grid-ge div.first,.grid-gb .grid-gf .grid-u {
	*width: 73.5%;
	_width: 65.5%;
}
/* Patch for GD within GE */
.grid-ge div.first .grid-gd .grid-u {
	width: 65%;
}
.grid-ge div.first .grid-gd div.first {
	width: 32%;
}
/* @group Clearing */
#hd:after,#bd:after,#ft:after,.grid-g:after,.grid-gb:after,.grid-gc:after,.grid-gd:after,.grid-ge:after,.grid-gf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#hd,#bd,#ft,.grid-g,.grid-gb,.grid-gc,.grid-gd,.grid-ge,.grid-gf {
	zoom: 1;
}

/*----------------------------------------------------------------------------//
   Rounded Corners w/ Border
//-----------------------------------------------------------------------------/

.rounded {
  border: 1px solid rgb(0,0,0);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  position: relative\9;
}

.rounded > .tl, .rounded > .tr, .rounded > .bl, .rounded .br {
  width: 1em\9;
  height: 1em\9;
  position: absolute\9;
}

.rounded > .tl {
  background: url(../blank.png) top left no-repeat\9;
  top: -1px\9;
  left:-1px\9;
}

.rounded > .tr {
  background: url(../blank.png) top right no-repeat\9;
  top: -1px\9;
  right:-1px\9;
}

.rounded > .bl {
  background: url(../blank.png) bottom left no-repeat\9;
  bottom: -1px\9;
  left:-1px\9;
}

.rounded > .br {
  background: url(../blank.png) bottom right no-repeat\9;
  bottom: -1px\9;
  right:-1px\9;
}
//----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------//
   Hiddden
//----------------------------------------------------------------------------*/

.hidden {
  display:none;
}

/*----------------------------------------------------------------------------//
   Basic Header Setup 
//----------------------------------------------------------------------------*/

#hd {
  height: 170px;
	margin: 0;
	background-image: url("../blank.png");
  background-repeat: no-repeat;
  background-position:top left;
}

#hd h1, #hd h2 {
  margin:0;
}

#hd h2 {
  float:right;
  padding-top:1em;
  padding-right:1em;
  text-align:center;
  font-size: 180%;
}
/*----------------------------------------------------------------------------//
   Basic Navigation Setup 
//----------------------------------------------------------------------------*/
#bd{
  background-image: url("../blank.png");
  background-repeat: repeat-y;
  background-position:top left;
}

#navigation {
  padding-top:86px;
	background-image: url("../blank.png");
  background-repeat: no-repeat;
  background-position:top left;
  _zoom: 1; /* haslayout=true */
}

/*----------------------------------------------------------------------------//
   Basic Body Setup 
//----------------------------------------------------------------------------*/
#mainContent {
  margin-top:1em;
}

.paddingWrapper {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom:1em;
}

.center table {
  margin-left:auto;
  margin-right:auto;
  _text-align:center;
}

.centerImg, .centerText {
  text-align:center;
}

/*----------------------------------------------------------------------------//
   Basic Footer Setup 
//----------------------------------------------------------------------------*/

#ft {
  color:rgb(255,255,255);
	background:rgb(160,160,160);
	margin: 0.5em 0;
	padding: 0.2em 1em;
}

/*----------------------------------------------------------------------------//
   Menu
//----------------------------------------------------------------------------*/

.menu{
	z-index:800;
}
.menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index:800;
}
/*Top level list items*/
.menu ul li{
  position: relative;
  display: inline;
  float: left;
  font-weight:bold;
  z-index:800;
  right:1em;
}
/*Top level menu link items style*/
.menu ul li a{
	display: block; /*background of tabs (default state)*/
	padding:2px 8px 2px 8px;
	margin:0;
	color: rgb(48,48,48);
	text-decoration: none;
	width:159px;   /*  180px - 8px - 8px = 75; */ 
	border-bottom:1px dotted #000000;
  background:#F1E7E6;
	z-index:800;
}
* html .menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
  z-index:800;
}
.menu ul li a:link, .menu ul li a:visited{
  color: rgb(48,48,48);
  z-index:800;
}
.menu ul li a:hover{
  background:#B5AFAF;
  color: #FFFFFF;
  z-index:800;
}
/*menu color list*/
.menu ul li a.purpleDark {background:#A377B4;}
.menu ul li a:hover.purpleDark {background:#5F2775;}

.menu ul li a.purpleLight {background:#8E81BD;}
.menu ul li a:hover.purpleLight {background:#3B2A7B;}

.menu ul li a.blue {background:#94A2C6;}
.menu ul li a:hover.blue {background:#304781;}

.menu ul li a.aqua {background:#A8D0CB;}
.menu ul li a:hover.aqua {background:#37877C;}

.menu ul li a.grassLight {background:#D2DBBD;}
.menu ul li a:hover.grassLight {background:#768E3D;}

.menu ul li a.beige {background:#E3DECE;}
.menu ul li a:hover.beige {background:#948043;}