/*------------------------------------------
	COLORS:
	Things To Do:	#D2002D, #EA8096, #F4BECB
	Colleges:			#2083FB, #90C0FE
	Resources:		#298B10, #94C486
	Shuttle:			#EB7B19, #F5BD8C
	Internships:	#8839A4, #C49CD1
	Events:				#DD329F, #EE99CF
	
	General: 			#3CC3CF
	Divider lines/border/hr: #CCCCCC
------------------------------------------*/

/*-----------------------------------------------------------------------------------
	Global Reset (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	#content.allow_bullets ol, #content.allow_bullets ul { list-style: disc; padding-left: 25px; margin-bottom: 10px; }
	#content.allow_bullets ul.sections_float { list-style: none; padding-left: 0px; }
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }

/*-------------------------------------------
	Element styles
-------------------------------------------*/
	body { font: 12px Arial, sans-serif; color: #6E6F70; }
	hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; display: block; margin: 15px 0; !margin: 20px 0 8px 0; /* IE6/IE7 hack*/ }
	h1 { font-size: 16px; }
	h2 { font-size: 13px; }
	p { color: #6E6F70; padding-bottom: 15px; }
	a { color: #6E6F70; text-decoration: none; }
	a:hover { color: #333;}
	li a { color: #999; text-decoration: none; display: block; }

/*-------------------------------------------
	Global
-------------------------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }
	.bordered { border: 1px solid #ccc; }
	.border_bottom { border-bottom: 1px solid #CCC; margin: 10px 0; padding-bottom: 5px; }
	.border_top{ border-top: 1px solid #CCC; padding-top: 5px; margin: 10px 0; }

	.translucent { opacity: 0.95; }
	* html .translucent { filter:alpha(opacity=95); /* IE6 hack for opacity */ }

	/* element specific classes*/
		li a.odd { color: #979797; }
		li a.even { color: #515151; }
		a.arrow { text-decoration: none; color: #999; font-size: 12px; background: url(../images/right_arrow.png) no-repeat right 3px; padding-right: 10px; }
		a.back_arrow { text-decoration: none; color: #999; font-size: 12px; background: url(../images/left_arrow.png) no-repeat left 3px; padding-left: 10px; }
		a.more { text-decoration: none; color: #6E6F70; font-size: 11px; font-weight: bold; }
		a.arrow:hover, a.back_arrow:hover, a.more:hover {	color: #333; }
		p.spacer { padding-top: 10px; }
		p.large { font-size: 12px; line-height: 1.3; }
		strong.bold { color: #333; }

	/* Define colors for different sections */
		.about_collegetown a.active, .about_collegetown a:hover, .about_collegetown h1, .student_groups a.active, .plan_your_visit a.active, .about_collegetown p a, .student_groups p a, .plan_your_visit p a, .photo_gallery p a, .interactive_map p a, .student_connections p a, .search p a { color: #3CC3CF; }
		.things_to_do h1, .things_to_do h2, .things_to_do h1 a, .things_to_do a.active, .things_to_do a:hover, .things_to_do a.hover, .things_to_do li a:hover, .things_to_do dl a:hover, .things_to_do p a { color: #D2002D; }
		.colleges h1, .colleges h2, .colleges a.active, .colleges a:hover, .colleges a.hover, .colleges li a:hover, .colleges dl a:hover, .colleges p a { color: #2083FB; }
		.resources h1, .resources h2, .resources span.section, .resources a.active, .resources a:hover, .resources a.hover, .resources #left li a:hover, .resources dl a:hover, .resources dt a, .resources a.more, .resources p a { color: #298B10; }
		.resources #right p { padding: 0; }
		.resources #right a { color: #298B10; }
		.resources #right a:hover { text-decoration: underline; }
		.shuttle h1, .shuttle h2, .shuttle a.active, .shuttle a:hover, .shuttle a.hover, .shuttle #left li a:hover, .shuttle dl a:hover, .shuttle p a { color: #EB7B19; }
		.internships h1, .internships h2, .internships a.active, .internships a:hover, .internships a.hover, .internships #left li a:hover, .internships dl a:hover, .internships span.section, .internships p a { color: #8839A4; }
		.events h1, .events h2, .events a.active, .events a:hover, .events a.hover, .events #left li a:hover, .events dl a:hover, .events span.section, .events p a { color: #DD329F; }
		p a:hover { text-decoration: underline; }

	/* Search box with right arrow */
		form.search p { height: 20px; padding: 0; border: 1px solid #ccc; margin: 5px 0 20px 0; background-color: #fff; }
		form.search input.search_field{ background-color: #fff; border: none; padding: 3px 3px 0 3px; outline: 0; float: left; font-size: 11px; color: #666; width: 198px; }
		form.search input.search_button{ float: left; padding: 6px 3px 0 0; width: 5px; }


	/* Tag Cloud */
		div.cloud a { color: #666; padding-right: 5px; text-decoration: none; }
		div.cloud a.w1 { font-size: 9px; }
		div.cloud a.w2 { font-size: 11px; }
		div.cloud a.w3 { font-size: 12px; }
		div.cloud a.w4 { font-size: 13px; }
		div.cloud a.w5 { font-size: 15px; }

/*-------------------------------------------
	Layout
-------------------------------------------*/
	#wrapper { border: 1px solid #CCC; border-width: 0 1px; margin: 20px auto 0 auto; width: 1037px; }
	#content { width: 700px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; overflow: hidden; zoom: 1; }
	#footer { border-top: 1px solid #ccc; margin: 0 auto; padding: 10px 0 15px 0; width: 700px; }
	#footer h3 { font-size: 11px; }
	#footer span { color: #ccc; font-size: 10px; float: right; text-align: right; top: 0; right: 0; }
	#footer ul {  margin: 10px 0px 0px 0px; }
	#footer li { float: left; }
	#footer li a { background: url(../images/footer-icons.png) no-repeat; float: left; font-size: 11px; height: 15px; margin: 3px 0px 2px 0px; padding: 6px; text-indent: 38px; width: 160px; }
	#footer li a.facebook { background-position: 0px 0px;}
	#footer li a.twitter { background-position: 0px -30px;}
	#footer li a.blog { background-position: 0px -60px;}	
	#footer li a.youtube { background-position: 0px -87px;}

/*-------------------------------------------
  Homepage
-------------------------------------------*/
	/* Top-level nav*/
		ul.primary{ width: 700px; height: 17px; margin: 0 auto; }
		ul.primary li{ float: left; position: relative; height: 30px; }
		ul.primary li a{ display: block; float: left; height: 17px; font-weight: bold; font-size: 18px; padding-right: 16px; cursor: pointer; }
		ul.primary li a.last { padding-right: 0; }
		ul.primary li div.sub_nav{ padding: 20px; position: absolute; top: 30px; }


		ul.primary li.things_to_do a { color: #D2002D; }
		ul.primary li.colleges a { color: #2083FB; }
		ul.primary li.resources a { color: #298B10; }
		ul.primary li.shuttle a { color: #EB7B19; }
		ul.primary li.events a { color: #DD329F; }
		ul.primary li.internships a { color: #8839A4; }

	/* Sub Nav*/
		ul.sub_nav { padding: 7px 10px; position: absolute; top: 25px; left: 0; width: 175px; }
		ul.sub_nav li { height: auto; width: 100%; }
		ul.sub_nav li a { text-decoration: none; font-size: 14px; padding: 3px 10px 3px 0; height: auto; display: block; color: #fff; cursor: pointer; }
		ul.sub_nav li.child a{ padding-left: 10px; font-size: 12px; }


	/* Drop-downs sections for sub nav */
		.things_to_do ul.sub_nav { background-color: #D2002D; }
		.things_to_do ul.sub_nav li a { color: #EA8096; }
		.colleges ul.sub_nav { background-color: #2083FB; width: 300px;}
		.colleges ul.sub_nav li a { color: #90C0FE; }
		.resources ul.sub_nav { background-color: #298B10; }
		.resources ul.sub_nav li a { color: #94C486; }
		.shuttle ul.sub_nav { background-color: #EB7B19; }
		.shuttle ul.sub_nav li a { color: #F5BD8C; }
		.internships ul.sub_nav { background-color: #8839A4; }
		.internships ul.sub_nav li a { color: #C49CD1; }
		.events ul.sub_nav { background-color: #DD329F;}
		.events ul.sub_nav li a { color: #EE99CF; }
		.things_to_do ul.sub_nav li a:hover, .resources ul.sub_nav li a:hover, .colleges ul.sub_nav li a:hover, 
		.shuttle ul.sub_nav li a:hover, .internships ul.sub_nav li a:hover, .events ul.sub_nav li a:hover { color: #fff; }

	#flash_content { width: 1037px; margin: 0 auto; }
	#flash_alt_content { width: 1037px; height: 509px; background: url(../images/flash_placeholder.jpg) no-repeat; }
	#content.home { border-top: 1px solid #ccc; }

	/* Left column */
		#left_col{ float: left; padding-right: 27px; width: 215px; }
		#left_col span.search { font-size: 18px; font-weight: bold; color: #999; }
		#left_col h1{ padding-bottom: 10px; font-size: 13px; }
		#left_col h2{ font-size: 11px; }
		#left_col form p{ height: 20px; padding: 0; border: 1px solid #ccc; margin: 5px 0 20px 0; }
		#left_col form input.search_field{ border: none; padding: 3px 3px 0 3px; background-color: #fff; outline: 0; float: left; font-size: 11px; color: #666; width: 198px; }
		#left_col form input.search_button{ padding-top: 6px; width: 5px; }
		#left_col p{ padding-bottom: 30px; }

	/* Middle column*/
		#middle_col { float: left; padding-right: 72px; width: 213px; }
		#middle_col h1 { color: #F58020; font-size: 13px; padding-bottom: 10px; }
		#middle_col h2 { font-size: 11px; }
		#middle_col p { font-size: 11px; }

	/* Right column */
		#right_col{ float: left; width: 171px; }
		#right_col h1, #right_col h1 a { color: #F00; font-size: 13px; text-decoration: none; }


/*-------------------------------------------
  Subpage - header
-------------------------------------------*/
	#header { width: 700px; margin: 0 auto; position: relative; z-index: 1; }
	#header div.logo { width: 194px; height: 130px; }
	#plan_your_visit { position: absolute; text-align: right; top: 0; right: 0; }
	#plan_your_visit strong { font-size: 13px; }
	#plan_your_visit a { text-decoration: underline; }
	#plan_your_visit a.about_link { color: #3CC3CF; text-decoration: none; }
	#header ul.header_nav { padding-top: 2px; position: absolute; left: 205px; top: 0; z-index: 5; }
	#header li { position: relative; z-index: 2; padding-right: 5px; padding-bottom: 5px; }
	#header li a { line-height: 16px; text-decoration: none; font-size: 16px; font-weight: bold; }
	#header ul.sub_nav { width: 225px; position: absolute; padding: 9px 10px 5px 10px; top: 0; margin: 0; }
	#header ul.sub_nav li { height: auto; padding: 0; zoom: 1; /* IE6 hack: trigger hasLayout */ }
	#header ul.sub_nav li a { display: block; font-size: 13px; padding: 0 5px 4px 0; margin: 0; height: auto; }
	#header ul.sub_nav li.child a { font-size: 11px; padding-left: 5px; }
	#header .things_to_do ul { left: 119px; }
	#header .colleges ul { left: 119px;}
	#header .resources ul.sub_nav { left: 119px;}
	#header .shuttle ul.sub_nav { left: 119px;}
	#header .internships ul { left: 119px;}
	#header .events ul { left: 119px;}
	#search { width: 220px; height: 50px; right: 0; top: 82px; position: absolute; z-index: 1; }
	#header form.search strong{ font-size: 16px; color: #979797; text-align: right; width: 100%; display: block; }
	#header form.search p { margin: 0; }
	#header div.breadcrumbs { background-color: #fff; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #999; width: 100%; clear: both; z-index: 1; position: relative; }
	#header div.breadcrumbs ul { float: none; margin: 0; padding: 0; }
	#header div.breadcrumbs li { display: inline; padding-right: 5px; }
	#header div.breadcrumbs li a { background: url(../images/right_arrow.png) no-repeat right 4px; font-size: 13px; padding: 0 10px 0 0; display: inline; }
	#header div.breadcrumbs li a.last { background-image: none; }


/*---------------------------
	Subpage - content
---------------------------*/
	#content dd { clear: both; color: #6E6F70; padding-bottom: 15px; }
	dl.right dt a, dl.left dt a { background: url(../images/right_arrow.png) no-repeat right center; color: #333; font-size: 12px; padding-right: 7px; text-decoration: none; }
	dl.left_col { float: left; width: 325px; }
	dl.right_col { float: right; width: 325px; }
	dl.left_col dt a, dl.right_col dt a { font-size: 16px; margin-bottom: 5px; text-decoration: none;  }
	dl.left_col dd, dl.right_col dd { font-size: 12px; line-height: 1.3; padding-bottom: 20px; }

	table.listview { width: 100%; font-size: 11px; }
	table.listview tr { border-bottom: 1px solid #CCC; }
	table.listview tr.even td { background-color: #fff; }
	table.listview tr.odd td { background-color: #f6f6f6;	}
	table.listview td.new { padding: 0; vertical-align: middle; }
	table.listview td.new span { background-color: #298B10; color: #fff; padding: 3px 5px; }
	table.listview td { padding: 10px; }
	table.listview th { background-color: #999; color: #fff; height: 10px; padding: 8px 10px; text-align: left; }

	ul.left li{ width: 160px; padding-bottom: 4px; }
	
	/* Tree View*/
		dl.tree { width: 100%; padding: 10px 0; }
		dl.tree dt { padding-bottom: 1px; }
		dl.tree dt a { background: url(../images/expand.png) no-repeat 10px center; text-decoration: none; font-weight: bold; font-size: 13px; display: block; padding: 5px 0 5px 25px; margin: 0; }
		dl.tree dt a.expanded { background: url(../images/collapse.png) no-repeat 10px center; }
		dl.tree dt a.odd, dl.tree dd.odd { background-color: #eee; }
		dl.tree dd{ font-size: 12px; display: block; margin: 0; background-color: #fff; padding: 5px 0 15px 25px; border-top: 1px solid #fff; }
		a#tree_expand, a#tree_collapse{ padding: 4px 15px 4px 0; font-size: 13px; text-decoration: none; }
		a#tree_expand img, a#tree_collapse img{ margin-bottom: -1px; padding-left: 2px; }

	/* Breadcrumbs */
		div.breadcrumbs{ font-size: 12px; color: #666; }
		div.breadcrumbs strong{ font-size: 13px; }
		div.breadcrumbs a.crumb{ text-decoration: none; color: #999; font-size: 12px; background: url(../images/right_arrow.png) no-repeat left 3px; padding-left: 10px; }

		p.back{ padding: 10px 0 20px 0; }
		p.back a{ font-size: 10px; background-position: left 2px; }

	/* Results page*/
		dl.results{ padding-top: 15px; }
		dl.results dt a{ font-size: 12px; color: #5c5c5c; background-image: none; font-weight: bold; }
		dl.results dd{ color: #999; font-size: 12px; padding-bottom: 20px; line-height: 1.4; }
		div.results_header{ border-bottom: 1px solid #ccc; color: #999; font-weight: bold; font-size: 12px; margin-top: 15px; padding-bottom: 5px; text-align: right; }			div.results_header a.back_arrow{ float: left; margin-right: 10px; }
		div.results_footer{ border-top: 1px solid #ccc; color: #999; font-weight: bold; font-size: 12px; margin-top: 10px; padding-top: 5px; margin-bottom: 15px; }
		div.results_footer a.arrow{ float: right; }

		#content form.search p{ padding-bottom: 0; margin-bottom: 10px; }
		#content form.search input.search_field{ width: 331px; }
		#content form.search img { margin-top: 7px; }

	/* Page level nav*/
		ul.sections { margin-bottom: 20px; }
		ul.sections li { padding-bottom: 8px; }
		ul.sections li a { display: inline; text-decoration: none; font-size: 15px; font-weight: bold; }

	/* Tim's bad code:	Sub-nav for blank content pages */
		ul.sections_float { float: left; margin: 0 20px 20px 0; }
		ul.sections_float li { padding-bottom: 8px; }
		ul.sections_float li a { display: inline; font-size: 15px; font-weight: bold; text-decoration: none; }
	
		p.address{ float: left; font-size: 11px; }
		p.collegeaddress { float: left; font-size: 11px; width: 150px; }
		p.visitation_info{ float: right; width: 150px; font-size: 11px; }

	
	/* image/thumbnails layout */
		div.thumbs a img{ border: 1px solid #ccc; float: left; margin-right: 7px; margin-bottom: 7px; width: 110px; height: 83px; }
		#selected_image{ margin-bottom: 10px; }
		div.thumbs a:hover img{ border-color: #2083FC; }
		div.thumbs .last{ margin-right: 0; }

	/* Tabs */
		ul.tabs li{ display: inline; position: relative; }
		ul.tabs li a { border-bottom: 1px solid #ccc; color: #999; display: block; float: left; font-size: 12px; padding: 5px 8px; text-decoration: none; }
		ul.tabs li a.active { border: 1px solid #ccc; border-bottom: 0; }
		div.tab { padding-top: 20px; clear: both; }
		div.tab p.strong{ font-weight: bold; color: #333; }

	/* Actions list */
		ul.actions{ margin: 10px 0 10px 0; border-top: 1px solid #ccc; display: block; }
		ul.actions li{ zoom: 1; }
		ul.actions li a{ text-decoration: none; color: #333; font-size: 10px; display: block; padding: 5px 6px 5px 0; border-bottom: 1px solid #ccc; }
		ul.actions li a.add{ background: url(../images/plus.png) no-repeat left center; padding-left: 15px; }
		ul.actions li a.directions{ background: url(../images/map_icon.png) no-repeat left center; padding-left: 15px; }
		ul.actions li a.info{ background: url(../images/envelope.png) no-repeat left center; padding-left: 18px; }


	/* Comments */
		#add_comment{ padding-top: 20px; }
		#add_comment input, #add_comment textarea{ outline: 0; font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #ccc; background-color: #fff; color: #6E6F70; padding: 3px; width: 314px; }
		#add_comment label{ font-size: 11px; color: #656565; }
		#add_comment p{ padding-bottom: 5px; }
		#add_comment input.add_comment_button{ border: 0; width: auto; padding: 0; cursor: pointer; float: right; }
		#comments{ padding-top: 20px; }
		#comments .comment{ border-bottom: 1px solid #ccc; padding: 10px 0; }
		#comments .comment p{ padding-bottom: 5px; }

	
	/* Star Ratings*/
		.rating , .rating .current , .rating .star_hover { background: url(../images/star.gif) repeat-x; height: 15px; overflow: hidden; list-style: none; margin: 0; padding: 0; }
		.rating { position: relative; background-position:left top; }
		.rating .current { position: absolute; top: 0; left: 0; background-position: left center; }
		.rating .star, .rating .star_hover { position: absolute; top: 0; left: 0; height: 15px; cursor: pointer; }
		.rating .star_hover { background-position: left bottom; }

	/* Left column */
		#left { width: 320px; padding-right: 25px; float: left; }
		#left h1, #left h2 { padding-bottom: 10px; }
		#left p { color: #6E6F70; font-size: 12px; line-height: 1.4; }

	/* Right column*/
		#right{ width: 350px; float: right; }
		#right h2{ font-size: 12px; padding-bottom: 10px; }
		#right h3{ font-size: 11px; font-weight: normal; color: #333; }
		#right p{ color: #6E6F70; }
		#right small{ color: #6E6F70; display: block; padding-top: 5px; padding-bottom: 20px; }
		#right img.bordered{ float: left; }
		#right div.things_to_do div{ clear: both; float: left; padding-bottom: 10px; }
		#right div.things_to_do img.bordered{ margin-right: 10px; width: 65px; height: 65px; }

	/* Two Column Plain Layout */
		#right.plain { width: 335px; }
		#left.plain { width: 335px; }
		#right.plain p { font-size: 12px; line-height: 1.4; }
		#right.plain h2 { font-size: 13px; }
		#left.plain h3, #right.plain h3 { color: #666; font-size: 12px; font-weight: bold; }
	
	/* Mini Maps */
		#minimap {	width: 347px; height: 337px; overflow: hidden; border: 1px solid #AAA;	}

	/* Interactive Map */
		#content.interactive_map #left { height: 550px;	padding: 0; width: 230px; }
		#content.interactive_map p.controls { padding: 5px 5px 0 5px; font-size: 10px; text-align: right; }
		#content.interactive_map dl { border: 1px solid #ccc; border-bottom: 0; border-right: 0; width: 229px; height: 498px; }
		#content.interactive_map dt a { font-size: 14px; font-weight: bold; padding: 5px; height: 16px; position: relative; display: block; border-bottom: 1px solid #ccc; }
		#content.interactive_map dl dd { padding: 0; border-bottom: 1px solid #ccc; height: 308px; overflow: auto; }
		#content.interactive_map dl dd ul { padding: 0 10px 10px 10px; }
		#content.interactive_map #right { width: 470px; padding: 0; }
		#content.interactive_map .map_header { width: 470px; height: 74px; background-color: #fff; position: relative; }
		#content.interactive_map #loading { position: absolute; width: 16px; height: 16px; right: 10px; top: 40px; background: url(../images/loading.gif) no-repeat; }
		#content.interactive_map #right ul.tabs li { padding-bottom: 0; }
		#content.interactive_map #right ul.tabs li a { font-size: 12px; height: 14px; padding: 6px 0 7px 0; text-align: center; width: 117px; }
		#content.interactive_map #right ul.tabs li a.search { border-left: 1px solid #ccc; width: 106px; }
		#content.interactive_map #right ul.tabs li a.address { width: 142px; }
		#content.interactive_map #right ul.tabs li a.colleges { width: 87px; }
		#content.interactive_map #right ul.tabs li a.neighborhoods { width: 132px; }
		* html #content.interactive_map #right ul.tabs li a { padding-bottom: 6px; }
		#content.interactive_map #right div.tab { border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 26px; padding: 10px; }
		#content.interactive_map #right form.search p { margin: 0; padding: 0; width: 300px; }
		#content.interactive_map #right input.search_field { width: 283px; }
		#content.interactive_map #right #map { border: 1px solid #ccc; height: 423px; overflow: hidden; width: 468px;}

	/*-------------------------------------------
	  Events
	-------------------------------------------*/
		#content.events { padding-bottom: 50px; }
		#content.events #left.details { width: 190px; }
		#content.events #left.details p { font-size: 11px; }
		#content.events #right.details { width: 480px; }
		#content.events a.back_arrow { background: url(../images/prev_page.png) no-repeat left 1px; color: #fff; padding-left: 10px;}
		div.event_search { background-color: #f6f6f6; padding: 15px; }
		div.event_search .advanced { padding-top: 10px; height: 59px; border-bottom: 1px solid #ccc; margin-bottom: 10px; overflow: hidden; zoom: 1; }
		div.event_search .advanced p { float: left; padding-right: 40px; }
		div.event_search p { padding-bottom: 0; }
		div.event_search span { padding-left: 30px; }
		div.event_pagination { background-color: #DD329F; color: #fff; font-size: 12px; padding: 5px 10px; height: 20px; line-height: 20px; margin-bottom: 15px; overflow: hidden; }
		div.event_pagination a { color: #851E5F; padding: 0 2px; }
		div.event_pagination a:hover, div.event_pagination a.active{ color: #fff; }
		div.event_pagination form { float: right; }
		div.event_pagination label { font-size: 11px; padding-left: 20px; }
		div.event_pagination p { float: left; color: #fff; padding-bottom: 0; }
		div.event_pagination a.go_back { color: #fff; background: url(../images/prev_page.png) no-repeat left center; padding-left: 15px; }
		div.event { border-bottom: 1px solid #ccc; padding: 10px 0; overflow: hidden; zoom: 1; /* IE6 Hack: trigger hasLayout */ }
		div.event .date{ float: left; color: #DD329F; font-size: 11px; padding-right: 15px; }
		div.event .title {	float: left; font-size: 12px; color: #515151; padding-right: 20px; }
		div.event .time { color: #999; float: right; font-size: 11px; width: 100px; }
		div.event img { float: left; padding-right: 20px; }
		div.event p.description { font-size: 11px; color: #666; padding: 5px 105px 0 0; }
		
		/* Hot Tips*/
			#content.events table.listview th { background-color: #DD329F; padding: 5px 10px; }
			#content.events table.listview a.hot_tip_link { color: #DD329F; font-weight: bold; }
			#content.events td.title { width: 275px; }
			#content.events table.listview tbody tr { height: 99px; }
			
		/* Cheap and Free */
			#content.events strong.discount { color: #DD329F; font-size: 16px; font-weight: bold; }
			div.cheap_free .address { float: left; padding-bottom: 20px; width: 300px; }
			div.cheap_free .address p, div.cheap_free .hours p { color: #DD329F; float: left; font-weight: bold; padding: 0 0 0 10px; }
			div.cheap_free .hours { float: left; margin-left: 10px; padding-bottom: 20px; width: 300px;}
			div.cheap_free .hours p { width: 200px;}
	
	/* Photo Gallery */
		div.thumbnails { border: 1px solid #ccc; background-color: #fff; width: 698px; height: 104px; margin-bottom: 15px; position: relative; overflow: hidden; }
		div.thumbnails a.previous { float: left; height: 104px; line-height: 104px; width: 30px; display: block; background-color: #fff; text-align: center; position: absolute; left: 0; top: 0; z-index: 10; }
		div.thumbnails a.next { float: right; height: 104px; line-height: 104px; background-color: #fff; width: 30px; display: block; text-align: center; position: absolute; right: 0; top: 0; z-index: 10; }
		div.thumbnails a.next img, .thumbnails a.previous img { padding-top: 45px; }
		div.thumbnails .images { position: absolute; width: 50000px; left: 40px; height: 83px; top: 10px; }
		div.thumbnails .images img { border: 1px solid #ccc; margin-right: 12px; width: 110px; height: 83px; }
		#fullsize { width: 700px; height: 526px; }
		.caption { background-color: #e8e8e8; padding: 5px; }
		
		#content.photo_gallery h2 { border-bottom: 1px solid #ccc; color: #333; margin: 15px 0; padding-bottom: 5px; }
		#content.photo_gallery label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 19px; width: 130px; }
		#content.photo_gallery label span.section { font-size: 14px; line-height: 19px; }
		#content.photo_gallery input, form.resources_posting textarea { border: 1px solid #ccc; font-size: 16px; height: 19px; line-height: 19px; margin: 0; padding: 2px; width: 205px; }
		#content.photo_gallery input.file { height: auto; width: auto; }
		#content.photo_gallery textarea { height: 120px; }
		#content.photo_gallery input.submit { background-color: #D2002D; color: #fff; height: 30px; width: 70px; }
		#content.photo_gallery p.submit_box { background-color: #ebebeb; border: 1px solid #ccc; border-width: 1px 0; margin-top: 10px; padding: 10px; }
		#content.photo_gallery p.submit_box strong { color: #333; }
		
		#content.photo_gallery span.section { color: #D2002D; font-weight: bold; }


	/*-------------------------------------------
	  Shuttle
	-------------------------------------------*/
		#content.shuttle #left { width: 340px; padding-right: 5px; }
		#content.shuttle .area_stops { overflow: hidden; }
		.area_stops strong { font-size: 14px; color: #515151; display: block; line-height: 14px; padding-bottom: 8px; }
		.area_stops strong img { vertical-align: bottom; }
		.area_stops ul.left { font-size: 12px; }
		.area_stops ul.left li { color: #6E6F70; }
		#content.shuttle .area_stops p { color: #999; float: right; line-height: 1.3; font-size: 10px; width: 145px; }
		.shuttle_header { background-color: #EB7B19; padding: 10px; height: 23px; line-height: 23px; color: #fff; overflow: hidden; }
		.shuttle_header p { color: #fff; }
		.shuttle_header a.arrow { background-image: url(../images/white_arrow.png); background-position: right 7px; color: #fff; }
		.shuttle_table_header { background-color: #999; color: #fff; height: 36px; }
		.shuttle_table_header span { height: 36px; line-height: 36px; padding-left: 15px; display: block; float: left; font-size: 16px; }
		.shuttle_table_header span img { float: left; padding-top: 6px; padding-right: 3px; }
		.shuttle_table_header p { color: #fff; height: 36px; line-height: 36px; float: left; padding-left: 50px; padding-bottom: 0; }
		table.shuttle_schedule { width: 100%; }
		table.shuttle_schedule th { color: #333; padding-top: 10px; vertical-align: top; font-size: 9px; }
		table.shuttle_schedule th a.college_marker { background: url(../images/college_marker.png) no-repeat top center; color: #fff; display: block;	margin: 0 auto; text-align: left; padding: 8px 0 0 7px; width: 18px; height: 25px; }
		table.shuttle_schedule th a.college_marker:hover{ background-image: url(../images/map_it.png); width: 36px; text-indent: -9000em; }
		table.shuttle_schedule th a.area_marker { background: url(../images/area_marker.png) no-repeat top center; color: #fff; display: block; margin: 0 auto; width: 25px; height: 33px; }
		table.shuttle_schedule th a.area_marker:hover { background-image: url(../images/map_it.png); width: 34px; text-indent: -9000em; }
		table.shuttle_schedule th span { color: #999; }
		table.shuttle_schedule tr.odd td { background-color: #f6f6f6; }
		table.shuttle_schedule td { padding: 10px; text-align: center; }

	/*-------------------------------------------
	  Internships
	-------------------------------------------*/
		div.internship_search { background-color: #f6f6f6; padding: 10px; border-top: 1px solid #ccc; overflow: hidden; }
		div.internship_search p {	padding-bottom: 0; padding-right: 30px; float: left; color: #515151; font-size: 11px; font-weight: bold; }
		div.internship_pagination { background-color: #8839A4; color: #fff; font-size: 12px; padding: 5px 10px; height: 20px; line-height: 20px; overflow: hidden; }
		div.internship_pagination a { color: #C49CD1; padding: 0 2px; }
		div.internship_pagination a:hover, .internship_pagination a.active{ color: #fff; }
		div.internship_pagination form { float: right; }
		div.internship_pagination label { font-size: 11px; padding-left: 20px; }
		div.internship_pagination p { float: left; color: #fff; padding-bottom: 0; }
		div.internship_pagination a.go_back { color: #fff; background: url(../images/internships_prev.png) no-repeat left center; padding-left: 15px; }
		table.internship_postings { width: 100%; font-size: 11px; }
		table.internship_postings tr { border-bottom: 1px solid #CCC; }
		table.internship_postings tr.even td { background-color: #fff; }
		table.internship_postings tr.odd td { background-color: #f6f6f6;	}
		table.internship_postings td.new { padding: 0; vertical-align: middle; }
		table.internship_postings td { padding: 10px; }
		table.internship_postings th { background-color: #999; color: #fff; height: 10px; padding: 10px; text-align: left; }
		div.internships #left h2 { padding-bottom: 5px; }
		div.internships #right span.section { font-weight: bold; }

	/* Itinerary */
		 ul.itinerary { border-top: 1px solid #ccc; }
		 ul.itinerary li { background-color: #fff; border-bottom: 1px solid #ccc; height: 50px; line-height: 50px; padding: 15px; }
		 ul.itinerary li.odd { background-color: #f6f6f6; }
		 ul.itinerary li img { padding-right: 5px; vertical-align: middle; }
		 ul.itinerary li p { float: left; margin: auto; line-height: 1.3; padding: 5px 15px 0 0; height: 45px; }
		 ul.itinerary li p strong { font-size: 14px; }
		 ul.itinerary li p.address { padding-left: 10px; border-left: 1px solid #ccc; }
		 ul.itinerary li textarea { float: right; height: 45px; width: 100px;}
		 div.itinerary ul.actions { border: 0; margin-top: 5px; }
		 div.itinerary ul.actions li a{ float: left; border: 0; padding-right: 20px; color: #6E6F70; font-size: 11px; }

	/* Map Searching */
		#map_search_results { position: absolute; display: none; width: 348px; background-color: #FFF; z-index: 10000; border: 1px solid #ccc; margin-top: -11px; }
		#map_search_results table { width: 348px; }
		#map_search_results td { vertical-align: middle; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 8px;}
		#map_search_results tr.alt td { background-color: #F0F0F0; }
		#content form.search #map_search_results img { margin: 0px; }
		#map_search_results.large { width: 300px; margin-top: -440px; margin-left: 11px; }
		#map_search_results.large table { width: 300px; }

		#poi_details { background-color: #FFF; border: 1px solid #CCC; display: none; margin-top: -160px; margin-left: 55px; position: absolute; width: 250px; z-index: 9999; }
		#poi_details.large { margin-top: -200px; margin-left: 110px; }
		#poi_details h2 { padding-bottom: 2px; }
		#poi_details p { margin-left: 33px; padding-bottom: 3px; }
		#poi_details div { margin: 5px; }
		#poi_details a { color: #D2002D; }
		#poi_details a:hover { text-decoration: underline; }
		#poi_details img.left { float: left; margin-right: 5px; }
		#poi_details.loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: 90px 30px; }

	/*-------------------------------------------
	  	Resources
	-------------------------------------------*/
		div.resources_pagination { background-color: #298B10; color: #fff; font-size: 12px; padding: 5px 10px; height: 20px; line-height: 20px; overflow: hidden; }
		div.resources_pagination a { color: #94C486; padding: 0 2px; }
		div.resources_pagination a:hover, div.resources_pagination a.active { color: #fff; }
		div.resources_pagination form { float: right; }
		div.resources_pagination label { font-size: 11px; padding-left: 20px; }
		div.resources_pagination p { float: left; color: #fff; padding-bottom: 0; }
		div.resources_pagination a.go_back { color: #fff; background: url(../images/prev_page.png) no-repeat left center; padding-left: 15px; }
		div.resources_pagination a.back_arrow { background: url(../images/roommates_prev.png) no-repeat left center; color: #fff; padding-left: 10px;}

		form.resources_posting h2 { border-bottom: 1px solid #ccc; color: #333; margin: 15px 0; padding-bottom: 5px; }
		form.resources_posting label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 19px; width: 130px; }
		form.resources_posting label span.section { font-size: 14px; line-height: 19px; }
		form.resources_posting input { border: 1px solid #ccc; font-size: 16px; height: 19px; line-height: 19px; margin: 0; padding: 2px; width: 205px; }
		form.resources_posting textarea { height: 120px; border: 1px solid #ccc; font-size: 16px; line-height: 19px; margin: 0; padding: 2px; width: 205px; }
		form.resources_posting input.submit { background-color: #298B10; color: #fff; height: 30px; width: 70px; }
		form.resources_posting p.submit_box { background-color: #ebebeb; border: 1px solid #ccc; border-width: 1px 0; margin-top: 10px; padding: 10px; }
		form.resources_posting p.submit_box strong { color: #333; }

		div.resources_details { padding: 15px 0 25px 0;}
		div.resources_details p { padding: 0; }
		div.resources_details li { padding-bottom: 3px; }
		div.resources_details strong { color: #636f70; }
		div.resources_details span.section { font-weight: bold; }
		div.resources_details p strong { color: #333; }
		div.resources_details small { display: block; font-size: 10px; margin-top: 20px; }

		/* Roommates */
			#content.resources #college { width: 200px; }
			#content.resources #neighborhood { width: 200px; }
			
		/* Rideboard */
			#rideboard a.disclaimer { color: #999; float: right; font-size: 14px; padding-top: 2px; }

	/*-------------------------------------------
	  About Collegetown
	-------------------------------------------*/
		#content.about_collegetown table.listview th { background-color: #3CC3CF; }
		#content.about_collegetown a.back_arrow { background: #3CC3CF url(../images/teal_back.png) no-repeat 5px center; color: #fff; display: block; padding: 8px 10px 8px 15px; }
		#content.about_collegetown strong.news_date { color: #333; display: block; padding-bottom: 5px; }
		
	/* Colleges - Find a degree */
		div.degree_header { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; }
		div.degree_header a { color: #b2b2b2; font-size: 12px; font-weight: bold; padding-right: 10px; }
		div.degree_footer { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; }
		div.degree_footer a { color: #b2b2b2; font-size: 12px; font-weight: bold; padding-right: 10px; }
		form.resources_posting input.bluesubmit { background: #2083FB; width: auto; color: #FFF; height: 30px; }
		form.resources_posting input.quantity { width: 20px; text-align: center;}
		
	/*-------------------------------------------
	  Things to Do
	-------------------------------------------*/
		#content.things_to_do form.submit_form h2 { border-bottom: 1px solid #ccc; color: #333; margin: 15px 0; padding-bottom: 5px; }
		#content.things_to_do form.submit_form label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 19px; width: 130px; }
		#content.things_to_do form.submit_form label span.section { font-size: 14px; line-height: 19px; }
		#content.things_to_do form.submit_form input { border: 1px solid #ccc; font-size: 16px; height: 19px; line-height: 19px; margin: 0; padding: 2px; width: 205px; }
		#content.things_to_do form.submit_form textarea { height: 120px; width: 300px; border: 1px solid #ccc; }
		#content.things_to_do form.submit_form input.submit { background-color: #D2002D; color: #fff; height: 30px; width: 70px; }
		#content.things_to_do form.submit_form p.submit_box { background-color: #ebebeb; border: 1px solid #ccc; border-width: 1px 0; margin-top: 10px; padding: 10px; }
		#content.things_to_do form.submit_form p.submit_box strong { color: #333; }
		
		#content.things_to_do form.submit_form span.section { color: #D2002D; font-weight: bold; }
		
		
	#subpage_image { position: absolute; margin-left: 500px; margin-top: -100px; background-repeat: no-repeat; }
	#subpage_image.things_to_do { background-image: url(../images/subpages/things-to-do.jpg);  width: 80px; height: 60px; margin-left: 480px; margin-top: -90px; }
	#subpage_image.colleges { background-image: url(../images/subpages/colleges.jpg);  width: 80px; height: 100px; margin-left: 480px; margin-top: -125px; }
	#subpage_image.resources { background-image: url(../images/subpages/resources.jpg); height: 100px; width: 80px; margin-top: -130px; margin-left: 480px;  }
	#subpage_image.shuttle { background-image: url(../images/subpages/shuttle.jpg);  width: 140px; height: 60px; margin-left: 480px; margin-top: -90px; }
	#subpage_image.internships { background-image: url(../images/subpages/internships.jpg);  width: 120px; height: 100px; margin-left: 476px; margin-top: -130px; }
	#subpage_image.events { background-image: url(../images/subpages/events.jpg);  width: 80px; height: 80px; margin-left: 485px; margin-top: -110px; }