@charset "utf-8";
/*all css that is proceeded by a html>body is for all browsers except ie*/
/* CSS Document */
/* makes a scroll bar always display vertically to prevent firefox from jumping around */
html { 
	margin:0px 0px 1px 0px; /*top right bottom left*/
	height:100%;
	overflow-y: scroll; 
}
/* end scroll bar display */

body{
	margin:0px; /*top/right/bottom/left*/
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	color:#000; 
	font-size:.7em; 
	line-height:1.2em;
	text-align:center;
	background-image:url(/images/banner-bg.jpg);
	background-repeat:repeat-x;
	height:100%;
}
a{
	color:#9d1ff9;
	text-decoration:none;
}
a:hover{
	color:#9d1ff9;
	text-decoration:underline;
}
input{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit; 
}
table{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit; 
}
td{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit; 
}
td .th{
	text-align:center;
	background-color:#F7ECD0;
	font-weight:bold;
	color:#550D8A;
}
select{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit; 
}
img{
	border:0px;
}

ul{
	list-style-image:url(/images/bullet-gold.png);
}
ul li ul{
	list-style-image:url(/images/bullet-gold2.png);
}
ul li ul li ul{
	list-style-image:url(/images/bullet-gold3.png);
}
ol{
	list-style-image:none;
	list-style-type:decimal;
}

ul.purple-bullet li {
  background:url(/images/bullet-purple-arrow.png) 0em 0.3em no-repeat; /* change background em accordingly */
  padding-left: 1.8em;
  margin-left:-1.7em;
  list-style: none;
}

ul.no-image, ul.no-image ul{
	list-style-type:none; 
	list-style-image:none;
}
.main_div{	
	margin:0px auto;
	position:relative;
	border:0px;
	width:1000px;	
	text-align:left;
	min-height:100%;
}
/*Start Header styles*/
.header{
	width:1000px;
	height:165px;
}
.nav_text{   
	color:#FFFCF4;
	text-decoration:none;   
}
.nav_text a:hover{
	color:#9966CC;
}
.nav_logo_row{ 
	width:1000px;  
	height:125px; 
	background-image:url(/images/banner.jpg);
	background-position:center;
	background-repeat:no-repeat;
/*	padding-left:0px; */
}
a#alfred_banner{
	float:left;
	display:inline;	
	width:505px;
	height:125px;
	background-repeat:no-repeat;
}
/*Top navigation images*/
.menu{
	width:1000px; 
	height:40px;
	font-size:1.25em;
	line-height:1.35em;
	font-weight:bold;	
}
.menu a .menu-highlight{
	color:#FFF;
}
.menu a{
	color:#F7e2b0;
}
.menu a:hover{
	color:#FFF;
	text-decoration:none;
}
.menu a .hide-bullet{
	color:#550e89;
}

.menu a:hover .hide-bullet{
	color:#FFF;
	text-decoration:none;
}
a#academics{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:152px;
	height:22px;
	text-align:center;
	margin-left:-4px;
}
a#future_students{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:162px;
	height:22px;
	text-align:center;
}
a#student_life{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:127px;
	height:22px;
	text-align:center;
}
a#campus{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:145px;
	height:22px;
	text-align:center;
}
a#alumni{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:125px;
	height:22px;
	text-align:center;
}
a#faculty_and_staff{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:150px;
	height:22px;
	text-align:center;
}
a#athletics{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:141px;
	height:22px;
	text-align:center;
}
/*End top navigation images*/

/*Skip navigation*/
.offscreen {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
	z-index: 10;
    overflow:hidden;
} 


.navbar-brand > img {
	width: auto !important;
}

@media screen and (max-width: 480px) {
	.site_logo {
	  content:url("/images/Logo.png");
	}
}

/*End of Skip navigation */


.quick-links{
	float:left;
	padding:59px 0px 0px 89px; /*top right bottom left*/
	width:200px;
	padding-top:59px;
	padding-left:89px;
}
.google-search{
	float:left;
	padding:64px 0px 0px 0px; /*top right bottom left*/
	margin:0px 0px 10px 0px; /*top right bottom left*/
	width:190px;
	height:30px;
	background-image:url(/images/search-box.png);
	background-repeat:no-repeat;
	background-position: 0px 62px;
}
.search-textbox{
	float:left;
	padding:4px 0px 0px 7px; /*top right bottom left*/
	margin:0px 0px 10px 0px; /*top right bottom left*/
	background:transparent;
	border:none;
	width:156px;	
	color:#895da8;
	font-weight:bold;
}
.google-search-submit{
	float:left;
	padding:0px; /*top/right/bottom/left*/
	margin:0px; /*top/right/bottom/left*/
}
.google-search-form{
	height:165px;
	margin:0px;
	padding:0px;
}
/*end search css*/

/*End Header styles*/
.middle{
	width:1000px;	
	margin-bottom:0px;
}
.makeQuickMenu .boldtext{
	color:#895da8;
}
ul.makeQuickMenu, ul.makeQuickMenu ul{
	list-style-type: none; 
	list-style-image: none;
	line-height:2em;
}
/*only used for layout when needed these are not used in the includes*/
.first-column{
	padding:0px 0px 0px 20px; /*top right bottom left*/
	background-color:#FFF;
}
.second-column{
	float:left;
	text-align:left !important;
	width:60%;	
}
.landing-second-column{
	float:left;
	padding-right:5px;
	width:45%;	
}
.third-column{
	float:left;
	padding:0px 0px 0px 10px; /*top right bottom left*/
	width:37%;	
}
.landing-third-column{
	float:left;
	width:33%;	
	padding-left:5px;
}
.giving-second-column{
	width:70%;	
	float:left;
	padding-right:15px;
}
.giving-third-column{
	width:26%;
	/*position:absolute;*/
	float:left;
	/*left:76%;*/
	/*height:90%;
	border-left:1px solid #F4AA00;*/
	padding-left:10px;
	/*z-index:-10;*/
}
.giving-landing-image{
	width:800px;
	margin-left:-20px;
	margin-top:-13px;
}
.subcategory{
	float:left;
	width:49%;
	margin-top:5px;
}
/*end of per use columns*/

/*Start left pane css*/
.index-menu{
	padding:5px 0px 10px 13px; /*top right bottom left*/
}
.index-img{
	padding:0px 0px 0px 11px; /*top right bottom left*/
}
.index-menu-left-background{
	background-color:#550D8A;
}
.index-menu-right-background{
	padding:10px 10px 10px 13px; /*top right bottom left*/
	background-color:#F8E2B1;
}
.si-index-menu-right-background{
	background-color:#F8E2B1;
}
.index-find{
	padding:25px 0px 0px 0px; /*top right bottom left*/
}
.index-individuals{
	padding:68px 0px 0px 15px; /*top right bottom left*/
}
.main-index-individuals{
	padding:16px 0px 0px 21px; /*top right bottom left*/
}
.alumni-index-individuals{
	padding:61px 0px 0px 15px; /*top right bottom left*/
}
.prof-index-individuals{
	padding:58px 0px 0px 15px; /*top right bottom left*/
}
.parent-index-individuals{
	padding:67px 0px 0px 15px; /*top right bottom left*/
}
.index-menu a{
	color:#F3AB01;
	font-size:1.15em;
	line-height:1.4em;
}
.index-menu a:hover{
	color:#FFF;
}
.index-menu a .hide-index-bullet{
	color:#550e89;
}
.index-menu a:hover .hide-index-bullet{
	color:#FFF;
}
.left-nav-outline{
	float:left;
	width:200px;	
	background-color: #f7ecd0;
}
.index-left-nav-outline{
	float:left;
	margin:0px 10px 0px 0px; /*top right bottom left*/
	width:197px;	
	background-color: #f7ecd0;
}
ul.sitemap, ul.sitemap ul{
	list-style-type: none; 
	list-style-image: none;
}
ul.sitemap li{
	line-height:1.1em;
}
ul.sitemap li .boldtext{
	line-height:1.8em;
}
/* CSS that controls how the side navigation bar looks and how it works*/
ul.makeMenu, ul.makeMenu ul {
	padding-left: 0px;           /* stops the usual indent from ul */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  	width: 100%;                 /* sets the size of the menu blocks */
  	/*border: 1px solid #000;       puts a black border around the menu blocks */
  	cursor: default;             /* gives an arrow cursor */  	
  	font: bold 11px arial, helvetica, sans-serif;
  	background-color: #f7ecd0;  
  	list-style-image: none;
	z-index:100;
}
ul.makeMenu li {
	padding:0px 0px 0px 20px; /*top right bottom left*/
	margin:0px; /*top/right/bottom/left*/ /* Opera 7 puts large spacings between li elements */
	list-style-type: none;       /* removes the bullet points */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */  
	z-index:100;
}
ul.makeMenu li a {
	padding:3px 0px; /*top/bottom right/left*/
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: 0px;                    /* position slightly lower than the parent menu item */
	left: 197px;                  /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	color:#895da8;
	background:#F8E2B1;
}
ul.makeMenu li a { 
	color:#895da8; 
	display: block; 
	width: 100%; 
	text-decoration: none; 
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink{ 
	background:#F8E2B1; 
	text-decoration:none;
	color:#895da8;
}
ul.makeMenu li:hover > a{ 
	color:#895da8; /* supports links in branch headings - should not be display: block; */
} 
.no_link{
	padding:3px 0px; /*top/bottom right/left*/
	color:#895da8;
	width:100%;
}
.no_link:hover{
	color:#895da8;
	background:#F8E2B1;
}
ul.makeMenu li:hover > .no_link {
	color:#895da8;
	background:#F8E2B1;
}
/* end of he menu css*/

/*sidebox that displays various information css*/
.sidebox{
	padding:0px; /*top/right/bottom/left*/
	margin:0px; /*top/right/bottom/left*/
	width:200px;
}
/*end contact us css*/
/*end left pane css*/

/*start main content css*/
.index-header-text{
	line-height:1.7em;
	font-size:1.1em;
	color:#550e89;
	font-weight:bold;
	height:138px;
}
.index-header-text .title{
	padding-top:0px;
}
.index-bar-shadow{
	height:24px;
	background-image:url(/images/bar-shadow-nav.png);
	background-position: 0px 0px;
}
.main-index-bar-shadow{
	height:24px;
	background-image:url(/images/bar-shadow.png);
	background-position: 0px 0px;
}
.index-bar-showdow-fill{
	width:200px;
	background-color:#F7ECD0;
	height:14px;
}
.purple-text, p .purple-text{ 
	line-height:1.5em;
	color:#550D8A;
	
}
.main_content{
	float:left;
	/*padding:0px 10px; /*top/bottom right/left*/
	margin:0px; /*top/right/bottom/left*/
	width:100%;	
	height:100%;
	min-height: 450px;
}
.footer{
	padding:0px 10px 0px 8px; /*top right bottom left*/
	width:100%;
}
.one-third{
	float:left;
	padding:3px 10px 0px 10px; /*top right bottom left*/
	width:31%;
}
.giving-one-third{
	float:left;
	margin-left:-20px;
	padding:10px 35px 0px 0px; /*top right bottom left*/
	width:31%;
}
.one-third-extra-padding-left{
	float:left;	
	padding:3px 10px 0px 10px; /*top right bottom left*/
	margin:0px 0px 0px 8px; /*top right bottom left*/
	width:31%;
}
.index-address{
	float:left;
	padding:4px 0px 0px 0px; /*top right bottom left*/
	width:86%;	
	text-align:center;
}
.index-icons{
	float:left;
	padding:0px 0px 0px 10px; /*top right bottom left*/
	width:13%;	
	text-align:left;
}
.hr{
	margin:5px 0px; /*top/bottom right/left*/
	background-image:url(/images/bar-separator.png);
	background-repeat:repeat-x;
	width:100%;
	height:9px;
}
.landing-subtitle, td .landing-subtitle{
	padding:3px 3px 0px 0px; /*top right bottom left*/
	font-weight:bold; 
	font-size:1.4em;
	line-height:1.3em;	
	color:#550e89;	
}
.subtitle, td .subtitle, h1{
	padding:3px 3px 3px 0px; /*top right bottom left*/
	font-weight:bold; 
	font-size:1.4em;
	line-height:1.5em;	
	color:#550e89;
}
h2{
	padding:3px 3px 3px 0px; /*top right bottom left*/
	font-weight:bold; 
	font-size:1.4em;
	line-height:1.5em;	
	color:#550e89;
	margin: 0px !important;
}
.text_copyright{
	color:#333333; 
	line-height:1em; 
	text-align:center; 
}
.boldtext{
	font-size:.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
}
h3{
	font-size:.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0px !important;
}
a .boldtext{
	color:#550D8A;
}
.help-image{
	float:left;
	padding:0px 3px 0px 0px; /*top right bottom left*/
}
.help{
	float:left;
	padding:3px 0px 0px 0px; /*top right bottom left*/
}
/* For SOAD */
.table-holder{
	width:100%;	
	margin: 15px 0px 25px 0px;
}

.table{
	width:100%;	
}

.soad-heading{
	text-align:center;
	height: 40px;
	font-size: 1.05em;
	font-family: inherit;
}

.soad-subheading{
	border-style: solid;
	padding-top: 5px;
	margin-top: 5px;
	border-width: 1px 0px 0px 0px;
	width: 100%;
}

.subtitle-wrapper{
	margin-top: 1%;
	margin-bottom: 5%;
}

.soadSubtitle{
	float:left;
	padding-right: 5px;
}

.soadThumb{
	max-width: 85px;
	max-height: 85px;
}

/* TinyMCE code*/
.tiny-textarea{
	width:100%;
	min-height:500px;
	border:0px;
}
.tiny-landing-textarea{
	width:100%;
	min-height:250px;
	border:0px;
}
.defaultSkin table.mceLayout {
	border:none !important;
}
.defaultSkin table.mceLayout tr.mceFirst td {
	border:none !important;
}
.defaultSkin table.mceLayout tr.mceLast td{
	border:1px solid #CCC !important;
}
.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td{
	border:0 !important;
}
/* End TinyMCE Code*/

.inbody_title{ 
	padding:5px 5px 5px 10px; /*top right bottom left*/
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.25em;
	font-weight:bold;
	line-height:1.3em;
}
.title, /*.title3,*/ td .title{
	padding:10px 0px 10px 0px; /*top right bottom left*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.85em;
	font-weight:300;
	color:#550e89;
}
h1 {
	padding:0px !important; /*top right bottom left*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.85em;
	font-weight:300;
	color:#550e89;
	margin: 0px;	
}
.notification{
	font-weight:bold;
	color:#F00;
}

.image_right{	
	float:right; 
	margin:0px 0px 8px 15px; /*top right bottom left*/   
}
.image_left	{	
	float:left;  
	margin:0px 15px 8px 0px; /*top right bottom left*/  
}

.image_left img {
	float:left;
	margin-right:5px;
}

a.link_small{   
	color:#9d1ff9;
	font-size:.8em; 
}
.indent{
	padding-left:25px;
}

/*end main content css*/

/*Takes place of the alts in images since css is placing the image*/
.alt{
	visibility:hidden;
	text-decoration:none;
}
/* only used on faculty and staff profile page */
.facProfTH{
	padding:3px 5px; /*top/bottom right/left*/
	background-color:#550D8A;
	color:#F7ECD0;
	font-weight:bold;
}
.facProfTH .boldtext{
	color:#F7ECD0;
}
.fac_small{
	font-weight:300;
	font-size:.8em;
}
.fac_large{
	font-weight:bold;
	font-size:1.1em;
}
/*end of faculty profile css*/

/*This css is used for displaying a countdown until orientation on the congrats page*/
#countdown{
	background-image:url(/congrats/images/Countdown.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:70px; 
	height:82px;
	text-align:center;
}
#countdown .countdown_inbody_title{
	padding:2px 0px 3px 0px; /*top right bottom left*/
	font-size:.9em;
	color:#000000;
	font-weight:bold;
	line-height:.8em;
}
#countdown .countdown_text{
	font-size:.8em;
}
/*end of countdown css*/

/* Image Slideshow*/

/* Thumbnails: 156 px wide by 100 px high. For a Large images: 470 px wide by 380 px high*/

#dhtmlgoodies_slideshow{
	width:100%;	/* Total width of slideshow */
}
#previewPane{
	/*border: 1px dashed #001534;*/
	/*border:1px solid #CCCCCC;*/
	margin-bottom:10px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	position:inherit;
	/* CSS HACK */
	height: 432px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;			
}
#previewPane img{
	line-height:400px;
	border: 1px dashed #000033;
}
#previewPane #largeImageCaption{	
	/* CSS styling of image caption below large image */
	/*font-style:italic;*/
	text-align:center;	
	/*font-size:1.2em;*/
}
#galleryContainer{	
	height:102px;	/* Height of the images + 2 */
	/*border:1px solid #CCCCCC;*/
	position:relative;
	overflow:hidden;
	padding:1px;
	
	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */
	height: /**/102px;			
}
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:0px;
}
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:0px;		
}
#theImages{
	position:absolute;
	height:100px;
	left:66px;
	width:100000px;	
}
#theImages #slideEnd{
	float:left;
}
#theImages img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}
#theImages .imageCaption{
	display:none;
}
#waitMessage{
	display:none;
	position:absolute;
	left:555px;
	top:600px;
	background-color:#F7ECD0;
	border:3px double #000;
	padding:12px;
	color:#000;
	font-size:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#waitMessage_goinggreen{
	display:none;
	position:absolute;
	left:555px;
	top:1400px;
	background-color:#F7ECD0;
	border:3px double #000;
	padding:12px;
	color:#000;
	font-size:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* thepreviewPane285px was created for preview pane that has images the height of 285px (75% 0f 400px). A new javascript was also created; javascript/image-slideshow_w_arrows285px.js, to reflect the changes.*/
#previewPane285px{
	/*border: 1px dashed #001534;*/
	/*border:1px solid #CCCCCC;*/
	margin-bottom:10px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	position:inherit;
	/* CSS HACK */
	height: 317px;	/* IE 5.x */
	height/* */:/**/305px;	/* Other browsers */
	height: /**/305px;			
}
#previewPane285px img{
	line-height:305px;
	border: 1px dashed #000033;
}
#previewPane285px #largeImageCaption{	
	/* CSS styling of image caption below large image */
	/*font-style:italic;*/
	text-align:center;	
	/*font-size:1.2em;*/
}

/* theImages_arrows below was created separately for the use of the arrows and to position the thumbnails correctly. A new javascript was also created; javascript/image-slideshow_w_arrows.js, to reflect the changes.*/

/* theImages_arrows below was created separately for the use of the arrows and to position the thumbnails correctly. A new javascript was also created; javascript/image-slideshow_w_arrows.js, to reflect the changes.*/

#theImages_arrows{
	position:absolute;
	height:100px;
	left:40px;
	width:100000px;
		
}
#theImages_arrows #slideEnd{
		float:left;
}
#theImages_arrows img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}
	
#theImages_arrows .imageCaption{
	display:none;
}

/* theImages_pc below was created separately for http://www.alfred.edu/alumni/giving/pc.cfm as the positioning of the thumbnail images was different from the other slideshows. A new javascript was also created; javascript/image-slideshow_pc.js, to reflect the changes.*/

#theImages_pc{
	position:absolute;
	height:100px;
	left:224px;
	width:1000px;	
}
/*theGivingImages_pc was created when the slide show had to be moved more to the left to allow for a temporary column for the pc.cfm page and it was also used for alfred-fund.cfm page.*/
/*#theGivingImages_pc{
	position:absolute;
	height:100px;
	left:112px;
	width:800px;*/	
}
#theImages_pc #slideEnd{
	float:left;
}
#theImages_pc img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}
#theImages_pc .imageCaption{
	display:none;
}
/* theImages_fund below was created separately for http://www.alfred.edu/alumni/giving/alfred-fund.cfm as the positioning of the thumbnail images was different from the other slideshows. A new javascript was also created; javascript/image-slideshow_fund.js, to reflect the changes.*/

#theImages_fund{
	position:absolute;
	height:100px;
	left:144px;
	width:1000px;	
}
#theImages_fund #slideEnd{
	float:left;
}
#theImages_fund img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}
#theImages_fund .imageCaption{
	display:none;
}
/* theImages_201k below was created separately for http://www.alfred.edu/alumni/giving/201k-plan.cfm as the positioning of the thumbnail images was different from the other slideshows. A new javascript was also created; javascript/image-slideshow_201k.js, to reflect the changes.*/
#theImages_201k{
	position:absolute;
	height:100px;
	left:120px;
	width:1000px;	
}
#theImages_201k #slideEnd{
	float:left;
}
#theImages_201k img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}
#theImages_201k .imageCaption{
	display:none;
}

/* End of Image Slideshow*/
.clear{
	clear:both;
}
.box_quote_l{   
	float:left; 
	padding:4px; /*top/right/bottom/left*/
	margin:0px 8px 8px 0px; /*top right bottom left*/
	width:35%; 
	border:1px solid #333; 
	background-image:none;
}
.box_quote_r{
	float:right;
	padding:4px; /*top/right/bottom/left*/
	margin:0px 0px 8px 8px; /*top right bottom left*/
	width:35%;	
	border:1px solid #333;	
	background-image:none;                             
}

/*Calendar css*/
.calendar-header{
	background-color:#540E88;
	color:#F7ECD0;
	text-align:center;
}

/*Alert css*/
.alert{
	padding-left:10px;
}
.admin-heading{
	background-color:#F5AA01;
}
.alternating-color{
	background-color:#F7ECD0;
}
.error{
	font-weight:bold;
	color:#F00;
}
.fix-bullet{
	float:left;
	padding:3px 0px 0px 5px; /*top right bottom left*/
	width:50%;
}
.large-font{
	font-size:1.3em;
	font-weight:bold;
}
.ajust{
	margin-top:-11px;
}
.academics-calendar{
	background-image:url(/images/CalendarButton.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:23px;
	width:200px;
	background-color:#FFF;
}
.academics-calendar-text{
	background-repeat:no-repeat;
	text-align:center;
	width:200px;
	background-color:#FFF;
}
.academics-calendar-header{
	padding-top:20px;
	padding-bottom:10px;
	color:#fff;
	font-size:2.5em;
	font-weight:bold;
}

/*Presidential Search css*/
.splashbanner {
	margin-left: -9px;
}

/* End Presidential Search css*/

/*Students gallery control css*/
.gallerycontroller{
width: 250px;
}

.gallerycontent{
width: 448px;
height: 179px;
margin-top: 0px;
padding:0px;
border: 0px solid #F3AB00;
background-color: #fff;
padding: 0px 0px 0px 0px;
display: block;
overflow: hidden;
clear: none;
background-color:#F8E2B1;
margin-bottom:-2px;
}
.rotator-menu{
	padding-left:20%;
	width:445px;
	margin-top:-5px;
}
.success{
	color: red; 
	padding: 7px 0px 0px 1em; 
	font-size: 1.21em; 
	font-weight:600;
}
.tabIE{
margin: 0px 0px 0px 3px;
display: inline;
cursor: pointer;
position: relative;
clear: none;
}

.tab, .tabSafari{
}
.tab a{
	color:#9D1FF9;
}
.tabTable, .tabTableIE{
display: inline;
text-align: center;
vertical-align: bottom;
}

.tabTableSafari{
display: inline-table;
text-align: center;
vertical-align: bottom;
margin-top: -5px;
}

table.tabTable tr, table.tabTableIE tr, table.tabTableSafari tr{
background-color: #fff;
color: inherit;
vertical-align: bottom;
}

.play{
width: 15px;
height: 15px;
vertical-align: middle;
text-align: center;
position: relative;
float:none;
top: 0px;
left: 0px;
background-color: #F8E2B1;
cursor:pointer;
display:none;
z-index: 50;
overflow: hidden;
clear: none;
margin-top:-2px;
}

.pause{
width: 15px;
height: 15px;
vertical-align: top;
text-align: center;
position: relative;
float:none;
top: 0px;
left: 0px;
background-color: #F8E2B1;
cursor: pointer;
display: block;
z-index: 50;
overflow: hidden;
clear: none;
margin-top:-2px;
}

/* CSS that controls how the quick navigation bar looks and how it works*/
    ul.makeQuickMenu, ul.makeQuickMenu ul{          
    width:150px;                 /* sets the size of the menu blocks */        
    padding-left:0px;           /* stops the usual indent from ul */
    margin-left:0px;            /* Opera 7 final's margin and margin-box model cause problems */        
    float:left;
    font-family:Helvetica, Verdana, Arial, sans-serif;  
    list-style-type:none; 
    list-style-image:none;    
    z-index:150;
    }
    ul.makeQuickMenu li{        
    margin:0px;                 /* Opera 7 puts large spacings between li elements */
    position:relative;          /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */          
    color:#550D8A;	        
    font-size:12px;    
    width:150px;
    list-style-type:none; 
    list-style-image:none; 
    }
    ul.makeQuickMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display:none;               /* hides child menu blocks - one of the most important declarations */        
    position:absolute;          /* make child blocks hover without leaving space for them */
    top:-2px;                    /* position slightly lower than the parent menu item */
    left:150px;                  /* this must not be more than the width of the parent block, or the mouse will
                                    have to move off the element to move between blocks, and the menu will close */
    width:150px; 
    }
    ul.makeQuickMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
    display: block;              /* specially to go with the className changes in the behaviour file */
    }
    ul.makeQuickMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                    the > targets only the child ul, not any child uls of that child ul */
    display: block;              /* makes the child block visible - one of the most important declarations */
    
    }
    ul.makeQuickMenu li:hover, ul.makeQuickMenu li.CSStoHighlightQuick {
    /*background:#fff;*/
    }
    ul.makeQuickMenu li a li a{ 
    color:#550D8A; 
    display:block; 
    text-decoration:none;       
    }
    ul.makeQuickMenu li a:hover, ul.makeMenu li a.CSStoHighLink{
    text-decoration:none; 
    color:#550D8A;       
    }
    ul.makeQuickMenu li:hover > a { 
    color:#550D8A; 
    }
    #first-level-padding{
    margin-top:22px;
    margin-left:-150px;
    background-color:#FFF;
    width:150px; 
    padding-left:10px;
    }
	.first-level-padding{
    margin-top:22px !important;
    margin-left:-150px !important;
    background-color:#FFF;
    width:150px !important; 
    padding-left:10px;
    }
    #first-level{
    margin-left:-150px;
    background-color:#FFF;
    width:150px;
    padding-left:10px;
    }
	.first-level{
    margin-left:-150px !important;
    background-color:#FFF;
    width:150px !important;
    padding-left:10px;
    }
    .center{
    text-align:center;
    }

/*end quick link styles*/
/*calendar css*/
.calendar{
width:100%;
background-color:#F4DFA5;
}
.calendar_title{
font-weight:bold;
color:#E1A90C;
background-image:url(/images/L%20Menu%20Gradation.jpg);
text-align:center;
padding-top:3px;
padding-bottom:3px;
}
.calendar_display{
padding-top:10px;
padding-bottom:10px;
border-top:15px solid #F4DFA5;
border-right:15px solid #F4DFA5;
border-left:15px solid #F4DFA5;
border-bottom:15px solid #F4DFA5;
background-color:#FFFFFF;
}
.calendar_content{
padding-left:14px;
padding-right:14px;
}

/* beginning of lightbox css*/
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(/images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(/images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}
/* end of lightbox css*/

/* Forms styled like tables css */
.tableDisplay {
	display: table;	
	height: 100%;
}
		
.column {
	display: table-column;
	width: 200px;	
}
		
.row {
	display: table-row;	
}
		
.cell {
	display: table-cell;	
	padding-bottom: 5px;
}
/* End Forms styled like tables css */
/* social media */


.dcsns-li
	{
		list-style-image:none !important;
		list-style-type:none;
	}

	
.stream {margin-left: -40px;}
	
.dcsns img {
    margin-top:-28px;
	max-height:200px;
	max-width:200px;
	list-style-image:none !important;
	list-style-type:none;
	
}
.dcsns-toolbar
	{
	display:none;	
	}
.dcsns .section-intro
	{
	display:none;		
	}
.section-user
	{
	display:none;	
	}