/*-  LAYOUT
----------------------------------------------------------------------*/

#midcontainer {
	margin: 45px 0 0 0; }
.page_1 #midcontainer, .page_4321 #midcontainer {
	margin: 0; }
	
#contentdiv {
	float: left;
	position: relative !important;
	z-index: 10 !important; }

.hasTopbanner.hasBottombanner #contentdiv{
    width:96%;
	padding: 0;
	margin: 135px 2% 25px;}
.hasTopbanner.hasBottombanner.hasLeftbanner #contentdiv{
    width:73%;
	padding: 0;
	margin: 70px 2% 25px 0;}
.hasTopbanner.hasBottombanner.hasRightbanner #contentdiv{
    width:68%;
	margin: 135px 3% 25px 2%; }
.hasTopbanner.hasBottombanner.hasRightbanner.hasLeftbanner #contentdiv{
    width:44%;
	margin: 70px 3% 25px 1%;}

#mainmiddle{    
    margin:0 auto 0 auto;
    max-width:1024px;
	padding: 0 0 0 0;}

.isLoggedIn.pagetype_portal #mainmiddle, .isLoggedIn.pagetype_group #mainmiddle, .isLoggedIn.pagetype_blog #mainmiddle{    
    margin:0 auto 0 auto;
    width:90% !important;
    max-width:none;
}

.page_1 .isLoggedIn.pagetype_portal #mainmiddle{    
    max-width:990px !important;
}

.isLoggedIn.pagetype_portal #leftbanner, .isLoggedIn.pagetype_group #leftbanner{
    max-width:240px;
}


img {
    max-width: 100%;
    height:auto;
    max-height:100%;
}

#bodydiv { 
	width: 100%; 
	max-width: 1024px; 
	background: #fff; 
	margin: 46px auto 0;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }

object {
    width:100%;
}


.embedded-fsplayer div:first-child {
    width:100% !important;
    height:auto;
}

/* Athletic Roster Table */

.ath_rosterTable{
    width:100%;
}

.ath_rosterTable td{
    padding:.2em;
}

/*-  TOP BANNER
----------------------------------------------------------------------*/

#topbanner{
    margin:0 auto 0 auto;
    display:block;
    max-width:1024px !important;
    padding:0;
}




/*-  HOMEPAGE STYLES
------------------------------------------------
------------------------------------------------*/
.page_1.hasTopbanner.hasBottombanner #contentdiv, 
.page_4321.hasTopbanner.hasBottombanner #contentdiv {
	text-align: center;
	margin: 25px 2%;
	width: 96%;
	 }



/* News Element */


.news_more_posts, .calendar_more_events{
    margin-top:.5em;
}

.news_more_posts a, .calendar_more_events a, .facebook_follow a, .twitter_follow a, .flickr_view_link a, .youtube_view_link a{
    text-decoration:none;
    padding:.25em .75em;
    background:#13376e;
    color:#fff;
    font-size:.9em;
    font-weight:600;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    text-transform: uppercase;
}

.news_more_posts a:hover, .calendar_more_events a:hover, .facebook_follow a:hover, .twitter_follow a:hover, .flickr_view_link a:hover, .youtube_view_link a:hover{
    background:#6795AD;
}

/* Calendar */


.blockevent{
    background-color:transparent !important;
}

/* Intro */
.page_1 #c_877{
    font-family:rooney-web, serif;
    font-size:1.2em;
    line-height:1.4em;
    font-style:italic;
    margin:0 2em 0 3em;
    padding:0;
    text-shadow: 0px 0px 1px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0); 
}








/*-  BOTTOM BANNER
----------------------------------------------------------------------*/

#bottombanner{
    width: 100%;
	max-width: 1024px;
	padding: 0 0 2%;
	margin: 0 ;
	font-size: .9em;
	line-height: 1.25em;
	border-top: 4px double #ccc; }

#poweredby{
    max-width: 1024px;
	width: 96%;
	padding: 0 2% 2%;
	margin: 0 auto; }

/* 
   LEFT BANNER
----------------------------------------------------------------------*/


#leftbanner{
    clear: both;
    float: left;
    width: 21%;
    margin:45px 2% 25px;
	position: relative;
	z-index: 3;
}



/* 
   RIGHT BANNER
----------------------------------------------------------------------*/


#rightbanner {
    float: left;
    width: 25%;
    margin-right:2%;
}





/*-  MEDIA QUERIES
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

@media only screen
and (max-device-width : 1024px){
#ql_btn {
    display: none; }
}


@media only screen
and (max-width : 1080px){
#bodydiv {
	width: 96%;
	margin: 46px 2% 0; }
#topbanner .secondary-nav {
	width: 96%;
	margin: 0 2% 0 0; }
}

/*-  MEDIUM SCREEN
----------------------------------------------------------------------
----------------------------------------------------------------------*/

@media only screen
and (max-width : 1023px){



/*-  LAYOUT
-----------------------------------------*/
body {
	margin: 0; }
#bodydiv {
	width: 100%;
	margin: 82px 0 0; }
#mainmiddle{    
    margin:0 auto 0 auto !important;
	padding: 0; }


.hasTopbanner.hasBottombanner #contentdiv{
    width:96%;
	margin: 25px 2%;}

.hasTopbanner.hasBottombanner.hasLeftbanner #contentdiv{
    width:71%;
	margin: 0 2% 25px 1%;}

.hasTopbanner.hasBottombanner.hasRightbanner #contentdiv{
    width:96%;
	margin: 0 2%;}

.hasTopbanner.hasBottombanner.hasRightbanner.hasLeftbanner #contentdiv{
    width: 71%;
	margin: 0px 2% 0 1%;}



/*-  LAYOUT - Homepage
-----------------------------------------*/

.page_1 #midcontainer, .page_4321 #midcontainer {
	margin: -135px 0 0 0; }
.page_1 .fs_style_1, .page_4321 .fs_style_1 {
	display: block;
	width: 75%;
	margin: 0 auto 15px; }




/*-  TOP BANNER
-----------------------------------------*/


#topbanner{
    margin:0;
    padding:0;}
#topbanner .secondary-nav {
	width: 98%;
	margin: 0 2% 0 0; }
#topbanner .header {
	float: left;
	width: 25%; 
	padding: 20px 2%;
	min-height: 0;
	text-align: center;
	background: url("../images/header-mid.png") center bottom no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 95px;}
#topbanner .header #logo {
	padding: 0;
	width: 150px;
	max-width: none;
	max-height: none; }
#topbanner .slidercontainer {
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
	top: -135px; }
#topbanner .main-nav {
	width: 67%;
	padding: 0 2%;
	float: right; 
	margin: 0 !important;
	background: rgba(6,44,102,0.8);
        z-index: 3;
}
#topbanner .main-nav #nav {
	float: none;
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0; }
#topbanner .main-nav #nav li {
	padding: 0 15px 15px; }

.hier, .hiersect, .tools, .page-tools, #nav_menus div {
    display:none !important;}



/*- LEFT BANNER
-----------------------------------------*/

#leftbanner{
    clear: both;
    float: left;
    width: 22%;
    margin:2%;
}

/*- RIGHT BANNER
-----------------------------------------*/

#rightbanner{
    float:left;
	width: 96%;
	clear: both;
	padding: 25px 0;
	margin: 25px 2% 0;
	border-top: 1px solid #dedede;}
#leftbanner .banner-box-blue .bannermodtitle, #rightbanner .banner-box-blue .bannermodtitle,
#leftbanner .banner-box-grey .bannermodtitle, #rightbanner .banner-box-grey .bannermodtitle {
	padding: 2%; }







/*- BOTTOM BANNER
-----------------------------------------*/


}

@media only screen 
and (min-device-width : 768px) and (orientation : portrait) {#topbanner .main-nav {width: 67.3%}}


@media only screen
and (max-width: 770px)
{
.scrolling .bannermodtd {
max-height: none;
overflow: auto; }
}



/*-  SMALL SCREEN
----------------------------------------------------------------------
---------------------------------------------------------------------- */

@media only screen
and (max-width : 630px)
 {
 

/*-  LAYOUT
-----------------------------------------*/
#bodydiv {
        margin-top: 46px; }
#midcontainer {
	margin: 25px 0 0 0; }
#mainmiddle {
	margin: 0;
	padding: 0; }

.hasTopbanner.hasBottombanner #contentdiv {
	margin: 0 5% 25px;
	padding: 0;
	width: 90%; }
.hasTopbanner.hasBottombanner.hasLeftbanner #contentdiv {
	margin: 0 5% 25px;
	padding: 0;
	width: 90%; }
.hasTopbanner.hasBottombanner.hasRightbanner #contentdiv {
	margin: 0 5% ;
	padding: 0;
	width: 90%; }
.hasTopbanner.hasBottombanner.hasLeftbanner.hasRightbanner #contentdiv {
	margin: 0 5% 0;
	padding: 0;
	width: 90%; }

#contentdiv form{
     width:auto;
}

#ql_menu, #qlItem, .qlBtn {display: none !important;}

/*-  LAYOUT - Homepage
-----------------------------------------*/

.page_1.hasTopbanner.hasBottombanner #contentdiv, .page_4321.hasTopbanner.hasBottombanner #contentdiv {
	width: 90%;
	margin: 25px 5%; }
.page_1 #midcontainer, .page_4321 #midcontainer {
	margin: -30px 0 0 0;
	background: #fff; }
.contentElementDesc h1 {
	font: italic 3em/1 "minion-pro", serif !important; }


/*-  Portals
-----------------------------------------*/

.three_column  {
    float: none;
    width: 100%;
    clear:both;
}

.twothirds_column {
    float: none;
    width: 100%;

}

.page_1 #e_872{
    border:0;
    background:#F2F0F0;
    background: rgba(255, 255, 255, .6);
    -webkit-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}




/*-  TOP BANNER
-----------------------------------------*/

#topbanner {
	background: url("../images/header-small.png") center bottom no-repeat;
	overflow: auto;
	background-size: 100%; }
#topbanner .header {
	width: 96%;
	background: none;
	padding-bottom: 0; }
#topbanner #logo {
	width: auto;
	max-width: 100%;
	max-height: 100%; }
#topbanner .main-nav {
	width: 96%;
	padding: 0 2% 1.5em; 
	background: none;
	background-size: 100%; }
#topbanner .rotator {
	margin: 0; }
#topbanner .slidercontainer {
	top: -30px; }


.page_1 #topbanner, .page_4321 #topbanner {
	background: #062c66;}
.page_1 #topbanner .main-nav, .page_4321 #topbanner .main-nav {
	background: url("../images/header-small.png") center bottom no-repeat;
	background-size: 100%; }


/*-  LEFT BANNER
-----------------------------------------*/

#leftbanner{
    float:none;
    width:90%;
    margin:0 5% 25px;
    padding:0;
	text-align: center;}
.navmod, .portalnavmod {
	text-align: left; }


/*-  RIGHT BANNER
-----------------------------------------*/

#rightbanner{
    float:none;
    width:90% !important;
    clear:both;
    padding:25px 0 0 0;
    margin:0 5% 25px;
}



/*-  BOTTOM BANNER
-----------------------------------------*/

#bottombanner .footer-1, #bottombanner .footer-3 {
	float: left;
	width: 47%;
	margin: 15px 2% 0 5%;
	padding: 0;
	text-align: left; }
#bottombanner .footer-2, #bottombanner .footer-4 {
	float: right;
	width: 41%;
	margin: 15px 5% 0 0;
	padding: 0;
	text-align: right; }

 }



/*-  IPHONE  //  MOBILE (Portrait + Landscape)
----------------------------------------------------------------------
---------------------------------------------------------------------- */



@media only screen
and (max-width : 480px)
 {
 
 


/*-  LAYOUT
-----------------------------------------*/

#bodydiv {
	margin: 80px auto 0; }

#contentdiv form{
     width:auto;}

.page_1 .fs_style_1, .page_4321 .fs_style_1 {
	display: block;
	width: 98%;
	padding: 1%;
	margin: 0 auto 15px; }
.contentElementDesc h1 {
	font: italic 2em/1 "minion-pro", serif !important; 
	padding: 5% !important; }
.page_1 #contentdiv h1, .page_4321 #contentdiv h1 {
	font-size: 1.35em; }

/*-  TOP BANNER
-----------------------------------------*/

#topbanner .secondary-nav {
	width: 96%;
	padding: 0 2%;
	text-align: center; }
#topbanner .secondary-nav #search_div {
	float: none;
	margin: 0 auto; }
#topbanner .secondary-nav a {
	display: inline-block;
	margin: 8px 0 0 0;
	border: none;
	border-right: 1px solid #2b2a27;
	float: none; }
#topbanner .secondary-nav a:last-child {
	border: none; }


/*-  LEFT BANNER
-----------------------------------------*/



/*-  RIGHT BANNER
-----------------------------------------*/




/*-  BOTTOM BANNER
-----------------------------------------*/

#bottombanner .footer-1, #bottombanner .footer-2,
#bottombanner .footer-3, #bottombanner .footer-4 {
	float: left;
	width: 95%;
	margin: 10px 0 .5em 5%;
	padding: 0;
	text-align: left; }
#bottombanner .footer-4 {
	margin-top: 15px; }







}