body, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	background-image: url(images/page_bg.gif);
	font-family: "Lucida Grande",	Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
}

img {
	border: 0;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

area {
	cursor: pointer;
}

#wrapper-outer {
	background-color: #fff;
	color: #000;
	margin: 25px auto;
	padding: 10px;
	text-align: left;
	width: 780px;
}

#wrapper-inner {
	background-color: #dce4e9;
	border: 1px solid #c6caca;
}

#content {
	margin: 25px 20px;
}

#viewer {
	background-color: #fff;
	border: 1px solid #000;
	height: 320px;
	padding: 15px;
	position: relative;
	width: 708px;
}

	#viewer h2 {
		font-size: 14px;
		padding-top: 8px;
		width: 80%;
	}

	#viewer #nav_arrows {
		position: absolute;
		top: 310px;
		right: 0;
	}

	#caption {
		height: 165px;
		margin: -15px 0 0 495px;
		width: 210px;
	}
		
		#caption p {
			font-size: 14px;
			line-height: 130%;
		}
	
	#media {
		left: 15px;
		position: absolute;
		top: 15px;
		width: 480px;
	}


#nearby {
	background-color: #ff6;
	border: 1px solid #333;
	padding: 5px;
}

	#nearby ul, #nearby li {
		margin: 0;
		padding: 0;
	}
	
	#nearby ul {
		margin-top: 10px;
	}

	#nearby li {
		font-size: 13px;
		list-style-type: none;
		margin-bottom: 5px;
	}
	
#sticky_nearby {
	background-image: url(images/sticky_note.png);
	background-repeat: no-repeat;
	height: 287px;
	left: 535px;
	overflow: auto;
	position: absolute;
	top: 165px;
	width: 284px;
	z-index: 1000;
}

	#sticky_nearby h3 {
		display: none;
	}

	#sticky_nearby ul, #sticky_nearby li {
		margin: 0;
		padding: 0;
	}
	
	#sticky_nearby ul {
		height: 135px;
		left: 50px;
		position: absolute;
		top: 95px;
		width: 200px;
	}

	#sticky_nearby li {
		font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
		font-size: 15px;
		list-style-type: none;
		margin-bottom: 6px;
	}
	
	#sticky_nearby a:link, #sticky_nearby a:visited {
		text-decoration: none;
	}
	
	#sticky_nearby a:hover, #sticky_nearby a:active {
		text-decoration: underline;
	}

#campus_nav {
	background-color: #0a1c78;
	background-image: url('images/accordion_bg.gif');
	color: #fff;
	font-size: 14px;
	height: 18px;
	margin: 30px 0 0 0;
	padding: 7px 10px;
	width: 720px;
}

#campus_nav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#campus_nav li a {
	color: #fff;
	text-decoration: none;
}

#campus_nav li a:hover, #campus_nav li a:active {
	color: #ff6;
}

#campus_nav li a.current {
	color: #ff0;
	font-weight: bold;
}

/** jCarousel Core **/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 738px;
}

/** Skin for campus picker **/

.jcarousel-skin-campuses {
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
	width: 738px;
}

	/* Fallback styles in case JavaScript is disabled */
	.jcarousel-skin-campuses, .jcarousel-skin-campuses ul,
	.jcarousel-skin-campuses li {
		margin: 0;
		padding: 0;
	}

		.jcarousel-skin-campuses li {
			list-style: none;
		}
	
	.jcarousel-skin-campuses .content {
		float: left;
		margin: 20px 0 0 20px;
		width: 450px;
	}
	
	.jcarousel-skin-campuses .map {
		float: right;
		margin: 20px 20px 0 0;
		text-align: right;
		width: 200px;
	}
	
	.stops {
		/* Force the table to be flush even though individual cells
		   on the top row and left column have 10 pixels of padding. */
		margin: -10px 0 10px -10px;
	}
	
		.stops td {
			padding: 10px;
		}
		
#footer {
	font-size: 80%;
	margin: 10px 0 0;
	padding: 5px;
	text-align: center;
}

	#footer a:link, #footer a:visited {
		text-decoration: none;
	}
	
	#footer a:hover, #footer a:active {
		text-decoration: underline;
	}

/** SITE HOME PAGE **/

#main_index #viewer {
	height: auto;
	padding: 20px 15px;
}

	#main_index #viewer #campus_quad {
		width: 100%;
	}
	
		#main_index #viewer #campus_quad td {
			padding: 20px 0;
			text-align: center;
		}
		
			#main_index #viewer #campus_quad td a {
				color: #000;
				text-decoration: none;
			}
		
		#main_index #viewer #campus_quad td.mouseover {
			background-color: #ffc;
			cursor: pointer;
		}
		
			#main_index #viewer #campus_quad td.mouseover a {
				color: #000;
				text-decoration: underline;
			}
			
			#main_index #viewer #campus_quad td h2 {
				width: auto;
			}