/*
	Carroll College Styles
	Based on Less Framework 4 | http://lessframework.com/
	Note:Wide Moblie Layout inherits from Mobile Layout and Default Layout
*/

/* clear all + base styles */
*{margin:0; padding:0}
header,menu,content,footer{display:block}
.side img, #contentRight img, #
 img{max-width:100%; height:auto} /* augmented with JS */
.ui-dialog.ui-widget{font-size: 75%} /* fix jquery ui dialog font size */

/* ----- Default Layout ----- */
html, body{
	height:100%;
	background-color:#260147;
	background-image:url(/org_files/64/images/rd1/carroll_back_6.png); /* carroll_back_3 */
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	margin:0;
	padding:0
}
body{
	-webkit-text-size-adjust:100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	padding-top:30px;
	overflow-x: hidden; /* footer fix */
}
#bodyWrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -280px;
	/*margin:0 auto;*/
	width:980px;
	background-image:url(/org_files/64/images/rd1/content_back_2.png);
	background-position:right top;
	background-repeat:repeat-y
}
#contentWrap{
	float:right;
	width:720px;
	margin:0 10px;
	padding:20px;
	background-color:white
}
content #contentLeft{width:510px; float:left;}
content #contentRight {
	width:180px;
	float:right;
	position:relative;
	color:#666;
}

content #contentRight p, content #contentRight ul {
	color:#666;
}
content #contentRight img{
	max-width:100%;
	/*margin:0 auto;*/
	display:block
}

content h1{margin-top:15px;}

#breadcrumb{margin-bottom:15px;}

#slideshow{
	width:710px;
	margin:0 auto;
	position:relative;
	z-index:0
}
.tallTwo #slideshow{width:auto}
#slideshow #images{height:470px}
.tallTwo #slideshow #images{height:340px;}
#slideshow img{width:710px; max-height: 470px}
.tallTwo #slideshow img{width:520px}
#slideshow #images div.not{display:none}
#slideshow #images div.first{display:block}
#slideshow .nav, .slideshow .nav{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:99
}
#slideshow .nav a, .slideshow .nav a{
	background:#260147;
	color:white;
	text-decoration:none;
	margin:0 3px;
	padding:2px 5px 0
}
#slideshow .nav a.activeSlide, .slideshow .nav a.activeSlide{background:white;color:#260147;border: 1px solid #260147}
#slideshow .nav a:focus, .slideshow .nav a:focus{outline:none}
#slideshow .overlay{
	position:absolute;
	top:-10px;
	background-repeat:repeat-y;
	width:138px;
	color:white;
	padding:10px
}
#slideshow .overlay h1{color:white; text-transform:uppercase}
#slideshow .overlay a{color:#260147}
#slideshow .overlay .corner{
	height:10px;
	width:10px;
	position:absolute;
	left:-10px;
	top:0
}
#slideshow .overlay .bottom{
	width:158px;
	height:43px;
	position:absolute;
	bottom:-43px;
	left:0
}
#slideshow .overlay.right{right:30px}
#slideshow .overlay.left{left:30px}
#slideshow .overlay.aqua{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.aqua .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.aqua .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.green{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.green .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.green .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.orange{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.orange .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.orange .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.peagreen{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.peagreen .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.peagreen .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.purple{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.purple .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.purple .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.red{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.red .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.red .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#slideshow .overlay.yellow{background-image:url('/org_files/64/images/rd1/flag_bg.png')}
#slideshow .overlay.yellow .corner{background-image:url('/org_files/64/images/rd1/flagcorner.png')}
#slideshow .overlay.yellow .bottom{background-image:url('/org_files/64/images/rd1/flagbottom.png')}
#carousel_wrapper{
	width:710px;
	overflow:hidden;
	background:white;
	margin:10px auto;
	position:relative
}
#carousel_wrapper #mask{
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
#carousel_ul{
	position:relative;
	left:-20px;
	list-style-type:none;
	width:9999px;
	padding-left:0
}
#carousel_ul.no-js{left:-20px}
#carousel_ul li{
	float:left;
	width:260px;
	height:140px;
	position:relative;
	margin: 0 -5px
}
#carousel_ul li img{.margin-bottom:-4px; border:0}
#carousel_ul p,#carousel_ul h3{color:white}
#carousel_ul a .cover{
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:140px;
	background-color:transparent;
	background-image:none;
	padding:20px 30px 15px;
	color:white;
	overflow:hidden;
	line-height:1.3em
}
#carousel_ul a .cover *{display:none; width:190px}
#carousel_ul a:hover .cover{background-image:url(/org_files/64/images/rd1/slider_mask.png)}
#carousel_ul a:hover .cover *{display:block}

/* Home Lists style #homeLists ul h1{text-transform:uppercase; font-size:1.7em; color:#260147} */
#homeLists{border-top:1px dashed #260147}
#homeLists ul{padding:0 0 5px 100px; border-bottom:1px dashed #260147}
#homeLists ul#newsHome{background:url('/org_files/64/images/rd1/news.png') no-repeat left center}
#homeLists ul#eventsHome{background:url('/org_files/64/images/rd1/events.png') no-repeat left center}
#homeLists li{
	display:block;
	margin-right:10px;
	padding-left:12px;
	background:url("/org_files/64/images/rd1/fbullet1.png") no-repeat left center
}
#homeLists ul#eventsHome li{display:block}
#homeLists li a{font-size:0.8em; color:black}
#homeLists li a:hover{color:#417FB9}

#menuWrap{
	margin:10px 0 0 5px;
	padding:80px 0 0 20px;
	float:left;
	width:175px;
	overflow:visible;
	position:relative
}
#menuWrap a{color:white}
#menuWrap #quicklinkslink, #menuWrap #searchReal input{
	height:18px;
	width:160px;
	background-color:white;
	color:black;
	display:block;
	padding:5px 0 0 10px;
	text-transform:uppercase;
	margin:10px 0 0 0
}
#menuWrap #searchReal input.placeholder{color:#666}
#menuWrap #searchReal input::-webkit-input-placeholder{color:#666}
#menuWrap #searchReal input:-moz-placeholder{color:#666}
#menuWrap #quicklinkslink{cursor:pointer;color:#666;}
#menuWrap #searchReal input{
	border:none;
	height:21px;
	padding-top:2px
}
#menuWrap h1{
	background:url(/org_files/64/images/rd1/logo.png) no-repeat;
	width:180px;
	height:66px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
#menuWrap #athlogo {
	background:url(/org_files/64/images/rd1/athlogo.png) no-repeat;
	width:180px;
	height:95px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-15px;
	left:0;
}
#menuWrap nav{display:none}
#menuWrap ul{
	border-bottom:1px dashed white;
	padding:10px 0;
	list-style-type:none
}
#menuWrap ul li{margin-bottom:10px; text-transform:uppercase}
#menuWrap ul li li{margin-bottom:5px; text-transform:none}
#menuWrap ul.last-child{border-bottom:none; margin-top:10px}
#menuWrap ul li ul{
	padding: 10px 0 0 25px;
	border:none;
	width:150px
}
#menuWrap ul li ul li{text-indent:-12px}
#menuWrap ul li ul li:before{content:">  "; color:white}
#menuWrap #tab{display:none}

#botClear{
	/*width:1101px;*/
	width:100%;
	height:116px;/*116*/
	clear:both;
	background-image:url(/org_files/64/images/rd1/page_bg1.png);
	background-repeat:no-repeat;
	/*position:relative;
	left:-115px*/
	position:absolute;
	border-right: none;
	top:-116px;
	padding:0
}
#footPush{/*http://ryanfait.com/resources/footer-stick-to-bottom-of-page/*/
	height:396px;/*280*/
	clear:both;
}
#footerWrap{
	background-color:#1e0d27;
	height:290px;
	position:relative;
	padding-top:20px
}
footer{
	height:230px;
	width:935px;/*930*/
	margin:0 auto;count
	color:white
}
footer a{color:white}
footer a:hover{color:#8b94be}
footer h3{text-transform:uppercase; margin-bottom:5px}
footer div{
	float:left;
	border-right:1px solid white;
	padding:10px 55px;
	height:100%
}
footer ul{list-style:none; margin:0 10px 20px 10px}
footer li{margin-bottom:4px}
footer #location{padding-left:10px}
footer #live{
	border-right:none;
	padding-right:0;
	padding-bottom:0;
	width:300px
}
footer #live ul, footer #links ul{list-style:square url("/org_files/64/images/rd1/fbullet1.png"); margin:0 0 17px 0px}
footer p{margin-bottom:10px}

/* ----- Athletics Score/Schedule Slider -----*/
#content-slider {
	width: 720px;
	height: 50px;
	margin: 0;
	position: relative;
}
.ul-slider-handle{
	width: 8px;
	height: 14px;
	position: absolute;
	top: -4px;
	border: solid 1px #000;
}
#content-scroll{
	width: 720px;
	height: 50px;
	overflow: hidden;
}
#content-holder{
	width: 1500px;
	height: 50px;
}
.content-item{
	width: 118px;
	height: 50px;
	float: left;
	/* background-color: #240045; /* */
	color: #fff;
	margin-right: 5px; /* */
	padding: 5px; /* */
	font-size: 7pt;
	background-image: url('/org_files/64/images/rd1/gameBG2.png');
	/* background-position: center;
	overflow: hidden; */
}

/* ----- GridImage styles -----*/
.countWrapContainer { overflow: hidden }
.gridImgContainer .gridImg { float: left }

/* ----- Athletics styles -----*/



#topSports {display: block; float: right; background-image:none; background-color:#fff; height:auto;padding:0px 0px 0px 4px;line-height:1.6em; margin:0;}
#topSports .AC-BlockHeader { display: block; background-color: #4c145e; color: #fff; font-family:}
#topSports .AC-BlockTitle {padding-left: 5px; color:#371F3E; width: 250px; font-size: 8pt; padding: 2px; font-family: Arial;}
#topSports .AC-BlockTitle a {font-size: 12px; font-weight:normal;}
#topSports .AC-BlockTitle a:link {color:#4c145e;}
#topSports .AC-BlockTitle a:hover{color:#4c145e; text-decoration: underline;} 
#topSports .AC-BlockTitle a:Visited {color:#500075;}
#topSports .AC-BlockHeader{display: block; background-color: #240045; color: #fff; padding: 5px; font:14pt 'UniversLTStd47CnLtRegular';}
#topSports .AC-BlockHeader h4{color: #ffffff; display: inline-block; padding-left: 3px;}
#topSports .AC-BlockText{height: 230px; overflow: hidden; margin:0; padding-top: 5px; font-weight: normal;}
#topSports .AC-BlockItem{margin: 0 0 3px 0; font-weight: normal;}

.AC-Block .AC-BlockTitle {font-size: 1.7em; line-height: 1em; color:#371F3E;}
.AC-Block .AC-BlockTitle a {color:#371F3E; font-weight:bold; font-size:20px;}
.AC-Block .AC-BlockHeader {display:none;}
.AC-Block .AC-Block {padding-top:10px;}

#botSports{display: block; width: 250px; height: 20px; margin: 0px; padding-top:10px; font:11pt 'UniversLTStd47CnLtBold';} 


#athhomeleft {float: left; width: 610px;}

#block, #blockshome {height:auto; margin:0 auto; padding: 0; float:right;}

#pList a { color: #4c145e; }

#contentHeader{display: block; background-color: #260046; color: #fff; padding: 10px;}
#contentHeader h4{ font-family:'UniversLTStd47CnLtBold'; font-size: 10pt; color:white; text-align:center; font-weight:normal; width:100%; text-transform:uppercase }
#content .contentBody{ background-color: #d0d0d0; font-family: Arial; font-size: 8pt; padding:5px 5px 1px 10px; height: 208px;}


/* ----- Student Life Block Layout ----- */
#StudentBlocks {width:518px; float:left; margin:0; padding:0; }
#StudentBlockTop {width:520px; float:left; margin:0; margin-bottom:1px; padding:0;}
#StudentBlockTopLeft {float:left; width:328px; height:244px; margin:0; padding:0;}
#StudentBlockTopRight {float:right; width:190px; margin:0; padding:0;}
#StudentBlockTopRight a {float:right; margin-bottom:2px; padding:0;	}
#StudentBlockBottom {width:520px; float:left; margin:0; padding:0; display:block;}
#StudentBlockBottom a {float:left; margin-bottom:2px; padding:0; width: 172px; height: 98px;}

#StudentBlockTopLeft, #StudentBlockTopRight, #StudentBlockBottom { background-position: top; font:13px normal Arial, Helvetica, sans-serif; line-height:18px;}
#StudentBlockTopLeft a, #StudentBlockTopRight a, #StudentBlockBottom a { color: #fff; display: block; float:left; text-decoration: none;  }
#StudentBlockTopLeft a span, #StudentBlockTopRight a span, #StudentBlockBottom a span {display: none; padding:5px; float:left;}
#StudentBlockTopLeft a:hover span, #StudentBlockTopRight a:hover span, #StudentBlockBottom a:hover span {display: block; float:left; background:url(/org_files/64/images/rd1/black_overlay.png); }

#StudentList {font:16pt 'UniversLTStd47CnLtBold';}
#StudentList {width:190px; height:345px; float:right; margin:0 0 20px 0; padding:0;}
#StudentList ul {list-style:none; margin:5px 0 0 8px; padding:0;}
#StudentList li {margin-bottom:14px; display:block;}
#StudentList a {background-color:#000; padding:5px; margin: 0; color:#fff; }
#StudentList a:hover {color:#red; background-color:#5f4986;}

#StudentListRight {width:190px; float:right; padding:0; height: 346px;font:13px normal Arial, Helvetica, sans-serif;}
#StudentListRight a { background-position: top; color: #fff; display: block; margin-bottom:1px; float:left; text-decoration: none; height: 49px; width:90px; }
#StudentListRight span {display: none; padding:3px 5px; float:left;}
#StudentListRight a:hover span {display: block; float:left; background:url(/org_files/64/images/rd1/black_overlay.png); }

/* ----- Blogger Layout ----- */

#blogArticles {margin-top:10px;}
#blogArticles br{margin-bottom:10px;}
#blogArticles a {margin-bottom:5px;}
#blogRoll li {margin-bottom:5px;}
#blogRoll ul {padding-left:0px;}
 
/* ----- Campus Ministry Layout ----- */ 
#brady-bunch { width:640px;	height:250px; margin: 0 auto; background: transparent;}
#brady-bunch ul { list-style: none;}
#brady-bunch ul li { float:left; width:142px; height: 131px; display: block;}

/* ----- Tablet Layout ----- */
@media only screen and (min-width:768px) and (max-width:990px){
	#bodyWrap{width:100%; background-position:center top}
	#contentWrap{
		width:708px;
		margin:0 auto;
		float:none
	}
	#menuWrap{
		position:absolute;
		left:-190px;
		width:175px;
		background-color:white;
		z-index:5;
		padding:10px;
		-moz-box-shadow:0 0 10px black;
		-webkit-box-shadow:0 0 10px black;
		-o-box-shadow:0 0 10px black;
		box-shadow:0 0 10px black;
		border:2px solid #260849;
		margin:10px auto
	}
	#menuWrap #quicklinkslink, #menuWrap #searchReal input{border:1px solid #260849}
	#menuWrap h1{
		background:url(/org_files/64/images/rd1/logoInv.png) no-repeat;
		top:auto;
		left:-4px;
		position:relative;
		margin:0 auto 10px
	}
	#menuWrap #athlogo {
		background:url(/org_files/64/images/rd1/athlogoInv.png) no-repeat;
		height:108px;
		position:relative;
		top:auto;
	}
	#menuWrap ul{float:left; border-bottom-color:#260147}
	#menuWrap #tab{
		background-image:url(/org_files/64/images/rd1/menu.png);
		height:60px;
		width:25px;
		position:absolute;
		right:-25px;
		display:block
	}
	#menuWrap a{color:black}
	#botClear{
		width:100%;
		background-position:right bottom;
		background-repeat:no-repeat;
		left:0
	}
	#footerWrap{width:auto}
	footer{width:768px}
	footer div{padding:10px 15px}
}

/* ----- Mobile Layout ----- */
@media only screen and (max-width:767px){
	html, body{background-image:none}
	#bodyWrap{
		width:100%;
		margin-bottom: 0;
		background-image:none
	}
	#contentWrap{
		width:260px;
		margin:0 auto;
		padding:10px;
		float:none
	}
	content #contentLeft{width:100%; float:none}
	content #contentRight{width:100%; float:none;}
	content #contentRight img{max-width:none}
	#slideshow{display:none}
	#carousel_wrapper #mask{display:none}
	#carousel_wrapper{margin-top:120px; width:205px}/*230*/
	#slideshow #images{height:290px}
	#contentWrap #slideshow img{width:100%}
	#carousel_ul li{margin:0 -10px}
	#homeLists ul{padding-left:0}
	#homeLists ul#newsHome{background:none}
	#homeLists ul#eventsHome{background:none}
	#menuWrap{
		width:260px;
		z-index:0;
		padding:10px;
		margin:0 auto;
		float:none;
		background-color:white
	}
	#menuWrap #quicklinkslink, #menuWrap #searchReal input{border:1px solid #260849; width:245px}
	#menuWrap h1{
		background:url(/org_files/64/images/rd1/logoInv.png) no-repeat;
		top:auto;
		left:auto;
		position:relative;
		margin:0 auto 10px
	}
	#menuWrap #athlogo {
		background:url(/org_files/64/images/rd1/athlogoInv.png) no-repeat;
		height:108px;
		position:relative;
		top:auto;
	}
	#menuWrap ul{float:left; border-bottom-color:#260147}
	#menuWrap li{width:260px}
	#menuWrap ul li ul{width:100%}
	#menuWrap #tab{clear:both}
	#menuWrap a{color:black}
	#botClear{
		background-image:none;
		height:0;
		left:0
	}
	#footPush{
		height:0;
	}
	#footerWrap{
		width:100%;
		height:165px;
		padding-top:0
	}
	footer{width:250px; height:auto}
	footer div{padding:0; border-right:none}
	footer #links, footer #live{display:none}
	footer #footLogo{display:none}
}

/* ----- Wide Mobile Layout ----- */
@media only screen and (min-width:480px) and (max-width:767px){
	#bodyWrap{
		width:100%;
		margin-bottom: -280px;
		background:transparent url(/org_files/64/images/rd1/page_bg_thin.png) repeat-y top center
	}
	#contentWrap{
		width:439px;
		margin:0 auto;
		padding:10px;
		float:none
	}
	#slideshow{
		width:440px; 
		margin:5px auto;
		display:block
	}
	#slideshow .overlay h1 {font-size:20pt}
	#slideshow #images{height:290px}
	#contentWrap #slideshow img{width:100%}
	#carousel_wrapper #mask{display:none}
	#carousel_wrapper{margin-top:0; width:440px}
	#carousel_ul li{margin:0 -10px}
	#homeLists ul{padding-left:100px}
	#homeLists ul#newsHome{background:url('/org_files/64/images/rd1/news.png') no-repeat left center}
	#homeLists ul#eventsHome{background:url('/org_files/64/images/rd1/events.png') no-repeat left center}
	#menuWrap{
		position:absolute;
		left:-190px;
		width:175px;
		background-color:white;
		z-index:5;
		padding:10px;
		box-shadow:0 0 10px black;
		-moz-box-shadow:0 0 10px black;
		-webkit-box-shadow:0 0 10px black;
		-o-box-shadow:0 0 10px black;
		border:2px solid #260849;
		margin-top:10px
	}
	#menuWrap #quicklinkslink, #menuWrap #searchReal input{width:160px}
	#menuWrap h1{
		top:auto;
		left:-4px;
		position:relative;
		margin:0 auto 10px
	}
	#menuWrap ul{float:left}
	#menuWrap li{width:auto}
	#menuWrap ul li ul{width:150px}
	#menuWrap #tab{
		background-image:url(/org_files/64/images/rd1/menu.png);
		height:60px;
		width:25px;
		position:absolute;
		right:-25px;
		display:block
	}
	#botClear{
		width:100%;
		background-image:url(/org_files/64/images/rd1/page_bg1.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		height:116px
	}
	#footPush{
		height:396px;
	}
	#footerWrap{
		width:100%;
		height:260px;
		padding-top:20px
	}
	footer{width:460px; height:230px}
	footer div{padding:10px 20px; border-right:1px solid white}
	footer #links{display:block; border-right:none}
	footer #footLogo{display:block}


/* Temporary second column stuff */
.side{
	border-top:1px dashed white;
	color: white;
	padding: 5px 0;
}