/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
 padding-left: 2em; padding-right: 2em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix {

}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row {
  /* margin-left: -30px; */
  clear: both;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  /* margin-left: 30px; */
}
.container {
  width: 1170px;
}
.grid_12 {
  width: 1170px;
}
.preffix_12 {
  margin-left: 1230px;
}

.container {
  margin-right: auto;
  margin-left: auto;

}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.content {
	min-height: 500px;
}


div.cleared {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1em;
}

.navigation {
	width: 100%;
	height: 50px;
}


	

						/******* LARGE DESKTOP ******/

@media (min-width: 1200px) {
	
	nav {
		width: 720px;
	}

	.navigation {
		margin-left: -80px;
	}	
	/* all menu links */
	#nav a, #subMenusContainer a{
		padding: 20px 35px 14px 35px;
	}
	
	#logo {
		float: left;
		display: inline;
	}
	
	div.navigation-mobile {
		display: none;
	}
	
	input#searchbox {
		width: 190px !important;
		border: 1px solid #AAA;
		color: #AAA;
		height: 25px;
		margin-top: 6px;
		padding-left: 5px;
		font-size: 14px;
	}
	
	.maincol {
		float: left;
		width: 760px;
	}
	
	.maincol.right-space {
		padding-right: 50px;
	}
	
	.maincol img {
		width: 100%;
	}
	
	.sidebarcol {
		float: left;
		width: 360px;
	}
	
		
	.video {
		width: 560px;
		height: 315px;
	}
	
	
	
	.halfBox {
		float: left; 
		width: 350px; 
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #eee;
		padding: 10px;
		color: #666;
		margin-right: 30px;
	}
	

	.halfBox:last-child {
		margin-right: 0px;
	}
	
	.halfBox img {
		width: 100%;
	}
	
	
	
	
	.third-box {
		float: left; 
		width: 338px; 
		margin-top: 20px; 
		border: 6px solid #DDD;
		background-color: #fFF;
		padding: 10px;
		color: #666;
		margin-right: 0;
		min-height: 500px;
	}
	

	.third-box.right-space {
		margin-right: 30px;
	}
	
	.third-box img {
		width: 99%;
	}
	
	
	.sidebox {
	    width: 350px;
	    float: right;
	    border-collapse: collapse;
	    margin: 0px 0px 10px 20px;
	}

	
	#calendar-search {
	   float: right;
	   padding-right: 450px;
	}
	
	.mobile-nav {
	 	display: none;
	 }

	div.side-box-left {
		width: 400px;
	}
}



						/******* REGULAR DESKTOP ******/


@media (min-width: 980px) and (max-width: 1199px) {

	nav {
		width: 630px;
	}
	
    /* all menu links */
	#nav a, #subMenusContainer a{
		padding: 20px 25px 14px 25px;
	}
	
	#logo {
		float: left;
		display: inline;
	}
  
	div.navigation-mobile {
		display: none;
	}
	
	input#searchbox {
		width: 140px !important;
		border: 1px solid #AAA;
		color: #AAA;
		height: 25px;
		margin-top: 6px;
		padding-left: 5px;
		font-size: 14px;
	}	
	
	.maincol {
		float: left;
		width: 610px;
	}
	
	img.float.right,
	img.float.left {
		max-width: 336px;
		height: auto;
	}

	
	.sidebarcol {
		float: left;
		width: 290px;
	}
	
	.grid_3 h3 {
		font-size:22px
	}
	
	.maincol.right-space {
		padding-right: 40px;
	}
	
		
	.video {
		width: 560px;
		height: 315px;
	}
	
	.halfBox {
		float: left; 
		width: 267px; 
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #eee;
		padding: 10px;
		color: #666;
		margin-right: 30px;
	}
	

	.halfBox:last-child {
		margin-right: 0px;
	}
	
	.halfBox img {
		width: 100% !important;
	}

	.third-box {
		float: left; 
		width: 261px; 
		margin-top: 20px; 
		border: 6px solid #DDD;
		background-color: #fFF;
		padding: 10px;
		color: #666;
		margin-right: 0;
		min-height: 500px;
	}
	

	.third-box.right-space {
		margin-right: 30px;
	}
	
	.third-box img {
		width: 99%;
	}

	
	.sidebox {
	    width: 300px;
	    float: right;
	    border-collapse: collapse;
	    margin: 0px 0px 10px 20px;
	}

	#calendar-search {
	   float: right;
	   padding-right: 215px;
	}
	
	.mobile-nav {
	 	display: none;
	 }
	 
	 div.side-box-left {
		width: 350px;
	}
  
  .row {
    /* margin-left: -20px; */
  
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  
  img#logo {
  	height: 100px;
  }
  
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    /*margin-left: 20px;*/
  }
  .container {
    width: 940px;
  }
  .grid_12 {
    width: 940px;
  }
  .preffix_12 {
    margin-left: 980px;
  }

  div.navigation-mobile {
  	display: none;
  }
}


										/******** TABLET ********/

@media (min-width: 768px) and (max-width: 979px) {
  
  
	#logo {
		float: left;
	}

	div.navigation {
		display: none;
	}
  
	div.mobile-nav {
		display: block;
		float: right;
		margin-left: 20px;
		margin-top: 15px;
	}	
	
	div.navigation-mobile {
		display: block;
		width: 100%;

	}
	
	input#searchbox {
		width: 250px !important;
		border: 1px solid #AAA;
		color: #AAA;
		height: 25px;
		margin-top: 6px;
		padding-left: 5px;
		font-size: 14px;
	}
	
	.grid_3 h3 {
		font-size:22px
	}
	
	.maincol {
		float: left;
		width: 483px;
	}
	
	.maincol.right-space {
		padding-right: 30px;
	}
	
	.maincol img {
		width: 100%;
	}
	
	
	
	.video {
		width: 560px;
		height: 315px;
	}
	
	
	
	.halfBox {
		float: left; 
		width: 339px; 
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #eee;
		padding: 10px;
		color: #666;
		margin-right: 30px;
	}
	

	.halfBox:last-child {
		margin-right: 0px;
	}
	
	.halfBox img {
		width: 100%;
	}
	
	
	.third-box {
		width: 718px; 
		margin-top: 20px; 
		border: 6px solid #DDD;
		background-color: #fFF;
		padding: 10px;
		color: #666;
		margin-right: 0;
		min-height: 270px;
	}
	
	
	
	.third-box img {
		width: 325px;
		float: right;
		height: auto;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	.sidebarcol {
		float: left;
		width: 235px;
	}
		
	


	.sidebox {
	    width: 320px;
	    float: right;
	    border-collapse: collapse;
	    margin: 0px 0px 10px 20px;
	}

	#calendar-search {
	   float: right;
	}
	
	div.side-box-left {
		width: 300px;
	}
  
  .row {
    /*margin-left: -20px; */
  
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  
  
  
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    /*margin-left: 20px;*/
  }
  .container {
    width: 748px;
  }
  .grid_12 {
    width: 748px;
  }
  
  .preffix_12 {
    margin-left: 788px;
  }
  
  .galleria {
	  width: 748px !important;
	  height: auto;
  }
  
  
}

						/****** MOBILE NAVIGATION ******/

@media (max-width: 979px) {
	
	.mnav-1 a, .mnav-2 a, .mnav-3 a {
		padding-right: 2em;
		text-decoration: none;
	}

	
	
	
	.mnav-1 {
		background-color: #293592;
		padding: 1em;
		border-bottom: 2px solid #DDD;
		border-radius: 3px;	
	}
	
		
	.mnav-2 {
		background-color: #3E449D;
		padding: 1em;
		padding-left: 2.5em;
		border-bottom: 2px solid #DDD;
	}
	
	/*
	.mnav-3 {
		background-color: #6D8AD0;
		padding: 1em;
		padding-left: 5em;
		border-bottom: 2px solid #DDD;
	}
	
	.mnav-4 {
		background-color: #5B92C5;
		padding: 1em;
		padding-left: 7.5em;
		border-bottom: 2px solid #DDD;
	}
	*/
	
	.subnav-2 {
		background-color: #3E449D /*#378E46*/;
	}
	
	/*.subnav-3 {
		background-color: #6D8AD0;
	}
	.subnav-4 {
		background-color: #5B92C5;
	}
	*/
	
	.navigation-mobile a {
		color: #ccc;
	}
	
	.mnav-1 a:hover {
		color: yellow;
		background-color: #293592;
	}
	
	.mnav-2 a:hover {
		color: yellow;
		background-color: #3E449D;
		
	}
	.navigation-mobile a.current {
		color: #FFF;
		font-weight: bold;
	}
	
	#recent-articles {
		display: none;
	}
}


								/*******  LARGE SMART PHONE  *******/

@media (max-width: 767px) {
  
	#adspace336w {
  		width: 336px;
  		margin-top: 10px;
  		margin: auto;
  	}
    
    #adspace300w {
	    display: none;  
    }
    
	#logo {
		float: left;
	}

	div.navigation {
		display: none;
	}
  
	div.mobile-nav {
		display: block;
		float: right;
		margin-left: 20px;
		margin-top: 15px;
	}	

  
	div.navigation-mobile {
		display: block;
		width: 100%;
	}
	
	input#searchbox {
		width: 150px !important;
		border: 1px solid #AAA;
		color: #AAA;
		height: 25px;
		margin-top: 6px;
		padding-left: 5px;
		font-size: 14px;
	}
	
	h1#title {
		font-size: 18px !important;
		color: #474771;
		margin-top: 18px !important;
	}
	
	.content img {
	  	width: 100% !important;
	  	height: auto;
	  	float: none;
	  	margin: .5em 0;
	  }
	

		
	.video {
		width: 420px;
		height: 236px;
	}
	
	img#podcasticon {
		width: 50px !important;
		height: 50px !important;
		float: left !important;
		margin-right: 10px !important;
		margin-top: 14px !important;	
	}
	
	.float.right,
	.float.left {
		float: none !important;
		margin: 0 0 1em 0 !important;
	}
	
	.halfBox {
		float: left; 
		width: 96%; 
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #eee;
		padding: 10px;
		color: #666;
		margin-right: 0%;
	}
	

	.halfBox:last-child {
		margin-right: 0%;
	}
	
	.halfBox img {
		width: 100%;
	}

	
	
	.third-box {
		width: 388px; 
		margin-top: 20px; 
		border: 6px solid #DDD;
		background-color: #fFF;
		padding: 10px;
		color: #666;
		margin-right: 0;
		min-height: 270px;
	}
	
	.third-box img {
		width: 99%;
	}

	
	.sidebox {
	    width: 100%;
	    border-collapse: collapse;
	}
	
	
	 .inline {
	 	display: block;
	 	clear: both;
	 }
	 
	 #events h2   {
	 	font-size: 28px;
	 }
	 
	div.side-box-left {
		width: 270px;
	}

  
  .container {
    width: 92%;
    padding: 0 4%;
  }
  
  .galleria {
	  width: 420px !important;
	  height: auto;
  }
  
  .row {
    margin-left: 0;
  }
  
  img#logo {
  	width: 100%;
  	height: 100%;
  }
  
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .grid_12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
	

}

			
			
								/******* REGULAR  SMART  PHONE  *******/

@media (max-width: 479px) {
  body {
    padding: 0;
  }
  
  input#searchbox {
	  width: 120px !important;
  }
  
  h1#title {
		font-size: 18px !important;
		color: #474771;
		margin-top: 6px !important;
	}

  
  .content img {
  	width: 100% !important;
  	height: auto;
  	float: none;
  	margin: .5em 0;
  }
  
  img#podcasticon {
		width: 50px !important;
		height: 50px !important;
		float: left !important;
		margin-right: 10px !important;
		margin-top: 14px !important;	
	}

  #logo {
  	float: left;
  }
  
  input#searchbox {
		width: 110px !important;
	}
  
  .halfBox {
		float: left; 
		width: 260px; 
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #eee;
		padding: 10px;
		color: #666;
		margin-right: 30px;
	}
	

	.halfBox:last-child {
		margin-right: 0px;
	}
	
	.halfBox img {
		width: 100%;
	}

  
  .video {
		width: 320px;
		height: 180px;
	}
	
	
	.third-box {
		width: 260px; 
		margin-top: 20px; 
		border: 6px solid #DDD;
		background-color: #fFF;
		padding: 10px;
		color: #666;
		margin-right: 0;
		min-height: 270px;
	}
	
	.third-box img {
		width: 100%;
	}
  
  .sidebox {
	    width: 100%;
	    border-collapse: collapse;
	    margin: 0;
	}
	
	#events h2   {
	 	font-size: 22px;
	 }
	 
	#events td {
		font-size: 14px;
	}

  .container {
    width: 94%;
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row {
    margin-left: 0;
  }
  
  .galleria {
	  width: 320px !important;
	  height: auto;
  }
  
}