@charset "utf-8";



img, object, embed, video {

	max-width: 100%;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



/* Mobile Layout: 767px and below. */



.gridContainer {

	margin:auto;

	width: 100%;

	text-align: center;

}



.container {

	display: block;

	margin: auto;

	width: auto;

	overflow:hidden;

}



#Headersection {

	background-color: #000;

	position: static;

	top: 0px;

	z-index:1;

}



#banner {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	height: auto;

	text-align:left;

	max-height:50px;

}



#search {

	clear: both;

	float: left;

	width: 100%;

	display: block;

	text-align: right;

	vertical-align: middle;

	height:50px;

	max-height:50px;

}



#Menusection {

	background-color: #fff;

	color: #555;

	padding-top:0;

}



.menu {

	display: block;

	text-align: center;

	padding: 0px 20px 0px 20px;

	font-size: 12pt;

	

}



#menubar {

	display:none;

}



#dropDownMenu{

	display: block;

	text-align: center;

	margin:auto;

	padding: 0px 5px 0px 5px;

	width:100%;

	font-size: 14pt;

	border-right: 1px solid #333;

}



#menuSelection{

	display:block;

	float:none;

	border:0;

	border-radius:0;

	font-size:14pt;

	width:100%;

	height:40px;

	text-align:center;

	padding:5px;

}



#topadlink {

        display:none;

}



#bottomadlink {

        display:none;

}



#content {

	clear: none;

	float: left;

	width: 100%;

	display: block;

	color: #333;

	font-size: 13pt;

}



.titleborder {

	font-size: 7px;

	border-bottom: 2px solid #333;

	border-top: 2px solid #333;

	margin-top: 5px;

	margin-bottom: 5px;

}



#title{

	clear: both;

	float: left;

	margin-left: 0px;

	width: 100%;

	display: block;

	color: #333;

}



.bigTitle{

	font-family: Impact, 'Anton', Charcoal, sans-serif;

	font-size: 50pt;

	margin-top: 10px;

	margin-bottom: 0;

}



.smallTitle{

	font-family: 'Architects daughter', "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 15pt;

	margin-top:0;

	margin-bottom:10px;

}



#description{

	display: block;

	clear: both;

	float: left;

	text-align: left;

	font-size: 14pt;

	width:100%;	

	color: #333;

	font-family: Arial, Helvetica, sans-serif; 

}



.marginlr{

	margin-left: 20px;

	margin-right: 20px;

}



.marginlr2{

	margin-left: 40px;

	margin-right: 40px;

}



#firstnextbutton{

	clear:both;

	width:100%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:center;

}



#lastprevbutton{

	clear:both;

	width:100%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:center;

}



#prevblock{

	width:100%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:center;

}



#nextblock{

	width:100%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:center;

}



.appfont{

	font-family: 'Fjalla One', Arial, sans-serif;

}



#appleft {

	clear: none;

	float: left;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 100%;

	display: block;

	font-size: 13pt;

}

#appmiddle {

	clear: none;

	float: left;

	margin-top: 15px;

	margin-bottom: 5px;

	width: 100%;

	display: block;

	font-size: 13pt;

}

#appright {

	clear: none;

	float: left;

	margin-top: 15px;

	margin-bottom: 5px;

	width: 100%;

	display: block;

	font-size: 13pt;

}



ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



li {

	float: left;

	clear:both;

	width:100%;

}

a:link {

}

a:visited {

}

a:active {

}

a:link.menu, a:visited.menu {

	display: block;

	color: #555;

	text-align: center;

	padding: 10px 5px 10px 5px;

	font-size: 14pt;

	text-decoration: none;

	border-bottom: 1px solid #333;

	width:100%;

}



a:hover.menu,a:active.menu{

	color: #fff;

	background-color: #aaa;

}



/* Tablet Layout: 768px to 999px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 768px) {

.gridContainer {

	width: 100%;

	margin:auto;

	text-align: center;

}



.container {

	display: block;

	margin: auto;

	width: auto;

	overflow:hidden;

}



#Headersection {

	background-color: #000;

	position: static;

	top: 0px;

	z-index:1;

}



#banner {

	clear: both;

	float: left;

	margin-left: 0;

	width: auto;

	display: block;

	height: 50px;

}



#search {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	height:50px;

}



#Menusection {

	background-color: #fff;

	color: #555;

	padding-top: 0;

}



.menu {

	display: block;

	text-align: center;

	padding: 0px 20px 0px 20px;

	font-size: 12pt;

	border-right: 1px solid #eeeeee;

}



#menubar {

	display:block;

	float: left;

	margin: 10px 0px 10px 0px;

	width: 100%;

}



#dropDownMenu{

	display:none;

}



#topadlink {

        display:none;

}



#bottomadlink {

        display:none;

}



#prevblock{

	clear:none;

	float:left;

	width:50%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:left;

	display:block;

}



#nextblock{

	clear:none;

	float:left;

	width:50%;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align:right;

	display:block;

}



#appleft {

	clear: none;

	float: left;

	margin-left:0;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;;

	display: block;

}



#appmiddle {

	clear: none;

	float: left;

	margin-left: 1.0989%;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;

	display: block;

	font-size: 13pt;

}



#appright {

	clear: none;

	float: left;

	margin-left: 1.0989%;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;

	display: block;

	font-size: 13pt;

}



ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

li {

	float: left;

	clear: none;

	width:auto;

}

a:link {

}

a:visited {

}

a:active {

}

a:link.menu, a:visited.menu {

	display: block;

	color: #555;

	text-align: center;

	padding: 5px 10px 5px 10px;

	font-size: 14pt;

	text-decoration: none;

	border-right: 1px solid #333;

	border-bottom: 0;

	width:auto;

}



a:hover.menu,a:active.menu{

	color: #fff;

	background-color: #aaa;

}





}





/* Desktop Layout: 1000px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 1000px) {

.gridContainer {

	width: 100%;

	max-width: 100%;

	padding-left: 0%;

	padding-right: 0%;

	margin: auto;

	text-align: center;

}



.container {

	display: block;

	margin: auto;

	width: 1000px;

}



#Headersection {

	background-color: #000;

	position: fixed;

	top: 0px;

	z-index:100;

}



#banner {

	clear: none;

	float: left;

	margin-left: 0%;

	width: 49.4505%;

	display: block;

	height: 50px;

}



#search {

	clear: none;

	float: left;

	margin-left: 0;

	width: 49.4505%;

	display: block;

	text-align: right;

	vertical-align: middle;

	height: 50px;

}



#Menusection {

	background-color: #fff;

	color: #555;

	padding-top: 50px;

}



.menu {

	display: block;

	text-align: center;

	padding: 0px 20px 0px 20px;

	font-size: 12pt;

	border-right: 1px solid #333;

}



#menubar {

	display:block;

	float: left;

	margin: 10px 0px 10px 0px;

	width: 100%;

}



#dropDownMenu{

	display: none;

}



#topadlink {

    display: inline-block;

	margin: 5px 0px 5px 0px;

}



#bottomadlink {

    display: inline-block;

	margin: 5px 0px 5px 0px;

}



#appleft {

	clear: both;

	float: left;

	margin-left: 0;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;

	display: block;

	font-size: 14pt;

}



#appmiddle {

	clear: none;

	float: left;

	margin-left: 1.0989%;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;

	display: block;

	font-size: 14pt;

}

#appright {

	clear: none;

	float: left;

	margin-left: 1.0989%;

	margin-top: 20px;

	margin-bottom: 5px;

	width: 32.6007%;

	display: block;

	font-size: 14pt;

}



ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

li {

	float: left;

	clear: none;

	width:auto;

}

a:link {

}

a:visited {

}

a:active {

}

a:link.menu, a:visited.menu {

	display: block;

	color: #555;

	text-align: center;

	padding: 5px 10px 5px 10px;

	font-size: 14pt;

	text-decoration: none;

	border-right: 1px solid #333;

	border-bottom: 0;

	width:auto;

}



a:hover.menu,a:active.menu{

	color: #fff;

	background-color: #aaa;

}



}



#Headercontainer {

	border-bottom: 1px solid #555;



}

#searchcontainer {

	display: table;

	width: 100%;

}



#searchbox {

	width: 100%;

	padding-left: 5px;

	padding-right: 5px;

}



#searchbutton {

	display: table-cell;

	background:#66cccc;

	border:1px solid #555;

	color:#fff;

        font-weight:bold;

	margin-right: 5px;

}



#searchbutton:hover{

	color:#fff;

	background:#555;

}



#searchbutton:active{

	color:#000;

	background:#333;

}



.searchbox {

	border-radius: 0px;

	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */

	-moz-box-sizing: border-box; /* For all Gecko based browsers */

	box-sizing: border-box;

	height: 32px;

	margin-top: 8px;

	font-size: 16px;

}



#Menucontainer {

	background-color: #fff;

	color: #CCC;

	border-bottom: 1px solid #555;

}



#Topadsection {

	background-color: #fff;

	color: #CCC;

}



#Topadcontainer {

	

}



#topad {

	display: inline-block;

	margin: 10px 5px 5px 5px;

}



#bottomad {

	display: inline-block;

	margin: 10px 5px 5px 5px;

}



#Contentsection {

	background-color: #fff;

	color: #555

}



.header {

	font-family:Impact, "Anton", Charcoal, sans-serif;

}



.template{

	width:100%;

	float:left;

	display:block;	

	clear:both;

	border-top:1px solid #555;

}



.templatebot{

	width:100%;

	float:left;

	display:block;	

	clear:both;

	border-top:1px solid #555;

	border-bottom:1px solid #555;

	margin-bottom:20px;

}



.tempimg{

	width:40%;

	display:block;

	clear:none;

	float:left;

	margin-left:0;

}



.border{

	border:1px solid #555;

}



.tempdesc{

	width:60%;

	display:block;

	clear:none;

	float:left;

	margin-left:0;

}



#socialmedia {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	color: #FFF;

}



#Appsection {

	background-color: #f2efeb;

	color:#444444;

}

.over {

	margin-bottom:0;

}

.under {

	margin-top:0;

	

}



.fullwidth {

	display: block;

	width: 100%;

	float: left;

}



#site {

	color: #FFF;

}



#Sitemapsection {

	background-color: #333;

}



#footer {

	color: #FFF;

}



#Footersection {

	background-color: #000;

}



span {

	display: table-cell;

	width: 100%;

	padding-left: 5px;

	padding-right: 10px;

}



.bannerimage{

	max-height: 50px;

	margin-left: 5px;

}



.adtitle{

	font-size:8pt;



}



.bold {

	font-weight:bold;

}



a:link.sitemap, a:visited.sitemap {

	display: block;

	color: #cccccc;

	text-align: center;

	font-size: 12pt;

	text-decoration: none;

	width:auto;

}



a:hover.sitemap,a:active.sitemap{

	color: #66CCFF;

}



li.sitemap {

	float: none;

	clear: both;

	width:auto;

}