body 
{
	font-family: Baskerville, Georgia, serif;
	background: #efefef;
}

#content 
{
	width: 800px;
  	background: rgb(189, 218, 255);
	margin: 10px auto 40px auto;
	border: 2px solid #12264B;
	padding: 10px;
}

#smContent 
{
	width: 400;
  	background: white;
	margin: 10px auto 40px auto;
	border: 2px solid #12264B;
	padding: 10px;
}

#contactLink {float: left; width: 120px; font-size: 146%;}
#contactLink a:link, a:visited {background: transparent; }
#contactLink a:hover {color: #fff ;background: #12264B; }

#appStore {float: right; width: 120px;}
#mission_statement 
{
	display: none;
}

#mission 
{
	font-size: 146%;
	padding: 2px 40px;
}

#description
{
	text-align: justify;
	line-height: 1.7em;
	font-size: 10pt;
	background-color: inherit;
}
#logo 
{
	margin: 50px auto 20px auto;
}

#screenshots img {margin-top: 30px; margin-left: 40px; margin-right: 35px;}
#features {overflow: auto;}
.fcol {float: left; width: 32%; margin-right: 5px;}
.fcol.last {margin-right: 0px;}
.fcol ul {padding-left: 24px;}
#footer {font-weight: bold; font-style: italic;}

.centered {text-align: center;}
.clear {clear: both;}

p {padding: 2px 20px;}
a:link, a:visited 
{
	color: #12264B;
	text-decoration: underline;
	background: transparent;
	padding: 1px 4px;
	margin: 0px -4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a:hover 
{
	color: #fff;
	text-decoration: underline;
	background: #12264B;
	padding: 1px 4px;
	margin: 0px -4px;
}

small 
{
	font-family: "Myriad Pro", Helvetica;
	font-size: 8pt;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

em 
{
	font-size: 11pt;
}

img 
{
	border: none;
}

h1 {font-size: 446%; float: left; width: 440px; margin: 0 0 20px; color: #12264B}
h1 img {vertical-align: middle;}
h3
{
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

h2, h3 {color: #12264B;}