/* 
All the basics styles and structures
*/

html, body {
	margin: 0px;
	padding: 0px;	
}

body, p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 21px;	
}


h1 { font-family: 'Montserrat', sans-serif; font-size: 40px; line-height: 45px; margin-bottom: 15px; color: #006BA7; font-weight: bold; letter-spacing: 0px;}
h2 { font-family: 'Montserrat', sans-serif; font-size: 33px; line-height: 37px;  margin-bottom: 15px; color: #004329; }
h3 { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 26px; margin-bottom: 15px;  color: #004329 }
h4 { font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}
h5 { font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}
h6 { font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}

blockquote {
	 font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 24px;  margin-bottom: 15px; color: #004329; font-weight: bold;
}

.content { min-height:500px; }
.content h1 { color: #004329; }

.content h1 + p {
		 font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 24px;  margin-bottom: 15px; color: #004329; font-weight: bold;
}

.content div.wp-caption + p {
		 font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 24px;  margin-bottom: 15px; color: #004329; font-weight: bold;
}

p { position: relative; display: block; margin: 20px 0px;}
strong { font-weight: bold; }
em {}

a { text-decoration: none; color: #004329; }
a:hover { text-decoration: underline; }

.content a { text-decoration: none; color: #004329; border-bottom: 1px dotted #004329; }
.content a:hover { border-bottom: 1px solid #004329; }

img { vertical-align: middle; }

img.alignright { float: right; }
img.alignleft { float: left; }

div.wp-caption { background-color: #f7f5f0; padding: 10px 5px; margin: 5px; text-align: center; }
div.wp-caption p { margin: 0px; margin-top: 10px; padding: 2px; font-size: 10px; }
div.wp-caption.alignright { float: right; }
div.wp-caption.alignleft { float: left; }

/* basic layout */

#wrapper { position: relative; width: 100%; }

.container { position: relative; width: 1200px; margin: 0 auto; padding: 0px 0; }

.innercontainer { position: relative; padding: 5px; } 

.txtAlignCenter { text-align: center; }
.txtAlignRight { text-align: right; }

.imgresponsive { width: 100%; display: block; position: relative; }

.withmargin { padding: 40px 0px; }

header {
	position: fixed;
	top: 0px;
	z-index: 99999999;
	width: 100%;	
}

.hide { display: none; }

/* Structure */

.col_1_1 { width: 100%; }
.col_1_2 { width: 50%; }
.col_1_3 { width: 33.33%; }
.col_1_4 { width: 25%; }
.col_1_5 { width: 20%; }
.col_1_6 { width: 16.666%; }

.col_2_3 { width: 66.66%; }
.col_2_4 { width: 50%; }
.col_3_4 { width: 75%; }

.col_3_5 { width: 60%; }
.col_2_5 { width: 40%; }

.left { float: left; }
.right { float: right; }
.both { float: none; }

.clearfix { clear: both; }


/* Custom layout */
#topbar {  }
#topbar > #top { padding: 15px 0;  }
#topbar > #top  .lastcol { line-height: 100px; }
#topbar > #bottom { }
#topbar > #top  .lastcol img { vertical-align: middle; }

#topbar img { vertical-align: middle; }

#topbar > #top a { color: #006BA7; font-size: 14px; }

/* Navigation */

ul.nav_topbar { text-align: left; line-height: 100px;}
ul.nav_topbar li { display: inline-block; padding: 0px 35px; line-height: 100px; }
ul.nav_topbar li a { color: #006BA7; font-weight: normal; letter-spacing: 1px;  }

nav#nav_mainmenu { position: relative; }

nav#nav_mainmenu .container { padding: 0px; }
nav#nav_mainmenu { text-align: center; position: relative;  z-index: 999999; font-size: 16px; line-height: 50px; }
nav#nav_mainmenu ul { width: 100%; position: relative; margin: 0px; text-transform:uppercase; list-style-type: none; display: inline-table; }
nav#nav_mainmenu ul:after {
		content: ""; clear: both; display: block;
	}

nav#nav_mainmenu ul > li { text-align: center; display: inline-block; width: 13%; padding-right: 30px; padding-left: 30px;   }
nav#nav_mainmenu ul > li a { color: #fff; letter-spacing: 1px;}

nav#nav_mainmenu ul ul { position: absolute; width: 200px; display: none; top: 50px;  margin: 0px; padding: 20px 15px; margin-left: -30px; line-height: 25px;  }
nav#nav_mainmenu ul ul li {text-align: left; width: 100%; float: none; display: block; padding: 0px; margin: 0px; border-bottom: 2px solid #fff; }
nav#nav_mainmenu ul ul li a { font-size: 12px; color: #006BA7; }


nav#nav_mainmenu ul li:hover { background-color: #d8e9d2;  }
nav#nav_mainmenu ul li:hover a { background-color: #d8e9d2;color: #006BA7;  }
nav#nav_mainmenu ul li:hover > ul { display:block; background-color: #d8e9d2; }

nav#nav_mainmenu ul > li.current_page_parent  { background-color: #d8e9d2;  }
nav#nav_mainmenu ul > li.current_page_parent  a { color: #006BA7; }
nav#nav_mainmenu ul > li.current_page_item  { background-color: #d8e9d2;  }
nav#nav_mainmenu ul > li.current_page_item  a { color: #006BA7; }

nav#nav_mainmenu ul ul li.current_page_item  a { font-weight: bold; }

ul.submenu { width: 75%;}
ul.submenu li {
	display: block; 
	padding: 10px; 
	border: 1px solid #ccc;
	margin-bottom: 10px;
}


/* custom lists */

ul.feed { position: relative; width: 90%;}
ul.feed li { margin-bottom: 20px;}
ul.feed a {  color: #006BA7; }
ul.feed em { display: block; }

/* map */
#mapcontainer { position: relative; }
#marker { position: absolute; top: 0px; left: 0px; }
.marker { position: absolute; top: 0px; left: 0px; cursor: pointer; }











