/*color swatches--------------------------------------------
441811 - dk brown (font color)
829d8f - gray-green
183637 - deep teal
da4450 - red (dotted line under links)
e3fbf9 - pale aqua
21aeb6 - turquoise (btn & dottend border) - also 33,174,182
cfe5e3 - pale blue (pg bg)
*/

/*baseline styles--------------------------------------------*/
html, body, div, span, iframe, p,
blockquote, a, abbr, acronym, address, del, dfn, em, font, img, strong, sub, sup, 
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style:  none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong { font-weight: bold; }	

em { font-style: italic; }	

html, body {
	height: 100%;
}

body	{
	font:  62.5% Verdana, Arial, sans-serif;
	color:  #441811;
	background-color: #cfe5e3;
	text-align:  center;
}  
		
h1, h2, h3  {
	margin:  0;
	padding:  0;
}

h1  {
	font-size:  250%;
	font-weight:  bold;
	letter-spacing:  0.025em;
	margin-bottom: 1em;
}	

h2 {
	margin: 2em 0 1em 0;
	font-size: 140%;
}
	
p, li {
	font-size: 130%;
	line-height:  1.6;
}
		
p {
	margin:  0.75em 0;
}	

ul {
	padding-left: 3em;
	margin: 1.9em 0;
}

ul ul li {
	font-size: 95%;
}

ul p {
	margin-bottom: 0;
}

a, img a  {
	text-decoration:  none;
	border: none;
}	
		
a:link, a:visited  {
	font-weight:  normal;
	color:  #829d8f;
	border-bottom:  1px dotted #cb1616;
}
	
a:hover  {
	background-color:  #21aeb6;
	color: #fff;
}	

#branding a, #branding a:link, #branding a:visited, #branding a:hover  {
	border:  none;
	text-decoration:  none;
	background-color: transparent;
}

.clear {
	clear:  both;
}		

.detail {
	margin: -1.5em 0 3em;
}

/* main divisions-------------------------------------*/			
#wrap  {
	position:  relative;
	margin:  20px auto 20px 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	width:  96em;
	background-color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
}	

#branding  {
	position:  relative;
	margin: 10px 0 0 0;
	width:  100%;
}	
						
#content  {
	margin:  5em 8% 20px;
	padding: 2em 0 1px 3em;
	border-left:  4px dotted #21aeb6;
	text-align:  left;
}

/*div#content>h2:nth-of-type(2) {
  margin-top: 8em;
}*/

h2.btn {
	display: inline-block;
	padding: 0.7em 0;
	margin: 1em 0 4em;
}

h2.btn a { 
	padding: 0.7em 1em;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
	color: #fff;
	background: #5ab1b6;
	background: rgba(33,174,182, 0.8);
	border: 0;
	border-radius: 10px;	
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	font-size:  115%;
	font-weight:  bold;
	text-shadow: 1px 1px 1px #000;
}

h2.btn a:hover {
	cursor: pointer;
	background: #21aeb6;
	background: rgba(33,174,182, 1);
}

div#content>ul:nth-of-type(1) {
  	list-style-type: square;
  	line-height: 1.1;
}

div#content>ul:nth-of-type(1) li {
  margin-bottom: 1.3em;
}

/* footer ------------------------------*/		
p.footer  {
	margin-top: 4em;
	font-size:  110%; 
}