/* ---------- Type CSS   -----------*/

/* Default font settings. http://www.alistapart.com/articles/settingtypeontheweb Try to get vertical baseline based on 18px*/


/* Base CSS Set up base styles base colors fonts etc */

/* COLOR REFERENCE
   Body Background:       #fff
   Main Text:             #191919
   Links:                 #497FBF
   Link hover:          #294B74
   Dark Brown Border:     #222019
   Green Header dark:        #6a9d38
   Green Header light:        #98CB66
   Blue Logo: 			#497FBF
   blue logo light:		#63B3E4
   box background		#F7F7F7
*/


body { 
  background: #fff;
  color: #222; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

	

/* Headings
-------------------------------------------------------------- */
.maincontent h1 {
	font-family: 'Gotham Rounded', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 32px; 
	line-height: 32px;
	margin-bottom: 14px; 
	}
	
.maincontent h2 { 
  font-size: 22px; 
  line-height: 22px;
  margin-bottom: 8px; 
  font-family: 'Gotham Rounded', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content h3 { 
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
}

#content h4 { 
  font-size: 12px; 
  line-height: 18px; 
}


/* Header
-------------------------------------------------------------- */

#header h1 {
	font-size: 12px; 
  	line-height: 18px;
	}
	
#header h2 {
	font-size: 12px; 
  	line-height: 12px;
  	margin-bottom: 0px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: normal;
	}


/* Text elements
-------------------------------------------------------------- */

small {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}

a, a:visited  {
	text-decoration: none;
	color: #497FBF
}

a:hover, a:active  {
	text-decoration: none;
	color: #294B74;
	}

strong {
	font-weight: bold;
}

p { 
  margin-bottom: 18px; 
 
 }
 


#content ul, 
ol { 
  margin-bottom: 18px; 
}

.left { 
  float: left; 
  margin: 0 18px 18px 0; 
}
.right { 
  float: right; 
  margin: 0 0 18px 18px; 
}

.callout {
  border: 1px solid #ddd;
  padding: 8px 10px;
  margin-bottom: 18px; 
}