@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@import url(typography.css);
img, object, embed, video {
	max-width: 100%;
	height:auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

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

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 92.16%;
	padding-left: 1.92%;
	padding-right: 1.92%;
	background:#fff
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#fff;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width:100%;
	height:auto;

	
}
#topNav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#4b6897;
}


#topIncidentals {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
}
#topSearch {float:left;width:100%;margin-right:1%;padding:1px;display:block; white-space:nowrap;
clear:both;}

#headerTagline {
	clear: both;
	float: left;
	margin-right:0px;
	color:#7663a4;
	/*margin-left: 350px;
	margin-top:-35px;*/
	z-index:1000;
	width: 100%;
	display: block;
}
#topSitename {
	clear: both;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	line-height:0px;
}

#homeSlideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeWelcome {
	clear: both;
	float: left;
	margin: 0 auto;
	width: 98%;
	display: block;
	padding:0 3%;
}
#homeFeatured {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: inline;
	max-width:480px;
}
#homeSubscribe {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: inline;
	max-width:480px;
}
.rotateButtons a {padding:3px;}
.rotateButtons img {margin:2px;}

.homeVideo {clear:both;display:block;width:100%;}
#orangeBox {width:100%;clear:both;}
#home3Items {clear:both;margin-top:10px;}

#profileLeft, #profileRight {width:98%;float:left;}
#profilePosts, #profileComments {width:98%;clear:both;padding:2px;margin:2px;}
#additionalinfospot {max-width:900px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*new dynamic nav styles */
#navmenu ul ul li {width:250px;}
ul#navmenu li { background:transparent;}
ul#navmenu ul span a, ul#navmenu ul span a:hover {
	background-position: center right;
font-size: 85%;
font-family: 'Muli', sans-serif;font-weight:300;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align: left;
width:auto;
	}
		/*Top menu style*/
ul#navmenu a {
border: 0px;
background: #4b6897;
padding: 12px 2px 2px 2px;
font-size: 100%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:0px 5px;
display:inline;

}
/*Sub menu style only needed if different*/
ul#navmenu ul a{
border-top: 1px solid #efefef;
padding: 0 6px;
padding-left: 10px;
background: #4b6897;
font-size:90%;
color: #fff;
font-style:normal;
font-weight :normal;
text-decoration:none;
text-align: left;
}


#home3Items {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#home3Items ul {margin:0px;padding:0px;list-style-type:none;text-align:center;text-transform:uppercase;}
#home3Items li {display:inline-block;border:1px solid #7663a4; padding:0px;margin:4px 1px 4px 1px;}
#home3Items h4 {font-family: 'Muli', sans-serif; font-size:100%;color:#2e2r2r;clear:both;margin:0;}
#home3Items h4 a, #home3Items h4 a:visited {text-decoration:none;color:#2e2434;padding:2px 4px;}
#home3Items h4 a:hover {color:#f7f2dd;text-decoration:none;}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:2%;
	border-top:1px solid #cccccc;
}
.col-two{
	width:100%;
}
/*	Columns
	/* -------------------------------------------------- */

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, { margin-right: 0px;}
	.one-half { width: 49%;max-width:550px; }
	.one-third { width: 30%;max-width:400px; }
	.two-third { width: 68%; }
	.one-fourth { width: 30%;max-width:250px;}
	.one-fifth { width: 18%;max-width:250px;}
	.three-fourth { width: 700px; }
#homeVideo {
	position: relative;
	padding-bottom: 56.25%;  /*16:9 */
	padding-top: 30px;
	height: 0;
	overflow:hidden;
	
}
#homeVideo iframe {

    position: relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#inVideo {
	position: absolute;
	padding-bottom: 56.25%;  /*16:9 */
	padding-top: 30px;
	height: 0;
	overflow:hidden;
	float:none;
	
}
#inVideo iframe {
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* singleCol inside page items */
#headline {margin:.15em 0em;}
#insideOneCol {padding:5px 3%;}
#insideTwoCol {padding:5px;width:100%;float:none;max-width:320px;}
#insideLeftCol {display:none;}

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

@media only screen and (min-width: 321px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#homeSlideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeWelcome {
	clear: both;
	float: left;
	margin-left:0;
	width: 100%;
	display: block;
}
#homeFeatured  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
 #insideTwoCol, #insideLeftCol  {
	margin:0 auto;
	width: 100%;
	display: block;
	max-width:800px;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom:2%;
}
#homeSubscribe {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#home3Items {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
	text-align:center;
}
#home3Items ul li{
	display:inline-block;
	/*float:left;*/
	border:1px solid #2e2r24;
}

#home3Items ul {margin:0px;padding:0px;list-style-type:none;text-align:center;text-transform:uppercase;}
#home3Items li {display:inline-block;border:1px solid #7663a4;padding:0px;margin:4px 1px 4px 1px;}
#home3Items h4 {background:#fff8a4;font-family: 'Muli', sans-serif; font-size:100%;color:#2e2r2r;clear:both;margin:0;}
#home3Items h4 a, #home3Items h4 a:visited {text-decoration:none;color:#2e2434;padding:2px 4px;}
#home3Items h4 a:hover {color:#f7f2dd;background:#28aaf8;text-decoration:none;}


#headerTagline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	padding:0 5% 0 10%;font-family: 'Muli', sans-serif;font-weight:300;color:#8f8fba;font-size:1.5em;
}
#topSitename {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


.inVideo {
	position: relative;
	padding-bottom: 56.25%;  /*16:9 */
	padding-top: 30px;
	height: 0;
	overflow:hidden;
	float:none;
	
}
.inVideo iframe,.inVideor object,  
.inVideo embed  {
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}
@media only screen and (min-device-width: 481px) and (orientation:portrait) {
  /* For portrait layouts only */
  ul#navmenu a {
border: 0px;
background: #4b6897;
padding: 12px 2px 2px 2px;
font-size:95%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:0px 5px;

}
#topNav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*begin mb 12/29 changes to reformat smaller mouseovers*/
div.container-fluid ul#navmenu li:hover  ul.selected, div.container-fluid ul#navmenu li   ul.selected
{
    position:relative; /* we want the elements to show */   
    display:block;  
}
div.container-fluid ul#navmenu li:hover  ul  
{
   display:none;  /* we want the elements to show */    
}
div.container-fluid ul#navmenu li,
div.container-fluid ul#navmenu ul 
 
{  float:none;}

/*end mb 12/29 changes to reformat smaller mouseovers*/


/*new dynamic nav styles */
ul#navmenu li { background:transparent; }
ul#navmenu ul span a, ul#navmenu ul span a:hover {
	background-position: center right;
font-size: 100%;
font-family: 'Muli', sans-serif;font-weight:300;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align: left;
width:auto;
margin:2px;padding:0px;
	}
	
ul#navmenu.nav.navbar-nav li span {display:none;}
ul#navmenu.nav.navbar-nav li span a {display:inline-block;}
		/*Top menu style*/
ul#navmenu a {
border: 0px;
background: #4b6897;
padding: 12px 8px 2px 8px;
font-size: 100%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:0px 5px;

}
/*Sub menu style only needed if different*/
ul#navmenu ul a{
border-top: 1px solid #efefef;
padding: 0px;
padding-left: 10px;
background: #4b6897;
font-size:100%;
color: #fff;
font-style:normal;
font-weight :normal;
text-decoration:none;
text-align: left;
}
/* on hover */
ul#navmenu a:hover {
background: #4b6897;
color:#f7f2dd;

}
#insideTwoCol {padding:5px;width:100%;float:none;max-width:620px;}
	
}


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

@media only screen and (min-width: 690px) {
	/*Top menu style*/
ul#navmenu a {
border: 0px;
background: #4b6897;
padding: 12px 2px 2px 2px;
font-size: 120%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:0px 5px;

}
#topNav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*new dynamic nav styles */

ul#navmenu li { background:transparent;}
ul#navmenu ul span a, ul#navmenu ul span a:hover {
	background-position: center right;
font-size: 120%;
font-family: 'Muli', sans-serif;font-weight:300;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align: left;
width:auto;
margin:0px;padding:0px;
	}
	
ul#navmenu.nav.navbar-nav li span {display:none;}
ul#navmenu.nav.navbar-nav li span a {display:inline-block;}
		/*Top menu style*/
ul#navmenu a {
border: 0px;
background: #4b6897;
padding: 12px 8px 2px 8px;
font-size: 150%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:0px 5px;

}
/*Sub menu style only needed if different*/
ul#navmenu ul a{
border-top: 1px solid #efefef;
padding: 0px;
padding-left: 10px;
background: none;
font-size:150%;
color: #fff;
font-style:normal;
font-weight :normal;
text-decoration:none;
text-align: left;
}
/* on hover */
ul#navmenu a:hover {
background: #4b6897;
color:#f7f2dd;

}
	
	}

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

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

.gridContainer {
	width: 95.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: 0 auto;
	text-aign:center;

}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeSlideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeWelcome {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	
}
#homeFeatured {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	max-width:480px;
}
#profileLeft, #profileRight {max-width:800px;display:inline;}
#topSearch {float:right;width:25%;margin-right:1%;padding:1px;display:block; white-space:nowrap;
clear:both;}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#homeSubscribe {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/*
#homeVideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
*/
#home3Items {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	text-align:center;
}
#home3Items ul {margin:0px;padding:0px;list-style-type:none;text-align:center;text-transform:uppercase;}
#home3Items li {display:inline-block;border:1px solid #7663a4;padding:0px;margin:4px 6px 4px 6px;}
#home3Items h4 {background:#fff8a4;font-family: 'Muli', sans-serif;color:#2e2r2r;clear:both;margin:0;}
#home3Items h4 a, #home3Items h4 a:visited {text-decoration:none;color:#2e2434;padding:2px 4px;}
#home3Items h4 a:hover {color:#f7f2dd;background:#28aaf8;text-decoration:none;}
#topNav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*new dynamic nav styles */

ul#navmenu li { background:transparent;}
ul#navmenu ul span a, ul#navmenu ul span a:hover {
	background-position: center right;
font-size: 100%;
font-family: 'Muli', sans-serif;font-weight:300;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align: left;
width:auto;
margin:2px;padding:0px;
	}
ul#navmenu ul li {width:250px;}
ul#navmenu.nav.navbar-nav li span {display:none;}
ul#navmenu.nav.navbar-nav li span a {display:inline-block;}
		/*Top menu style*/
ul#navmenu a {
border: 1px solid #fff;
background:#000;
padding: 5px 8px 2px 5px;
font-size: 100%;
font-family: 'Muli', sans-serif;font-weight:400;color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align: center;
margin:1px 2px;

}
/*Sub menu style only needed if different*/
ul#navmenu ul a{
border-top: 1px solid #efefef;
padding: 0px;
padding-left: 10px;
background: #4b6897;
font-size:100%;
color: #fff;
font-style:normal;
font-weight :normal;
text-decoration:none;
text-align: left;
}
/* on hover */
ul#navmenu a:hover {
background: #4b6897;
color:#f7f2dd;

}

#topIncidentals {
	clear: both;
	float: left;
	margin-left: 0;
	width: 75%;
	display: block;
}
#topSearch {width:auto;}
#headerTagline {
	clear: both;
	float: left;
	margin-left: 20%;
	width: 70%;
	display: block;
	margin-top:-80px;
}
#topSitename {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#insideTwoCol {padding:5px;width:70%;margin:0 auto;max-width:820px;float:right;}
#insideLeftCol {padding:5px;width:25%;float:left;max-width:530px;border-right:1px solid #efefef;}
.col-two{
	width:48%;
	float:left;
	margin-left:1%;
}

	


}