@charset "utf-8";
/* CSS Document */


body 
{
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	margin:0px;
	background-color:#fff;
	color:#333333;
	font-size:10px;
}

#HeaderContainer
{
	width:100%; 
	padding:0px 0px 0px 0px;
	margin:0px;
	position:relative;
	border-bottom:1px solid #efefef;
}

.container
{
	clear:both;
	width:90%;
	max-width:1250px; 
	margin:0px auto 0px auto;
	position:relative;
	background-color:#fff;
}

#Header
{
	width:90%;
	max-width:1250px;
	margin:0px auto 0px auto;
	position:relative;
}
.logo
{
	margin-top:12px;
	margin-left:15px;
	max-width:50%;
	height:auto;
}

#Social
{	
	position:absolute;
	top:15px;
	right:0px;
	
}

#Social a
{	color:#3B72B2; font-size:12px; padding-bottom:5px; padding-right:10px;	}

#Social img 
{	 vertical-align:middle;	}


#Phone
{	
	position:absolute;
	top:52px;
	right:0px;
	font-weight:bold;
	font-size:31px;
	color:#3C72B3;
	padding-left:40px;
	background:url(../media/images/common/telephone.jpg) left no-repeat;
}

#Phone a { color:#3C72B3; text-decoration:none;	}




#HeadPic
{
	background:url(../media/images/common/picture_bg.png) center top no-repeat ;
	margin-top:0px;
	width:100% !important;
}
#Prev, #Next
{	position:absolute; top:42%; z-index:55; 	}
#Prev
{	left:0px;		}
#Next
{	right:0px;		}

#HeadPic  img
{	width:100% !important; height:auto !important;	}

#Scroller div 
{
	overflow:hidden; position:relative;
	width:100%; height:0px; padding-bottom:36%;
}
#QuoteArea
{
	float:right;
	width:24.75%;	
}
/*#PicArea
{
	width:75.25%; height:0px; padding-bottom:27.1%; overflow:hidden;
	float:left;	
	position:relative;
}*/
#PicArea
	{
		width:100%; height:0px; padding-bottom:36%; overflow:hidden;
		float:none;	
	}
#PicArea img
{	position:absolute; top:0px; left:0px;	}

a img 
{	border:none;	}


#Menu
{
	/*position:absolute;
	bottom:0px; left:0px;	
	z-index:300;
	height:28px;*/

	width:100%;
	background-color:#3C72B3;
	/*-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
	position:fixed;
	top:0px;
	left:0px;
	z-index:998;
}

#Menu ul
{	
	list-style:none; margin:0px auto; padding:0px 0px 0px 0px; 	
	text-align:justify;
	width:95%;
	max-width:1250px
}

#Menu li
{
	font-family: 'Montserrat', sans-serif;
	/*font-weight:bold;*/
	text-transform:none;
	list-style:none;
	color:#fff;
	font-size:1.5em;
	line-height:1em;
	padding:0px 0px;
	position:relative;
	letter-spacing:0px;
	font-weight:300;
	display: inline-block;
	vertical-align:top

}
#Menu li a
{	color:#fff; text-decoration:none; padding:13px 10px; display:block;	}
#Menu li.selected 
{	font-weight:500;	}

#Menu li:hover
{	background-color:#16497C;	}


#Menu li img
{	vertical-align:middle;	}

#Menu ul:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}



#Menu li#contactNav
{	padding-right:0px; background:none;	}

#Content
{
	clear:both;
	padding:20px 0px 18px 0px;
}


#Content ul#subMenu 
{
	list-style:none; margin:0px 0px 35px 0px;
	padding:0px;	
}
#Content ul#subMenu li
{
	margin:0px 0px 5px 0px;
	padding:6px 15px 6px 15px;	
	background:#eee;
	font-size:1.4em;
	color:#999;
	min-height:16px;
	
}
#Content ul#subMenu li.selected, #Content ul#subMenu li:hover
{	background:#3B72B2;	}

#Content ul#subMenu li a
{	color:#666; text-decoration:none; display:block;	}

#Content ul#subMenu li.selected a, #Content ul#subMenu li:hover a, #Content ul#subMenu li:hover
{	color:#fff;	}

#Content ul#subMenu li.indented
{
	padding:1px 15px 4px 18px;
	margin-top:-5px;	
	background:#E2EAF4 !important;
}
#Content ul#subMenu li.indented.selected  a
{	color:#3B72B2 !important;	}


#Content ul#subMenu li.indented.selected, #Content ul#subMenu li.indented:hover , #Content ul#subMenu li.indented:hover a
{	text-decoration:underline !important; color:#777 !important;	}



#LeftCol h1, #LeftCol .h1Style
{	
	font-family: "Montserrat", Arial, sans-serif;
	line-height:1.2em;
	color:#333333;
	font-weight:300;
	font-size:3em;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}


#LeftCol h2.title, #LeftCol h3
{
	font-size:20px;
	color:#3B72B2;
	font-weight:bold;
	margin:15px 0px 15px 0px;
	line-height:1.4em;
	
}
#LeftCol h2.title a
{
	color:#3B72B2; text-decoration:none;
}

#LeftCol h2
{
	font-size:1.8em;
	line-height:1.4em;
	font-weight:400;
	padding:0px;
	margin:10px 0px 10px 0px;
	color:#3B72B2;
}

#LeftCol h3 
{	
	font-size:1.7em;	color:#3B72B2; 
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;  	
	
}




#LeftCol p, #LeftCol table, #LeftCol li
{
	font-size:1.5em;
	line-height:1.4em;
	font-weight:normal;
	padding:0px;
	margin:10px 0px 10px 0px;
	color:#777;
}

#LeftCol table p, #LeftCol li p
{
	font-size:1em;
}

#LeftCol table td
{
	vertical-align:top;	
}

a, #Content h3 a
{
	color:#3B72B2;
	text-decoration:underline;
}
#LeftCol p a:hover, #Content h3 a
{
	text-decoration:underline;
}

#LeftCol select
{	color:#666;		}


#LeftCol table.board h3
{
	margin:0px;			
}
#LeftCol table.board 
{
	text-align:center;		
}



.clear
{	clear:both;	}

#LeftCol ul
{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 15px;
}
#LeftCol li
{
	line-height:1.3em;
	padding:3px 0px 3px 0px;
	margin:0px;
}
#LeftCol ul.twoCol
{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 15px;
}
#LeftCol ul.twoCol li
{
	width:50%;
	float:left;
	min-height:15px;
}

#LeftCol
{
	clear:left;
	float:left;
	width:73%;
	padding-right:26px;
	border-right:1px dotted #999999;
}
#RightCol
{
	clear:right; 
	float:right;
	width:22%;	
}
#LeftCol.fullWidth
{
	float:none;
	width:100%;
	padding-right:0px;
	border-right:none;
}

#RightCol img
{	max-width:100%; height:auto !important;	}

.gallery 
{
	margin:20px -1%;
	width:100%;
}

.gallery img
{
	width:31% !important;
	height:auto !important;
	margin:1%;
}




#End
{
	clear:both;
	height:15px;
	overflow:hidden;
	width:100%;
	margin:0px 0px 0px 0px;
}



#FooterContainer
{
	clear:both;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2162a4+0,1d4a81+100 */
	background: rgb(33,98,164); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(33,98,164,1) 0%, rgba(29,74,129,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(33,98,164,1) 0%,rgba(29,74,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(33,98,164,1) 0%,rgba(29,74,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2162a4', endColorstr='#1d4a81',GradientType=0 ); /* IE6-9 */
	
	border-top:24px solid #fff;


}
#Footer
{
	width:90%;
	max-width:1250px; 
	position:relative;
	margin:0px auto 0px auto;
	padding:15px 0px 15px 0px; 
	position:relative;
	color:#fff;
	min-height:340px;
}

#Tab
{
	position:absolute;
	top:-22px;
	right:0px;
	width:243px;
	height:24px;
	background:url(../media/images/common/footer_tab.jpg) no-repeat top;	
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding:15px;
}


#FooterContainer2
{
	clear:both;	background-color:#14294C;


}
#Footer2
{
	width:90%;
	max-width:1250px; 
	position:relative;
	margin:0px auto 0px auto;
	padding:8px 0px 15px 0px; 
	position:relative;
	color:#fff;
}

#Footer2 p
{
	font-size:11px; color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:10px 0px;
}



#Footer2 a
{
	color:#fff; text-decoration:underline;
}

#Footer2 img
{	
}



img.right
{	margin:3px 0px 15px 17px;	float:right;	}
img.left
{	margin:3px 17px 15px 0px;	float:left;	}



#Tweets
{
	color:#fff;
}

#Tweets p.title
{
	padding-left:60px;	
}
.tweet
{
	margin:10px 0px 10px 0px;	
	padding:0px 0px;
	font-size:12px;
}
.tweet.first
{	border-top:none; margin-top:0px;	}
.tweet img
{
	margin:0px 10px 0px 0px;	
	float:left;
	width:47px;
	height:47px;
}
.tweet a
{	color:#fff; }

.tweet p
{
	margin:0px 0px 10px 0px;	
}

#testimonials
{
	background-color:#E2EAF4;
	padding:15px 15px 5px 15px;
	margin-top:25px;
}

#testimonials p
{
	margin:0px 0px 10px 0px;
	line-height:1.3em;
	font-size:1.3em;
	color:#3A72B2;
}

#BottomPanel
{
	width:720px;
}

#BottomPanel p.title
{
	color:#fff;
	font-size:28px;
	line-height:1.2em;
	font-family: "Montserrat", Arial, sans-serif;
	font-weight:300;
	margin:0px 0px;
}

#BottomPanel p
{
	color:#fff;
	font-size:13px;
	line-height:1.4em;
	margin:12px 0px 0px 0px;
}
#BottomPanel p a
{	color:#fff;	}


.flexbox
{
	margin:0px -1.2%;
	display: -webkit-flex; /* NEW */
	display: flex;
	-webkit-flex-wrap: wrap; /* NEW */
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: stretch;
}

.flexbox.centered 
{	justify-content:center;	 -webkit-justify-content:center;	}
.flexbox.centered div
{	text-align:center;	}


.twoColumn
{	width:47.6%; margin:1.2%; box-sizing:border-box; }

.threeColumn
{	width:30.9%; margin:1.2%; box-sizing:border-box;  }

.twothirdsColumn
{	width:64.2%; margin:1.2%; box-sizing:border-box; 	}

.fourColumn
{	width:22.6%; margin:1.2%; position:relative; box-sizing:border-box	}

.fiveColumn
{	width:17.6%; margin:1.2%; position:relative; box-sizing:border-box	}


.threeColumn img, .twoColumn img , .fiveColumn img, .fourColumn img
{	max-width:100%; height:auto;	}


.tweet a
{	
 /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


.newsitem p
{
	color:#fff; font-size:1.4em; line-height:1.2em;
}

.newsitem p.title
{
	font-size:1.6em; line-height:1.2em; font-family:'Montserrat';
	margin:0px;
}
.newsitem p.date
{	font-size:1.2em; margin:5px 0px;	}

.newsitem p a
{
	color:#fff; text-decoration:none;	
}
.newsitem p a:hover
{
	color:#fff; text-decoration:underline;	
}

.sectionTitle
{
	font-size:3em; line-height:1em; font-family:'Montserrat'; font-weight:300; margin:10px 0px;
}

	


#NewsPanel .sectionTitle
{	border-bottom:1px solid #efefef; padding-bottom:10px;	}


#SignupArea p.title
{	font-size:1.4em; font-weight:bold; margin:0px;	}


#SignupArea p
{	text-align:right; font-size:10px;	}

#SignupArea
{	
	float:right;	
	width:265px;
	padding:15px 17px;
	text-align:right;
}


#SignupForm input[type="text"]
{
	width:215px;
	padding:5px;
	margin-bottom:4px;
	margin-left:4px;
	vertical-align:middle;
}


#SignupForm input[type="submit"]
{
	padding:5px;
	margin-top:5px; font-size:11px; color:#666;
}




#LeftCol table ul
{
	margin-top:3px;
}

textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="file"],input[type="button"],input[type="reset"], select, input[type="submit"]
{	
	font-family: 'Montserrat', sans-serif;
	font-size:13px;	
	color:#777;
	border:1px solid #CCCCCC;
	
}

input.fullwidth, textarea.fullwidth, select.fullwidth
{
	width:100%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	font-weight:300;
}

input.halfwidth, textarea.halfwidth, select.halfwidth
{
	width:49.2%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	font-weight:300;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

a.buttonlink, #LeftCol a.buttonlink, input[type="submit"].buttonlink, button
{
	background-color:#3C72B3;
	color:#fff; text-decoration:none;
	padding:8px 12px;
	font-weight:bold;
	border:1px solid #fff;
}


#LeftCol .panel
{
	background-color:#F4F6F9;
	padding:15px;
	margin-bottom:15px;	
}

#LeftCol .panel h3
{
	margin-top:0px;	
}

img.whitebox
{
	padding:10px; border:1px solid #efefef;
	background-color:#fff;	
}

/**** GET LOST SKYPE! ****/
span.skype_pnh_container {display:none !important;} 
span.skype_pnh_print_container {display:inline !important;} 

#RightCol
{	position:relative;	}

#EasterEgg
{	position:absolute; bottom:0px; left:-68px; z-index:150;	}

img.left
{	float:left; margin:0px 20px 20px 0px; }
img.right
{	float:right; margin:0px 0px 20px 20px; }

#Protected
{
	-webkit-filter: blur(3px); 
	-moz-filter: blur(3px); 
	-ms-filter: blur(3px); 
	-o-filter: blur(3px); 
	filter: blur(3px);
}

@media only screen and (min-width:721px)  and (max-width:900px) 
{
	#testimonials
	{
		display:none;
	}
}

@media only screen and (min-width:721px) 
{
	#NewsPanel .item4
	{	display:none;	}

	#Footer2 .stickyLeft
	{	position:absolute; top:20px; left:0px; max-width:30%;		}
	#Footer2 .stickyLeft img
	{	max-width:100%; height:auto}
	.thanks
	{	text-align:right;	}

}

@media only screen and (max-width:720px) 
{
	.threeColumn
	{	width:46%; margin:2%;	}


	#NewsPanel .threeColumn , #NewsPanel .twothirdsColumn 
	{	width:100%; margin:10px 0px;	}

	
	#NewsPanel .flexbox
	{ 	margin:0px -2%;	}
	

	
	#QuoteArea
	{	display:none;	}
	

	#LeftCol, #RightCol
	{
		float:none;
		width:100%;
		padding-right:0px;
		border-right:none;
	}
	
	 #RightCol
	 {	margin-top:30px;	}
	 
	 #EasterEgg
	{	bottom:auto; top:-20px; left:auto; right:-8px; z-index:150;	}


}

@media only screen and (min-width:600px)  and (max-width:720px) 
{

	.tweet
	{	width:30.9%; margin:1.2%; box-sizing:border-box; display:inline-block  }
}

@media only screen and (max-width:750px) 
{	
	#Phone 
	{	font-size:25px;	}
	
}

@media only screen and (min-width:771px) 
{
	#Sections
	{	display:none;	}
	
	#Header
	{	margin-top:40px;	}

	#HeaderContainer
	{
		padding:0px 0px 10px 0px;
	}
	/* Dropdown Content (Hidden by Default) */
	.DropMenu {
		display: none;
		position: absolute;
		background-color: #16497C;
		min-width: 200px;
		z-index: 300;
		left:0px;
	}
	
	/* Links inside the dropdown */
	.DropMenu a {
		text-decoration: none;
		display: block;
		text-align:left;
		font-size:0.85em;
		line-height:1em; 
	}
	#Menu li.selected .DropMenu a
	{	background: none; }
	
	#Menu li .DropMenu a 
	{	color:#fff;	padding:5px 15px; }
	
	
	
	/* Change color of dropdown links on hover */
	#Menu li a:hover {}
	
	/* Show the dropdown menu on hover */
	#Menu li:hover .DropMenu {
		display: block;
	}
	
	.flexbox .member.panel
	{
		width:46.3%;
		margin:0.6%;	
		padding:1% !important;
	}
}
@media only screen and (max-width:770px) 
{
	.flexbox .member.panel
	{
		width:97%;
		margin:1.2%;	
		padding:1.5% !important;
	}
	
	.logo
	{	 margin:20px 0px;	max-width:90%; }
	
	#HeaderContainer
	{
		border-top:30px solid #E6EAF0;
	}
	
	#Social 
	{	top:-25px;	}
	
	#Phone 
	{	top:-25px; bottom:auto; left:0px; right:auto;	
		font-size:18px;
		color:#3C72B3;
		padding-left:0px;
		background:none;
	}

	#Social img
	{	height:20px; width:20px; margin-left:5px;	}
	#Menu
	{	padding:8px 0px;	}
	#Menu li
	{	float:none; display:block; text-align:left;  padding:0px 10px; margin-left:0px; }
	#Menu a
	{	display:block;	}

	#Menu
	{	display:none;	}	
	#Menu li a
	{	padding:5px 0px	}
	
	
	.DropMenu a {
		text-decoration: none;
		display: block;
		text-align:left;
		font-size:0.9em;
		line-height:1em; 
		padding:0px 0px 3px 10px !important;
		font-weight:300 !important;
	}
	
	#Sections
	{	
		display:block; height:25px; width:25px; position:absolute; top:20px; right:0px; z-index:999;	
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background:url(../media/images/common/menu.png) center no-repeat #3C72B3;
	}
	#Header.clicked #Sections
	{	top:-20px;	}	
	#Header.clicked 
	{		}	
	
	#Menu.clicked
	{	display:block;	}	
	
	img.right, img.left
	{	max-width:50% !important; height:auto !important; }
}

@media only screen and (max-width:500px) 
{
	.threeColumn
	{	width:100%; margin:10px 0px; padding-bottom:20px; border-bottom:1px solid #356196;	}
	
	img.right, img.left
	{	max-width:100% !important; height:auto !important; width:auto !important; float:none !important; display:block; margin:10px auto; }

	#LeftCol h2
	{
		font-size:1.6em;
		line-height:1.2em;
	}
	
	.twoColumn
	{	width:100%; margin-top:0px; margin-bottom:10px;	}
	
	#NewsPanel .flexbox, #newsContent .flexbox
	{ 	margin:0px 0;	}
	
	.gallery img
	{
		width:47% !important;
		height:auto !important;
		margin:1%;
	}
	
	#LeftCol img.right, #LeftCol img.left
	{	width:auto !important; height:auto !important; max-width:100% !important; display:block; margin:20px auto !important; float:none;	}
}