/* CSS Document */


/* ////////////////////     BODY AND BOXES     ////////////////////////  */

@font-face {  
  font-family: 'Open Sans', sans-serif;
}

body
{	background: #C3C7E2;
	overflow-x:hidden;
	border:0px;
	margin:0px;
	padding:0px;
	height:100%;
}

/* ////////////////////     IDS AND CLASSES     ////////////////////////  */
#container
{	background: #fff;
	margin:0% 5% 0% 5%;
	border:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#222;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	min-height:100%;
}

#bannertext
{	font-size:400%;
	color: #0A23C6;
	font-weight:bold;
	position:relative;
	top:20px;
	left:20px;
	font-family: 'Varela Round', sans-serif;
}

#bannerpic
{	border:0px;
	background-color:#fff;
	width:100%;
	margin: 0px;
	padding:0px;
	top:10px;
}

#bannerlinks
{	font-size:120%;
	color: #fff;
	font-weight:bold;
	background-color: #0A23C6;
	padding:5px 20px 5px 20px;
	line-height:25px;
	margin-left:-2%;
	margin-right:-2%;
	font-family: 'Varela Round', sans-serif;
	line-height:2;
	display:block;
}

#content
{	position:relative;
	left: 12%;
	padding: 0px 30px 0px 30px;
	min-height: 200px;
	line-height:150%;
	width:65%;
	background-color:#fff;
}

#footer
{	position: relative;
	padding: 20px;
	font-size:10px;
	text-align:right;
}

#footerlinks
{	text-align:center;
}

.indent
{	padding-left: 10%;
	width:80%;
	line-height: 2;
}

/* ////////////////////     IMAGES     ////////////////////////  */

#bannerpic img
{	width:100%;
}


/* ////////////////////     FONT CLASSES     ////////////////////////  */



/* ////////////////////     LINKS     ////////////////////////  */

a:link { color:#03C; text-decoration:none; padding: 0px; margin: 0px; border: 0px; }
a:visited { color:#03C; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }
a:hover { color:#ff8b5c; text-decoration: underline; padding: 0px; margin: 0px;  border: 0px;  }
a:active { color:#ff8b5c; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }

#bannertext a:link { color:#0A23C6; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }
#bannertext a:visited { color:#0A23C6; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }
#bannertext a:hover { color:#0A23C6; text-decoration: none; padding: 0px; margin: 0px; border: 0px;   }
#bannertext a:active { color:#0A23C6; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }

#bannerlinks a:link { color:#ccc; text-decoration:none; padding: 11px; margin: 0px; border: 0px;   }
#bannerlinks a:visited { color:#ccc; text-decoration:none; padding: 11px; margin: 0px; border: 0px;   }
#bannerlinks a:hover { color:#fff; text-decoration: none; padding: 11px; margin: 0px; border: 0px;   }
#bannerlinks a:active { color:#ccc; text-decoration:none; padding: 11px; margin: 0px; border: 0px;   }

a.footerlink:link { color:#03C; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }
a.footerlink:visited { color:#03C; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }
a.footerlink:hover { color:#87282b; text-decoration: underline; padding: 0px; margin: 0px; border: 0px;   }
a.footerlink:active { color:#87282b; text-decoration:none; padding: 0px; margin: 0px; border: 0px;   }

#bannerlinks a.active:link
{ 	border-bottom: solid 6px white;
	display:inline;
	padding-bottom: 7px;
}

/* ////////////////////     HEADERS     ////////////////////////  */

h1	{
	font-family: 'Varela Round', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 24px;
	text-decoration: none;
	color : #444;
	margin-bottom: 10px;
	margin-top: 32px;
	line-height:130%;
}

p	{
	padding:0px 0px 10px 0px;
}

ul	{
	margin-top:-20px;
	margin-left:-3px;
	line-height:20px;
}