/*img {
	max-width: 100%;
	height:auto;
	max-height:100%;
}
td > img { 
	max-height: initial; 
	max-width: initial; 
}

#bodydiv{margin:auto;}

object {width:100%;} */

/*===========================================================
	CUSTOM 960 GRID STYLES
============================================================*/
.grid-item {
	float: left;
	padding-right: 20px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid-item-r {
	float: right;
	padding-right: 20px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid-item-edge {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layout_5 #midcontainer {padding-top: 0 !important;}
/*===========================================================
	BOTTOM CONTAINER STYLES
============================================================*/
#bottomcontainer:before,
#bottomcontainer2:before,
#bottomcontainer,
#bottomcontainer2,
#bottombanner,
#bottombanner2 {clear: both;}
/*		POWERED BY STYLES
============================================================*/
#poweredby {clear: both;}
#poweredby div {
	margin:0 auto;
	max-width:1180px;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*===========================================================
	PORTAL
============================================================*/
.isLoggedIn.pagetype_portal #mainmiddle,
.isLoggedIn.pagetype_group #mainmiddle,
.isLoggedIn.pagetype_blog #mainmiddle {
	margin:0 auto 0 auto;
	max-width:none;
	width:90% !important;
}
	.isLoggedIn.pagetype_portal #leftbanner,
	.isLoggedIn.pagetype_group #leftbanner{
		max-width:240px;
	}
/*		PORTAL HOME
============================================================*/


/*===========================================================
	PAGE SPECIFIC STYLES
============================================================*/

/*		HOME PAGE STYLES
============================================================*/
.page_1 #contentdiv{}
/*			CALLOUTS
------------------------------------------------------------*/
.page_1 .callouts{}

/*			HOME SLIDESHOW (ALT - MIGHT BE DELETED)
------------------------------------------------------------*/
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0px 0 0 10px; padding: 0px 0 15px 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider FSA Theme
*********************************/
.flexslider {background: transparent; border:0; position: relative; zoom: 1; max-width:920px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flexslider .slides img {box-shadow: 0 0 5px #000;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; width:95%; margin-top:-1%; margin-left:2%; margin-right:2%; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; margin:0;}

/* Direction Nav */
.flex-direction-nav li a {width: 42px; height: 67px; margin: -43px 0 0; display: block; background: url(http://cf.finalsite.com/templates/fa5/uploaded/template/images/back-next.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -43px 0; right: -3.2%;}
.flex-direction-nav li .prev {left: -4.5%;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -10px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(http://cf.finalsite.com/templates/fa5/uploaded/template/images/controls.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -25px; cursor: default;}



/*===========================================================

						MEDIA QUERIES

============================================================*/

/*===========================================================
	DISABLE FONT SIZE CHANGE ON MOBILE
============================================================*/
@media screen and (max-width: 999px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

/*===========================================================
	DESKTOP/TABLET - LANDSCAPE
============================================================*/

@media only screen
and (min-width : 1201px) {
	.mobile {display: none;}
	.grid-1 {width: 8.33% !important;}
	.grid-2 {width: 16.66% !important;}
	.grid-3 {width: 25% !important;}
	.grid-4 {width: 33.33% !important;}
	.grid-5 {width: 41.66% !important;}
	.grid-6 {width: 50% !important;}
	.grid-7 {width: 58.33% !important;}
	.grid-8 {width: 66.67% !important;}
	.grid-9 {width: 75% !important;}
	.grid-10 {width: 83.33% !important;}
	.grid-11 {width: 91.66% !important;}
	.grid-12 {width: 100% !important;}
	
/*===========================================================
	MIDDLE CONTAINER STYLES
============================================================*/
#mainmiddle {padding-top: 60px !important;}
#mainmiddle,
.row {
	clear: both;
	margin:0 auto !important;
	max-width: 1180px;
	padding: 0 1px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row:after {clear: both;}
.layout_4 #mainmiddle {
	margin:0;
	max-width: 100%;
	padding: 0;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.layout_4 #contentdiv {display: none;}
.layout_4 .isLoggedIn.pagetype_portal #mainmiddle{
	margin:0 auto;
	max-width: 1180px !important;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bottomcontainer1 .fgroup-1 {display: none;}
#bottomcontainer1.active .fgroup-1 {display: block;}

}

/*===========================================================
	DESKTOP/TABLET - LANDSCAPE 960
============================================================*/

@media only screen
and (min-width : 1000px)
and	(max-width : 1200px) {
	.mobile {display: none;}
	
	.grid-1 {width: 8.33% !important;}
	.grid-2 {width: 16.66% !important;}
	.grid-3 {width: 25% !important;}
	.grid-4 {width: 33.33% !important;}
	.grid-5 {width: 41.66% !important;}
	.grid-6 {width: 50% !important;}
	.grid-7 {width: 58.33% !important;}
	.grid-8 {width: 66.67% !important;}
	.grid-9 {width: 75% !important;}
	.grid-10 {width: 83.33% !important;}
	.grid-11 {width: 91.66% !important;}
	.grid-12 {width: 100% !important;}

/*===========================================================
	TOP CONTAINER STYLES
============================================================*/

/*===========================================================
	MIDDLE CONTAINER STYLES
============================================================*/
#mainmiddle {padding-top: 60px !important;}
#mainmiddle,
.row {
	clear: both;
	margin:0 auto !important;
	max-width:960px;
	padding: 0 1px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row:after {clear: both;}
.layout_4 #mainmiddle {
	margin:0;
	max-width: 100%;
	padding: 0;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.layout_4 #contentdiv {display: none;}
.layout_4 .isLoggedIn.pagetype_portal #mainmiddle{
	margin:0 auto;
	max-width:960px !important;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*		CENTER CONTENT STYLES
============================================================*/
#midcontainer {
	padding-bottom: 50px;
	padding-top:125px;
}
.hasLeftbanner #midcontainer {padding-top:71px;}
.hasRightbanner #midcontainer {padding-top:71px;}
.layout_4 #midcontainer {padding:0px;}
/*			FULL WIDTH (TOP & BOTTOM ONLY)
------------------------------------------------------------*/
.layout_4.hasTopbanner.hasBottombanner #contentdiv{width:100%;}

/*			LEFT BANNER (TOP & BOTTOM & LEFT)
------------------------------------------------------------*/
.layout_4.hasTopbanner.hasBottombanner.hasLeftbanner #contentdiv{width:100%;}

/*			LEFT BANNER (TOP & BOTTOM & RIGHT)
------------------------------------------------------------*/
.layout_4.hasTopbanner.hasBottombanner.hasRightbanner #contentdiv{width:100%;}
	
/*			LEFT BANNER (TOP & BOTTOM & LEFT & RIGHT)
------------------------------------------------------------*/


/*===========================================================
	LEFT BANNER STYLES
============================================================*/
#leftbanner{}
/*===========================================================
	RIGHT BANNER STYLES
============================================================*/
#rightbanner {}

/*===========================================================
	BOTTOM CONTAINER STYLES
============================================================*/
#bottombanner,
#bottombanner2 {
	margin:0 auto;
	max-width:960px;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bottomcontainer1 .fgroup-1 {display: none;}
#bottomcontainer1.active .fgroup-1 {display: block;}
}

/*===========================================================
	DESKTOP/TABLET
============================================================*/

@media only screen
and (min-width : 768px)
and (max-width : 999px){
	.mobile {display: none;}
	
	.grid-1 {width: 8.33% !important;}
	.grid-2 {width: 16.66% !important;}
	.grid-3 {width: 25% !important;}
	.grid-4 {width: 33.33% !important;}
	.grid-5 {width: 41.66% !important;}
	.grid-6 {width: 75% !important;}
	.grid-7 {width: 58.33% !important;}
	.grid-8 {width: 66.67% !important;}
	.grid-9 {width: 75% !important;}
	.grid-10 {width: 83.33% !important;}
	.grid-11 {width: 91.66% !important;}
	.grid-12 {width: 100% !important;}

/*		TOP CONTAINER STYLES
============================================================*/	
#topbanner{}

/*		CENTER CONTENT STYLES
============================================================*/
#midcontainer {
	padding-bottom: 50px;
	padding-top:60px;
}
.layout_4 #midcontainer {padding: 0 !important;}
.layout_4 #contentdiv {min-height: 0;}
.layout_4 #contentdiv {display: none;}
/*		LEFT BANNER STYLES
============================================================*/
#leftbanner{}
.layout_1 #leftbanner {padding-left: 20px;}

/*		RIGHT BANNER STYLES
============================================================*/	
#rightbanner{padding-left: 25%;width:100% !important;}


/*		BOTTOM CONTAINER STYLES
============================================================*/
#bottomcontainer1,
#bottomcontainer2 {padding: 1px 20px;}

#bottomcontainer1 .grid-2 {width: 33% !important;padding-bottom: 40px;}
#bottomcontainer2 .grid-3 {width: 100% !important;}
}


/*===========================================================
	MOBILE - PORTRAIT
============================================================*/

@media only screen
and (max-width : 767px) {
	.desktop,
	.tablet {display: none;}
.grid-1,
.grid-2 {width: 50% !important;}
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
	padding: 1px 20px;
	width: 100% !important;
}

/*		TOP CONTAINER STYLES
============================================================*/	
#topbanner{}

/*		CENTER CONTENT STYLES
============================================================*/
#mainmiddle{}
#contentdiv {min-height: 0;}

.layout_1 .side-box-blue,
.layout_1 .side-box-gold,
.layout_1 .side-box-orange,
.layout_1 .side-event,
.layout_1 .side_calendar,
.layout_1 .side_photo {display: none;}

.layout_4 #contentdiv {display: none;}
/*		LEFT BANNER STYLES
============================================================*/
#leftbanner{}
.layout_1
/*		RIGHT BANNER STYLES
============================================================*/	
#rightbanner{}
.layout_1 #rightbanner {display: none;}

/*		BOTTOM CONTAINER STYLES
============================================================*/
#bottomcontainer1 .grid-2 {width: 100% !important;}
#bottomcontainer2 .grid-3 {width: 100% !important;}

}