@charset "utf-8";

/* 
CSS for 2009 Beloit College Site Design
Author: Matthew J. Rose
Last Modified: August 27, 2009
*/

/* ---- HOME PAGE CSS ---- */

/* meat left side */
div#content { 
	float: left; 
	width: 570px; 
}
div#content img, div#content div { margin:0 !important; }
div#content:after, div#slideshow_and_news:after, div#upcomingFeaturedEvent div.list:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
* html div#content, * html div#primary, * html div#slideshow_and_news, div#secondary, * html div#splash_and_events { display:inline-block }
div#content, div#primary, div#slideshow_and_news, div#secondary, div#splash_and_events { min-height:1px; display:block; }
div#primary { 
	color: white;
	/*height: 360px;*/
	height: 310px;
	overflow: hidden;
}
div#slideshow_and_news{
	padding: 10px 0 0 5px;
	background: transparent url(../images/home_rule.jpg) no-repeat scroll left top; 
}
div#primary {
	background-color: transparent;
}
div#content { 
	margin: 0 0 0 0 !important;
	background-color: transparent;
}
div#secondary { 
	height: 170px;
	width: 555px;
	padding: 20px 7px 0 18px;
	background-color: transparent;
	overflow: hidden;
}
div#news { 
	min-height: 208px;
	/*max-height: 275px;*/
	max-height: 240px;
	overflow: hidden;
}
div#events { 
	min-height: 208px;
	/*max-height: 275px;*/
	max-height: 240px;
	overflow: hidden;
}
div.leftarrow {
	height: 168px;
	width: 15px;
	float: left;
}
div.rightarrow {
	float: right;
	height: 168px;
	width: 15px;
}
div#slideshow_box { 
	float: left; 
	height: 260px; 
	width: 280px; 
}

div#splash_box { 
	float: right; 
	height: 260px; 
	width: 280px; 
}
div#content div#news_items{
	margin: 10px 0 0 0 !important;
	width: 245px;
	color: #000;
	padding: 0 10px 10px;
	background-color: transparent;
 }
 
div#content div#content {
	margin: 10px 0 0 0 !important;
	width: 260px;
	color: #000;
	padding: 0 10px 10px;
	background-color: transparent;
 }
 
div#content div#upcoming_events {
	margin: 10px 0 0 0 !important;
	width: 260px;
	color: #000;
	padding: 0 10px 10px;
	background-color: transparent;
 }



div#news_items { float:left; }
div#upcoming_events { float:right; }
div#news_items h2, div#upcoming_events h2 {
	display:block;
	height:0;
	overflow:hidden;
	font-size:0;
	width:70px;
	letter-spacing:-1em;
	text-indent:-1000em;
	padding:20px 0 5px 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
}
div#events {
	padding: 0px;
	
}

div#featured_event {
	padding: 0px;

}

div#upcomingFeaturedEvent div.list img {
	float:right;
	margin: 0 0 0 5px !important;
}

div#upcomingFeaturedEvent div.list {
	padding: 3px 0;
}
div#upcoming_events, div#news_items {
	background-color: transparent;
	height: 190px;
}

div#upcoming_events a, div#news_items a { color: #000; text-decoration:none }

div#upcoming_events a:hover, div#news_items a:hover { color: #E8C851; }

div#news_items h3 {
	color: #E8C851;
	font-style: italic
}
div#events li, div#news_items div.date { color: #CCFFFF; }
/* meat right side */
div#navigation {
	float: right;
	width: 160px;
}
div.side_nav_box h2 {
	display:block;
	height:0;
	overflow:hidden;
	font-size:0;
	letter-spacing:-1em;
	text-indent:-1000em;
	width:140px;
	padding:25px 10px 0 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10px bottom;
	background-attachment: scroll;
}
ul.side_nav_links li { line-height: 175%; }
ul.side_nav_links li a { text-decoration: none; color: #fff; }
ul.side_nav_links li a:hover { color: #E8C851; }
div.side_image_link_box { margin: 10px 0 0 0; }
div.side_image_link_box .icon_margin_left { margin: 0 0 0 8px; }

/* special header images */
h2#info_for_heading { background-image:url(../images/graphical_headings/info_for2.gif); }
h2#news_heading { background-image:url(../images/graphical_headings/news2.gif); }
h2#events_heading { background-image:url(../images/graphical_headings/events2.gif); }

/* home page right nav links */
div.side_nav_box { background: #00386b url(../images/bucs/bucs_sidenav_top.gif) no-repeat scroll left top; }
div.side_nav_box_content { background: transparent url(../images/bucs/bucs_sidenav_bottom.gif) no-repeat scroll left bottom; }
ul#home_page_right_nav {
	background: url(../images/nav_links/home_page_right_nav_blue.gif) no-repeat 0 0;
	height: 172px;
	position: relative;
}
ul#home_page_right_nav li {
	position: absolute;
	left: 0;
	height: 19px;
	width:100%;
	display: block;
	overflow: hidden;
}
ul#home_page_right_nav li a {
	height: 0;
	padding-top: 19px;
	display: block;
}
li#prospective_stu {top: 0px;}
li#current_stu {top: 21px;}
li#families {top: 42px;}
li#job_seekers {top: 64px;}
li#facstaff {top: 88px;}
li#alums_and_friends {top: 109px;}
li#donors {top: 129px;}
li#visitors {top: 152px;}
li#prospective_stu a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -170px no-repeat;}
li#current_stu a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -191px no-repeat;}
li#families a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -212px no-repeat;}
li#job_seekers a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -234px no-repeat;}
li#facstaff a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -258px no-repeat;}
li#alums_and_friends a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -279px no-repeat;}
li#donors a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -299px no-repeat;}
li#visitors a:hover {background: transparent url(../images/nav_links/home_page_right_nav_blue.gif) 0 -322px no-repeat;}

/* profile nav thingy - added 12-16-2010 */
div#profile_placeholder {
	height:320px;
	border-bottom:10px #fff solid;
	margin-bottom: 10px;
	position: relative;
	zoom:1;
}
div#profile_1 { position:absolute; left:0; top:0; display: none }					
div#profile_2 { position:absolute; left:0; top:0; display: none }					
div#profile_3 { position:absolute; left:0; top:0; display: none }					
div#profile_4 { position:absolute; left:0; top:0; display: none }					
#content ul#profile_nav {
	position:absolute;
	width: 134px;
	height: 24px;
	right: 8px;
	bottom: 8px;
	padding: 0;
}					
ul#profile_nav li { float: left; margin: 0; list-style-type: none; }
img#left_arrow { cursor: pointer }					
img#profile_link_1 { cursor: pointer }					
img#profile_link_2 { cursor: pointer }					
img#profile_link_3 { cursor: pointer }					
img#profile_link_4 { cursor: pointer }					
img#right_arrow { cursor: pointer }					

/* lap div */
div#lap {
	width: 540px;
	height: 141px;
	background: transparent url(../images/home/home_lap.jpg) 10px 20px no-repeat;
}
/* lap links list */
ul#lap_link {
	position: relative;
}
ul#lap_link li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 163px;
	display: block;
}
ul#lap_link a {
	height: 163px;
	display: block;
}
/* lap hover status and links */
li#lap_classroom { left: 160px; width: 163px; }
/*li#lap { background: url(../images/nav_links/student_resources_block.jpg) 0 0;  }*/
li#lap_classroom a:hover { background: transparent url(../images/home/classroom.png) 0 -8px; }
li#lap_community { left: 243px; width: 166px; }
/*li#lap { background: url(../images/nav_links/student_resources_block.jpg) 0 0;  }*/
li#lap_community a:hover { background: transparent url(../images/home/community.png) -5px -6px; }
li#lap_internship { left: 333px; width: 150px; }
/*li#lap { background: url(../images/nav_links/student_resources_block.jpg) 0 0;  }*/
li#lap_internship a:hover { background: transparent url(../images/home/internship.png) -10px -8px; }
li#lap_abroad { left: 412px; width: 166px; }
/*li#lap { background: url(../images/nav_links/student_resources_block.jpg) 0 0;  }*/
li#lap_abroad a:hover { background: transparent url(../images/home/abroad.png) -8px -8px; }