/*------------------------------------------------*/
/*----------------[WIU Section]-------------------*/

#subContentFull {float:right; margin:0; padding:0; width:77%;}
#sideNav {width:22.5%; margin-left:-46px; padding:0;}
#content #COEHSsectionMenuAnchor {position: absolute; left: -9999px; width: 0px; height: 0px; overflow: hidden;}
#container #breadCrumb {margin-bottom:0!important;}


/*------------------------------------------------*/
/*-------------[Department Sections]--------------*/
/*------------------------------------------------*/

#star-logo{    
	position: absolute;
    top: 1%;
    z-index: 100;
    width: 100%;
    left: 5%;
}

#loginbtn {
position:absolute;
top:32%;
left:70%;
width:310px;
z-index:100;
}

#callout {
padding: 1% 2%;
text-transform:uppercase;
background:#663399;
color:#ffffff!important;
background-image: url("/coehs/star-online/images/purplebar.jpg");
background-position:left center;
background-repeat:repeat;
}
#callout h3{color:#ffffff!important;}

.twoCol {-webkit-column-count:2; -webkit-column-gap:30px; -moz-column-count:2; -moz-column-gap:30px; column-count:2; column-gap:30px; width:60%;}

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

@media only screen and (max-width: 1200px){
	#loginbtn {top:29%;}
}
@media only screen and (max-width: 1180px){
	#sideNav {font-size: 0.85em;}
}
@media screen and (max-width: 1070px) {
	#sideNav {width:98%;}
	#subContentFull {float:none; width:97%;}
	#content #COEHSsectionMenuAnchor {position: relative; left: 0; width: 37.37%; height: auto; overflow: hidden; background-color: rgba(255,204,0,0.5); padding: 0.75em 0.5em; margin: 0 0 1em 0; text-align: center;}	
	#loginbtn {top:20%; left:65%;}
}
@media only screen and (max-width: 1024px){
	#subContentFull {width:82%;}
	#loginbtn {top:18%;}
}
@media only screen and (max-width: 940px){
	#loginbtn {display:none;}
	#callout h3{color:#ffffff!important; font-size:.7em!important;}
	.twoCol {-webkit-column-count:1; -webkit-column-gap:0px; -moz-column-count:1; -moz-column-gap:0px; column-count:1; column-gap:0px; width:100%;}
}
@media only screen and (max-width: 830px){
	#sideNav {font-size: 0.80em;}
}