@import url(reset.css);

body {
	margin: 0;
	padding: 0;
	font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#outerHeader {
	margin: 0 auto;
	background: #FFF; /*9EAF81*/
}

#header {
	min-height: 22px;
	width: 770px;
	margin: 0 auto;
}

#outerStrap {
	min-height: 153px; /*200*/
	border-bottom: 1px solid #2b1404;
	background: #FFF;
}

#strap {
	background: #FFF;
	width: 770px;
	margin: 0 auto;
	min-height: 152px; /*199*/
}

#outerContent
{
	min-height: 300px;
	background-color: #FFF;
	background-image: url(../images/contentbg.jpg);
	background-repeat: repeat-x;
}

#contentWrapper {
	width: 770px;
	padding-top: 10px;
	margin: 0 auto;
	font-size: 80%;
}

#content {
	width: 380px; /*410px*/
	margin: 0 auto;
	position: relative;
}

#leftcol {
	width: 170px;  /*150px*/
	float: left;
	padding-top: 14px;
}

#rightcol {
	width: 150px;
	float: right;
	color: #4e4845;
	padding-top: 55px;
	position: relative;

}

#rightcol h3 {
	font: bold 1.05em Verdana, Arial, sans-serif;
	color: #2b1404;
}

#rightcol #tree {
	margin: 20px 0;
	position: fixed;
}


#footer {
	clear: both;
	font-size: 85%;
	margin-top: 25px;
	border: 1px solid #666; 
	border-width: 1px 0;
	margin-bottom: 3em; 
	padding: 0;
	margin-left: 200px;
}

#footer p {
	padding: 3px 0 5px 0;
	margin: 3px 0;
}

#footer a {
	color: #ff4a22;
	margin-right: 0.5em;
	margin-left: 0.5em;
	text-decoration: none;
}

#footer a:hover,  #footer a:focus, #footer a:active {
	text-decoration: underline;
}

/********** text elements ******************/

/*heading styles*/
h1, h2, h3, h4, h5, h6
{
	color: #5e792d; 
	line-height: 1.22;
	font-weight: normal;
}

h1
{
	margin: 0 0 0.5em 0;
	padding: 0.25em 0;
	color: #460B1C;  /*2b1404*/
	font: 2em "Century Gothic", "Lucida Sans Unicode", "Lucida Grande",  Tahoma,"Trebuchet MS" sans-serif;
}

h2
{
	margin: 0 0 0.33em 0;
	padding: 0.25em 0;
	font: 1.67em Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
}

h3
{
	margin: 0 0 0.25em 0;
	padding: 0.125em 0;
	font: bold 1.05em Verdana, Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h4
{
	font: bold 1.25em Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	color: #6C2337;
}

h5
{
	font-size: 1.11em;
	margin: 0.5em 0 0 0;
	font-weight: 500;
}

h6
{
	font-size: 1.05em;
	margin: 0.5em 0 0 0;
	font-weight: 600;
		color: #6C2337;
}

/*tags*/
p
{
	margin: 0.33em 0 1em 0;
}

blockquote, ul, ol, dl
{
	margin: 1em 0;
	padding-left: 2.5em;
}
blockquote cite { font-style: italic; }
blockquote p { color: #083523; }

dl dd { margin: 0.25em 0 0.5em 1em; }
dt { margin: 0.5em 0 0 0; }

#training-fees dt
{
	color: #083523;
	font-weight: bold;
}
#training-fees dd { margin-left: 1.5em; }

abbr, acronym { border: none; }

pre, code, tt
{
	font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
	margin: 1em 0;
}

pre { line-height: 1.5em; }

pre strong
{
	font-weight: bold;
}

small { font-size: 85%; }
big { font-size: 115%; }

sup
{
	font-size: smaller;
	vertical-align: 0.5em;
	line-height: 1px;
}

em, i { font-style: italic; }
strong, b { font-weight: bold; }
i { font-weight: normal; }

/*indicating to users that more info is available */
abbr, acronym
{
	background-color: #FFF;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom: dotted #000 1px;
	cursor: help;
}

dfn { font-style: normal; }

/*adjacent siblings*/

p + ul, p + ol { margin-top: -0.6em; }

blockquote > p + p
{
	margin-top: -0.75em;
	text-indent: 1em;
}

h1 + p { margin-top: -1em; }
h2 + p { margin-top: -0.5em; }

#content blockquote + ul, 
#content blockquote + ol { margin-top: -1em; }

/***** table******/
table
{
	border-bottom: 3px solid #B2B2B2;
	margin: 0 0 2em;
}

caption
{
	padding: 0.75em;
	font: 1.5em Georgia, Times, serif;
	border: 1px solid #B2B2B2;
	border-width: 1px 0 2px;
	background: #EEE;
}

th, td
{
	padding: 0.5em 1em;
	border: 1px solid #CCC;
	border-width: 0 1px 1px 1px;
}

th.first, td.first, tbody th {border-left: none;}

thead th
{
	text-transform: uppercase;
	text-align: left;
}

tbody th { width: 20%; }
tfoot { display: none; }


/********** header navigation *********************/

#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: 80% "Lucida Sans Unicode", "Lucida Grande", Tahoma,"Trebuchet MS" sans-serif;
 }
  
#header li {
  float: left;		
  background: url(../images/right-off.jpg) no-repeat bottom right;
  padding: 0 2px 0 3px;
  margin: 0 1px;
}
  
#header a {
  float: left;
  display: block;
  background: url(../images/left-off.jpg) no-repeat left bottom;
  padding: 3px 8px 3px 16px;
  text-decoration: none;
  font-weight: 600;
  color: #595856;
  margin-right: 3px;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */


#header a:hover, #header a:focus {
  color: #FF4A22;
}
  
#header #current,
body#homepage #header li#home,
body#aboutpage #header li#about,
body#contactpage #header li#contact
{
  background-image: url(../images/right-on.jpg);
}
  
#header #current a,
body#homepage #header li#home a,
body#aboutpage #header li#about a,
body#contactpage #header li#contact a
{
  background-image: url(../images/left-on.jpg);
  color: #fff;
}

/********* Side Navigation ********************/

#leftcol ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftcol li
{
	margin-bottom: 1px;
}

#leftcol li a {
	text-decoration: none;
	display: block;
	color: #000;
	background-color: #9EAF81;
	padding: 5px 8px;
	line-height: 1.2;
}

#leftcol li a:hover, 
#leftcol li .here,
body#servicespage #leftcol li#services a,
body#support-groupspage #leftcol li#support-groups a,
body#student-assistancepage #leftcol li#student-assistance a,
body#trainingpage #leftcol li#training a,
body#fees-fundingpage #leftcol li#fees-funding a,
body#staffpage #leftcol li#staff a,
body#boardpage #leftcol li#board a
{
	color: #F2F7E7;
	background-color: #416a22;
}

#leftcol hr
{
	margin-top: 4em;
	visibility: hidden;
}

/********* form ********************/
label {
	color: #000;
}

input {
	background-color: #E7EBE0;
	border: 1px solid #5E792D;
	margin-bottom: 4px;
}

.button {
	background-color: #000;
	border: 1px solid #81817C;
	color: #9eaf81;
	padding: 2px 4px;
}

/************ Column control ****************/

.twocol #rightcol {
	display: none;
}

.twocol #content {
	margin-right: 0;
	margin-left: 200px; /*170px*/
	width: auto;
}

/************ For IE mac ********************/

 /*\*//*/
 #header {
	height: 60px;
}

#outerStrap {
	height: 200px;
}

 #outerContent {
	height: 300px;
}

#content {margin-left: -20px;}
#leftcol {margin-right: 20px;} 
 /**/
 
/****** content contextual *******/
 
#content a, #content a:link, #content a:visited
{
	text-decoration: none;
	border-bottom: 1px solid;
}

#content a:hover, #content a:focus, #content a:active 
{
	color: #F2F7E7; /*F2F7E7*/
	background-color: #416a22;
	border-bottom: 0;
}

#content p
{
	line-height: 1.6;
}

#content.programs h2
{
	margin-top: 30px;
	border-top: 1px solid #8EB571;
	font-size: 1.25em;
}

#content.programs h3
{
	letter-spacing: normal;
	text-transform: none;
	color: #6C2337;
}

#content.programs  dl dt
{
	margin-left: -10px;
	font-size: 1.15em;
}

#content hr
{
	padding: 3px 0;
	visibility: hidden;
}

/*blockquote styles*/

#content blockquote
{
	padding: 0.25em 20px 0.25em 30px;
	margin: 0.25em 0;
}

#leftcol blockquote
{
	padding: 0.25em 0 ;
	margin: 4em 0 0.25em;
}

blockquote p
{
	font: italic 1.25em Georgia, Times, serif;
}

blockquote p span.by, p.pullquote span.by
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 0.9em !important;
	color: #686868 !important;
	line-height: normal !important;
	font-style: normal !important;
	font-weight: normal !important;
	margin-top: 0.9em;
}

blockquote.q
{
	padding: 0 0 0 20px;
	font-size: inherit;
}

#content blockquote.q
{
	margin: 0 0 0 30px;
}

#leftcol blockquote.q
{
margin: 4em 0 0.25em;
border-top: 2px solid #B55973;
border-bottom: 2px solid #6C2337;
}

#content blockquote.q.one
{
	border-left: 4px solid #81B559;
}

#content blockquote.q.two
{
	border-left: 4px solid #53A886;
}

#content blockquote.q.three
{
	border-left: 4px solid #B55973;
}

#content blockquote.q.four
{
	border-left: 4px solid #460B1C;
}

#content blockquote.q.five
{
	border-left: 4px solid #6C2337;
}
#content blockquote.big
{
	background: url(../images/quotes_grey.gif) 5px 0.5em no-repeat;
	padding: 0.25em 0 0.25em 75px;
}

.twocol #content blockquote { padding-right: 35px; }

.twocol #content blockquote.big { padding-right: 35px; }

#content blockquote.quote-box 
{
	background-color: #8EB471; 
	padding-top: 10px;
	padding-right: 10px;
}

/*http://www.designmeme.com/articles/csspullquotes/*/

.pullquote
{
	line-height: 1.5;
	font-size: 1.2em;
	text-align: left;
	position: relative;
	width: 100%;
	color: #083523; 
}


.pullquote:before
{
	content: "\201C" attr(title) "\201D";
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.2em;
	text-align: center;
	background: #57624F;
	color: #fff;
	display: block;
	float: left;
	width: 7em;
	margin: 0.25em 1em 0.5em 0;
	padding: 1em;
}

/**********  list-styles ******************/


/*ordered lists*/

ol { list-style-type: decimal } /* 1 2 3 4 5 etc. */ 
ol ol { list-style-type: upper-alpha } /* A B C D E etc. */
ol ol ol { list-style-type: lower-roman }  /* i ii iii iv v etc. */

#content ul, #content ol  { margin-top: 1em; }

#content ul li { list-style: none; margin-bottom: 1em; }
#content ol li { list-style: decimal outside; margin-bottom: 0.67em; }

#content ul.square li { list-style: square outside; }
#content ul.disc li { list-style: disc outside; }

#content ul.bullet-1 li
{
	padding-left: 1em;
	background-image: url(../images/diamond-black.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}

#content ul.bullet-2 li
{
	padding-left: 1em;
	background-image: url(../images/diamond-gray.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}

#content ul.compact li { margin-bottom: 0.33em !important;}
#content ul#contact li a {
	margin-right: 1em;
}

/********* Classes **********/




.company { text-transform: uppercase;}

/*vertical-align*/
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.sup { vertical-align: super; }
.sub { vertical-align: sub; }

/*font-size adjust*/
.large { font-size: large; }
.larger { font-size: larger; }
.x-large { font-size: x-large; }
.xx-large { font-size: xx-large; }
.small { font-size: small; }
.smaller { font-size: smaller; }

.plus10 { font-size: 110%; }
.plus20 { font-size: 120%; }
.plus33 { font-size: 133%; }
.plus40 { font-size: 140%; }
.plus50 { font-size: 150%; }
.plus100 { font-size: 200%; }
.plus300 { font-size: 300%; }
.giant { font-size: 700%; }

.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.fifteen { font-size: 15px; }

/*text-decoration*/

.normal { font-style: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }
.strikethru { text-decoration: line-through; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.camelcase { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.slant { font-style: oblique; }

.sans-serif { font-family: Verdana, Arial, Helvetica, sans-serif; }

.wrap { word-wrap: break-word; white-space: normal; }
.pre { white-space: pre; }

/*display*/

.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }

/* === text-align === */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

/*margin-classes*/
.mg-top { margin-top: 1em; }
.mg-right { margin-right: 1em; }
.mg-bottom { margin-bottom: 1em; }
.mg-b { margin-bottom: 2em; }
.mg-left { margin-left: 1em; }

/*margin-s-classes = (s)mall shims*/
.mg-tops { margin-top: 0.33em; }
.mg-rights { margin-right: 0.33em; }
.mg-bottoms { margin-bottom: 0.33em; }
.mg-lefts { margin-left: 0.33em; }

.shim5 { margin-top: 5px; }

/*negative-margins*/
.top-up { margin-top: -1em !important; }
.topup-3 { margin-top: -3px; }
.topup-6 { margin-top: -6px; }

/*padding-classes*/
.pad-top-sm { padding-top: 0.5em; }
.pad-top { padding-top: 1em; }
.pad-right { padding-right: 1em; }
.pad-bottom { padding-bottom: 1em; }
.pad-bottom-s { padding-bottom: 0.5em; }
.pad-left { padding-left: 1em; }
.pad-all { padding: 0.5em; }
.pad-s-all { padding: 0.125em; }
.pad-m-all { padding: 0.25em; }
.pad-l-all { padding: 1em; }
.pad-r-ten { padding-right: 10%; }
.pad-l-ten { padding-left: 10%; }
.pad-r-twenty { padding-right: 20%; }
.pad-l-twenty { padding-left: 20%; }
.pad-r-third { padding-right: 33%; }
.pad-l-third { padding-left: 33%; }
.pad-hz { padding-right: 1em; padding-left: 1em; }

.big-top
{
	padding-top: 18px;
	padding-bottom: 0;
}

.big-bottom
{
	padding-bottom: 18px;
	padding-top: 0;
}


a.buffer
{
	margin-left: 0.5em;
}

.warning
{
	background: #FFFADB;
	color: #C00;
	border: 2px solid;
	padding: 1em;
	margin: 1em 0 0.5em 0;
}

.alert
{
	background: #FFC;
	color: #C00;
	border: 1px solid #FC6;
	padding: 1em;
	margin: 1em 0 0.5em 0;
}

/* floats */

 .clearright
{
	float: right;
	position: relative;
	margin: 0;
	clear: right;
}

.clearleft
{
	float: left;
	position: relative;
	margin: 0;
	clear: left;
}

.atleft
{
	float: left;
	position: relative;
	margin: 0.25em 1.5em 0.66em 0;
}

.closeleft
{
	float: left;
	position: relative;
	margin: 0.25em 0.9em 0 0;
}

.topleft
{
	float: left;
	position: relative;
	margin: 0 1.5em 0 0;
}

.leftist
{
	float: left;
	position: relative;
	margin: 0.75em 1.5em 0.66em 0;
}

.alright
{
	float: right;
	position: relative;
	margin: 0.25em 0 0.66em 1.5em;
}

.alrighty
{
	float: right;
	position: relative;
	margin: 0.25em 0 0.66em 1.5em;
}

.rightist
{
	float: right;
	position: relative;
	margin: 0.75em 0 0.66em 1.5em;
}

.onright
{
	float: right;
	position: relative;
	margin: 0.33em 0 0.66em 1.5em;
}

.topright
{
	float: right;
	position: relative;
	margin: -0.5em 0 0 0.5em;
}

.iconleft
{
	position: relative;
	top: 0.25em;
	right: 0;
}

/****standalone****/

p.standalone { text-align: center; }

p.standalone img { display: inline; }

/**** img classes ****/

img.standalone
{
	display: block;
	margin: 0.5em auto;
	width: auto;
	max-width: 100%;
}

img.across { margin: 0.25em 0 1.5em 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

img.pictop
{
	display: block;
	margin: 0;
}

img.picleft
{
	display: block;
	margin: 1em 0 0.5em 0;
}

img.leftalone
{
	display: block;
	margin: 0.5em auto 0.5em 0;
	width: auto;
	max-width: 100%;
}

img.alone
{
	display: block;
	margin: 0.5em auto;
}

img.leftthumb
{
	display: block;
	margin: 0.5em auto 0.5em 0;
}

img.downspaced
{
	display: block;
	margin: 0.5em auto 18px auto;
}

img.upspaced
{
	display: block;
	margin: 18px auto 0.5em auto;
}

/*remove img link borders*/ 

a.imglink, a.imglink:link, a.imglink:visited { border: 0 !important; }
a.imglink:hover, a.imglink:focus, a.imglink:active { background: transparent; border: 0 !important; }

/*----------------- borders --------------------*/
.border-top { border-top: 3px solid #7E9457; width: 24em; }
.border { border: 1px solid #B2B2B2; }
.border1 { border: 1px solid; }
.border1d { border: 1px solid #333; }
.border2 { border: 2px solid; }
.border2d { border: 2px solid #333; }
.border3 { border: 3px solid; }
.border3d { border: 3px solid #333; }
.solid { border: 1px solid; }
.dotted { border: 1px dotted; }
.plain { border: none; }
.double { border: 4px double; }
.inset { border: 1px inset; }
.outset { border: 1px outset; }

/*indents*/
.sub1 { margin-left: 1em; }
.sub2 { margin-left: 1.33em; }
.sub3 { margin-left: 1.5em; }
.sub4 { margin-left: 1.67em; }
.sub5 { margin-left: 2.0em; }
.sub6 { margin-left: 2.5em; }
.sub7 { margin-left: 3.0em; }

.indent { padding-left: 10px; }

.in-1
{
	text-indent: 1.5em;
}

/*outdents*/
.out1 { margin-left: -1em; }
.out2 { margin-left: -2em; }
.outlist { margin-left: -2.5em; }

/*callouts*/

.call-box
{
	background-color: #FFF;
	width: auto;
	border: 10px solid #E8DFBF;
	padding: 20px;
	margin: 20px;
}

.pullquote-2
{
	padding: 1em;
	float: right;
	width: 14em;
	_width: 192px;
	margin: 0.75em 0.75em 0.75em 1.25em;
	font-size: 1.25em;
	_font-size: 1.11em;
	text-align:center;
	line-height: 2;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	border-top: 2px solid #391A0E;
	border-bottom: 2px solid #391A0E;
}

.box
{
	margin: 0.5em 0;
}

.hbox
{
	background-color: #FFF;
	padding: 0.25em 0.75em 0 0.75em;
	margin: 0.25em 0 1em 0;
}

.hbox-2
{
	background-color: #FFF;
	padding: 0.25em 0.75em;
	margin: 0.25em 0 1em 0;
}

.colbox 
{
	padding: 0.33em 0.67em;
	margin: 0;
}

.boxhed 
{
	padding: 0 1em 0.67em 1em;
	margin: 0.25em 0;
}

.callout
{
	background-color: #FFF;
	width: 27em;
	border: 6px solid #E8DFBF;
	padding: 0.5em 1.5em;
	margin: 0.5em 0;
}

/*multiclass callboxes*/

.fitbox
{
	padding: 0.33em 0.67em;
	text-align: center;
}

.callbox
{
	width: 27em;
	padding: 0.5em 1em;
}

.callbox2
{
	width: 24em;
	padding: 0.5em 1em;
	text-align: center;
}

.callbox3 /*centered in grid2col column last*/
{
	width: 18em;
	padding: 0.5em 1em 0 1em;
	text-align: left;
	margin: 1em auto;
}

.callbox4
{
	width: 21em;
	padding: 0.5em 1em 0 1em;
	text-align: center;
	margin: 1em auto;
}

/*small floated right content box*/
/*for use with non-hanging div class*/
/*size with width classes below */

.callbox5
{
	padding: 0.5em 1em 0 1em;
	text-align: left;
	margin: 0.5em 0 0.25em 1.5em;
	float: right;
	position:relative;
}

/*small floated right content box*/
/*for use with hanging div class*/
/*size with width classes below */

.hangingbox 
{
	padding: 0.75em 2.5em 0.25em 0.25em;
	text-align: left;
	margin: 0.5em 0 0.25em 1.5em;
	float: right;
	position:relative;
}

/*widths*/
.twenty { width: 20%; }
.quarter { width: 25%; }
.third { width: 33%; }
.forty { width: 40%; }
.half { width: 50%; }
.sixty { width: 60%; }
.thirds2 { width: 67%; }
.quarters3 { width: 75%; }
.eighty { width: 80%; }
.full { width: 90%; }
.all { width: auto; }
.hundred { width: 100%; }

.popup { width: 480px; }

/*background classes*/
.bg-a
{
	background: #9EAF81;
	border: 1px #333 solid;
}

.bg-b
{
	background: #E7EBE0;
	border: 1px solid #BFBDAC;
}

.bg-c
{
	background-color: #F0F0F0;
	border: 1px solid #BFBDAC;
}

.bg-d
{
	background-color: #F1EFE2;
	border: 1px solid #BFBDAC;
}

.bg-e
{
	background-color: #FFFADB;
	border: 1px solid #BFBDAC;
}

.bg-f
{
	background-color: #FFF;
	border: 1px solid #686868;
}

.bg-g
{
	background-color: #FFF;
	border: 1px solid #ccc;
}

.bg-h
{
	background-color: #FFF;
	border: 1px solid #ddd;
}


/* GRIDS */
.column { float: left; }

.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid2colg, .grid2colh, .grid3col, .grid3cola, .grid3colb, .grid3colc, .grid4col, .grid5col, .grid6col
{
	width: 100%;
	overflow: hidden;
}

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }
.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }
.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }
.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }
.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }
.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }
.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }
.grid2colg .column.first { width: 59%; }
.grid2colg .column.last { width: 38%; }

.grid2colg .column.last p
{
	color: gray;
	line-height: 1.1;
	margin: 0 1em 18px 1em;
	font-size: 0.9em;
}

.grid2colh .column.first { width: 36%; }
.grid2colh .column.last { width: 60%; }
.grid2cola .column.first .grid2col .column { width: 49%; }

.grid3col .column
{
	width: 32%;
	margin-left: 2%;
}

.grid2col .grid3col .column { width: 31%; }

.grid3cola .column
{
	width: 58%;
	margin-left: 2%;
}

.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid3colb .column
{
	width: 44%;
	margin-left: 2%;
}

.grid3colb .column.first { width: 33%; }
.grid3colb .column.last { width: 21%; }
.grid3colc .column.last { width: 18%; }

.grid3colc .column
{
	width: 30%;
	margin-left: 2%;
}

.grid3colc .column.first { width: 50%; }

.grid4col .column
{
	width: 23%;
	margin-left: 3%;
}

.grid5col .column
{
	width: 18.4%;
	margin-left: 2%;
}

.grid6col .column
{
	width: 15%;
	margin-left: 2%;
}

.grid2col .column.last ul.square li { margin-left: -4em; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last
{
	_width: auto !important;
	_float: none !important;
}

#outerContent #contentWrapper:after, 
#outerContent #contentWrapper #content:after, 
.grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid2colg:after, .grid2colh:after, .grid3col:after, .grid3cola:after, .grid3colb:after, .grid4col:after, .grid5col:after, .grid6col:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.grid2col ul {
	padding-left: 0;
	margin-bottom: 2em;
}

/* forces scrollbars */
html
{
	height: 100%;
	margin-bottom: 1px;
}
/* Palette color codes */
Palette URL: http://colorschemedesigner.com/#2B61TlKf0w0w0

/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #416A22 }
.primary-2 { background-color: #395027 }
.primary-3 { background-color: #24450B }
.primary-4 { background-color: #80B459 }
.primary-5 { background-color: #8EB471 }

.secondary-a-1 { background-color: #1A513B }
.secondary-a-2 { background-color: #1E3D30 }
.secondary-a-3 { background-color: #083523 }
.secondary-a-4 { background-color: #53A886 }
.secondary-a-5 { background-color: #69A88F }

.secondary-b-1 { background-color: #657325 }
.secondary-b-2 { background-color: #4E562A }
.secondary-b-3 { background-color: #3F4B0C }
.secondary-b-4 { background-color: #A8B95B }
.secondary-b-5 { background-color: #ACB974 }

.complement-1 { background-color: #6C2337 }
.complement-2 { background-color: #512833 }
.complement-3 { background-color: #460B1C }
.complement-4 { background-color: #B55973 }
.complement-5 { background-color: #B57285 }

/* end */
/*


#2B1404 DARK BROWN

#416A22
#5E792D
#7E9457
#9EAF81
#E7EBE0

000
333
	528B1A GREEN
666
81817C	
	8C5609 BROWN
999
B2B2B2
CCC
D9D9D9
F0F0F0
FBFAF4

*/

#outerStrap #strap h1 {
	margin: 0;
	padding: 0 0 5px;
}

.contrast-1 { color: #FBFAF4; }
.contrast-2 { color: #686868; }

.leading-1 { line-height: 1; }
.leading-2 { line-height: 2; }


/* text buttons */
a.button
{
	display: inline;
	width: auto;
	height: auto;
	border: 1px solid #1A513B !important;
	padding: .33em 0.67em;
	text-decoration: none;
	text-align: center;
	margin-right: 0;
	font-size: 13px;
	font-weight: bold;
}

a.give, a.give:link, a.give:visited
{
	color: #FFF;
	text-decoration: none;
	background-color: #083523;
}

a.give:hover, a.give:active, a.give:focus
{
	color: #083523 !important;
	background-color: #E7EBE0 !important;
	
}