/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*---------Resets---------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

:focus { outline: none; }

/*---------Independent of Layout---------*/

body {
	background-color: #B3CFDD;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

a, img {
	text-decoration: none;
	border: 0;
}

.img-max {
	max-width: 100%;	
}

.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

.img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin:5px 5px 5px 15px;
}

.img_middle {
	width: auto;
	vertical-align: middle;
	margin:5px 5px 5px 5px;
}

.center {
	text-align: center;	
}

ul { margin-left:15px;}
ul li {
	margin:10px;
	line-height: 15px;
}
ol {
	margin-left: 40px;
}

.clear { clear: both; }

/*		10 Column Layout: 992px. 
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

#containerExtend {
	background-image: url(../images/background_white.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 1029px;
}
#container {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 1029px;
	padding-bottom: 20px;
}

#main {
	margin-right: 25px;
	margin-left: 25px;
}

#left {
	width: 500px;
	float: left;
	margin-right: 10px;
}

#right {
	float: left;
	width: 450px;
	margin-left: 10px;
	text-align: center;
}

#leftBox {
	width: 470px;
	float: left;
	margin-right: 10px;
	border-right-width: medium;
	border-right-style: dotted;
	border-right-color: #974B8B;
	margin-top: 10px;
	padding-right: 5px;
}

#rightBox{
	float: left;
	width: 465px;
	margin-left: 15px;
	margin-top: 10px;
	padding-right: 5px;
}

.quote {
	font-size: 16px;
	font-style: italic;
	width: 385px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #203e7f;
	border-bottom-color: #203e7f;
	line-height: 1.3em;
	padding: 10px;
	background-color: #E3EEF4;
	margin-bottom: 30px;
}

.initialCap {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

.box {
	background-color: #FFF;
	border: medium solid #203e7f;
	padding: 5px;
	float: left;
	height: 200px;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 75px;
}
.box2 {
	background-color: #FFF;
	border: medium solid #203e7f;
	padding: 5px;
	float: left;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 75px;
}

.box_no {
	background-color: #FFF;
	border: medium solid #203e7f;
	padding: 5px;
	float: left;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 75px;
}

.big { font-size: 16px; line-height: 18px;}
.big-bold { font-weight: bold; font-size: 16px; line-height: 20px;}
.bold { font-weight: bold; font-size: 14px; line-height: 16px;}
.goldbar { color: #346ABD; font-weight: bold; font-size: 14px; line-height: 16px; text-indent: 5px }
.medium { font-size: 14px; line-height: 16px;}

.mediumBold {
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
}

.news {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #0000000;
}
.paratitle {
	color: #1F3D79;
	font-weight: bold;
	font-size: 18px;
	text-transform: capitalize;
}
.small { font-size: 10px; line-height: 14px;}
.smallBold {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}

a { text-decoration: none }
h1 { color: #000000; font-style: normal; font-weight: bold; font-size: 22px;}
h2 { font: 16px/22px;}
td { font: 14px;}
.goldTitle { font-size: 26pt; font-weight: normal; color: #ff9933;}
UL { font: 14px;}
OL { font: 14px;}
.paratitlewhite { color: #FFFFFF; font-weight: bold; font-size: 16px; text-decoration: none }
.paratitlewhite a:link { color: #FFFFFF; font-weight: bold; font-size: 16px; text-decoration: none }
.paratitlewhite a:visited { color: #FFFFFF; font-weight: bold; font-size: 16px; text-decoration: none }
.smallwhite {
	font-size: 12px;
	line-height: 13px;
	color: #1F3D79;
	font-weight: bolder;
	font-variant: normal;
}

.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bab50;
}
.imgPadding {
	padding: 5px;
}

.floatRight {
	float: right;
	text-align: right;
}

#activities-list ul {
	overflow: hidden;
}

#activities-list ul li {
	list-style: none outside;
	list-style-image: none;
	background-image: none !important;
	width: 310px;
	float: left;
	border: medium solid #203e7f;
	position: relative;
	min-height: 81px;
	_height: 81px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 126px;
	background-color: #FFF;
}

#activities-list li p {
	margin-top: 0;
}

#activities-list li img {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 3px solid #8bab50;
}

.border {
	border: 1px solid #8bab50;
	padding: 5px;
}

a.collapse {
	color: #00F;
	cursor: pointer;	
}
.description {
	margin-top: 5px;	
	margin-left: 35px;
	margin-right: 45px;
	margin-bottom: 10px;
	font-size: 10px;
}

.feature {
	width: 385px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #203e7f;
	border-bottom-color: #203e7f;
	line-height: 1.3em;
	padding: 10px;
	background-color: #E3EEF4;
	margin-bottom: 30px;
}

.frame {
	border: 3px solid #B3CFDD;
	-webkit-box-shadow: 0 1px 2px #777;
	-moz-box-shadow: 0 1px 2px #777;
	box-shadow: 0 1px 2px #777;
	margin: 5px;
}

.form-column {
	width: 400px;
	float: left;
	margin: 10px;	
}
.input {
  margin: 5px 0;
  background: white;
  float: left;
  clear: both;
  z-index: 25;
}
.input span {
  position: absolute;
  padding: 5px;
  margin-left: 3px;
  color: #1F3D79;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border-width: 1px;
  padding: 6px;
  background: transparent;
  font: inherit;
}

.map table {
	width: 774px;
}

.map img {
	display: block;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

.padding {
	margin: 10px;	
}

.warning {
	color: #F00;
	font-weight: bold;	
}

.right {
	margin-top: 95px;
	float:right;
	background-color: #FFF;
	border: 1px solid #203e7f;
	padding: 8px;
}

.right2 {
	float:right;
	background-color: #FFF;
	border: 1px solid #203e7f;
	padding: 8px;
}

/*------------Footer---------------*/

#footer {
	height: 83px;
	width: 1029px;
	margin-right: auto;
	margin-left: auto;
}

.footerImg {
	float: right;
	position: relative;
	top: -40px;
	right: 10px;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
#containerExtend {
	background-image: url(../images/background-white-8.jpg);
	width: 750px;
}
#container {
	background-image: url(../images/background-8.jpg);
	width: 750px;
}

#left {
	width: 375px;
}

#right {
	width: 300px;
}

.quote {
	font-size: 14px;
	width: 325px;
}

.box {
	height: 250px;	
}

.box, .box2, .box_no {
	width: 322px;
	margin-left: 5px;
	margin-right: 5px;
}

.form-column {
	width: 330px;	
}

#activities-list ul li {
	width: 188px;
}

textarea {
	width: 680px;	
}

input[type="text"], input[type="email"], input[type="password"] {
	width: 330px;
	height: 25px;
}

.map table {
	width: 674px;
}

.map img {
	max-width: 100%;
}

.map-menu {
	display: none;	
}

#leftBox {
	width: 330px;
	}

#rightBox{
	width: 325px;
}


/*------------Footer---------------*/

#footer {
	width: 750px;
}


}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252 */   

@media only screen and (max-width: 479px) {
	
#containerExtend {
	background-image: url(../images/background-white-3.jpg);
	width: 302px;
}
#container {
	background-image: url(../images/background-3.jpg);
	width: 302px;
}

#main {
	margin: 15px 5px;
}

#left {
	width: 280px;
	margin-right: 0;
	margin-left: 10px;
}

#right {
	width: 280px;
}

.quote {
	font-size: 14px;
	width: 240px;
}

.box {
	height: auto;
}

.box, .box2, .box_no {
	width: 250px;
	margin-left: 10px;
}

.form-column {
	width: 280px;	
}

.none {
	display: none;	
}

#activities-list ul li {
	width: 135px;
	padding-left: 110px;
}

#activities-list li img {
	width: 85px;
	height: 64px;	
}

.right2 {
	margin: 10px 0;
}

.map {
 display: none;
 
 }
 
.map-menu {
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #203e7f;
	border-bottom-color: #203e7f;
	background-color: #E3EEF4;
	margin: 20px 10px;
	padding: 10px;
	text-align: center;
	display: block;	
}

#leftBox {
	width: 285px;
	border: none;
	}

#rightBox{
	width: 285px;
	margin-left: 0;
}

.floatRight {
	margin-right: 10px;
}

textarea {
	width: 270px;	
}

input[type="text"], input[type="email"], input[type="password"] {
	width: 270px;
	height: 25px;
}

/*------------Footer---------------*/

#footer {
	width: 302px;
	height: 21px;
	background-image: url(../images/bottom-3.jpg);
	background-repeat: no-repeat;
}

.footerImg {
	max-width: 93%;
	top: -20px;
}

.none {
	display: none;	
}

}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436  */ 

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#containerExtend {
	background-image: url(../images/background-white-5.jpg);
	width: 484px;
}
#container {
	background-image: url(../images/background-5.jpg);
	width: 484px;
}

#main {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

#left {
	width: 450px;
	margin-right: 0;
	margin-left: 10px;
}

#right {
	width: 450px;
}

.quote {
	font-size: 14px;
	width: 375px;
}

.box, .box2, .box_no {
	width: 435px;
	margin-left: 10px;
}

.form-column {
	width: 450px;	
}

.right2 {
	margin: 10px 0;
}

.map {
 display: none;
 
 }
 
.map-menu {
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #203e7f;
	border-bottom-color: #203e7f;
	background-color: #E3EEF4;
	margin: 20px 10px;
	padding: 10px;
	text-align: center;
	display: block;	
}

#leftBox {
	width: 470px;
	border: none;
	}

#rightBox{
	width: 470px;
	margin-left: 0;
}

.floatRight {
	margin-right: 10px;
}

textarea {
	width: 400px;	
}

input[type="text"], input[type="email"], input[type="password"] {
	width: 400px;
	height: 25px;
}

/*------------Footer---------------*/

#footer {
	width: 484px;
	height: 21px;
	background-image: url(../images/bottom-5.jpg);
	background-repeat: no-repeat;
}

.footerImg {
	top: -20px;
}

.none {
	display: none;	
}



}