@import url("common_styles.css");

body {
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	margin: 0;
}

/*-- masthead and stuff above the navigation bar --*/

#masthead {
	height: 80px;
	padding-left: 20px;
	font-family: "Arial Black", sans-serif;
	font-size: 36pt;
	color: black;
	text-align: center;
	background-color: #FFFFFF;
}

#cool_title {
	height: 75px;
	width: 310px;
	border: 0;
}

#homelink {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 20;
}

#mrwright_title {
	height: 55px;
	width: 135px;
	border: 0;
}

/*-- navigation bar --*/

#nav_main {
	height: 30px;
	background-image: url(nav_bar_background.png);
	background-repeat: repeat-x;
	background-color: #666666;
	z-index: 2;
}

#nav_main_left {
	float: left;
	background-image: url(nav_bar_background_with_subnav.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 150px;
}

#nav_main a {
	position: relative;
	float: left;
	display: block;
	color: white;
	font-size: 1px;
	padding-left: 2em;
	padding-right: 2em;
	height: 30px;
	z-index: 5;
	background-repeat: no-repeat;
}

#nav_gallery {
	width: 118px;
	background-image: url(nav_bar1_out.png);
}

#nav_gallery:hover {
	background-image: url(nav_bar1_over.png);
}

#nav_papers {
	width: 106px;
	background-image: url(nav_bar2_out.png);
}

#nav_papers:hover {
	background-image: url(nav_bar2_over.png);
}

#nav_cool {
	width: 135px;
	background-image: url(nav_bar3_out.png);
}

#nav_cool:hover {
	background-image: url(nav_bar3_over.png);
}

/*-- sub-navigation sidebar --*/

#nav_sub {
	float: left;
	width: 150px;
	background-color: #8080FF;
	background-image: url("nav_sub_blue_circles.png");
	background-repeat: repeat-y;
	font-family: Arial, sans-serif;
}

.ul_level_1 {
	list-style-image: url("dart_bullet.png");
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 30px;
}

.ul_level_1 li {
	font-family: Arial, sans-serif;
	padding-right: 0px;
}

.ul_level_2 {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 15px;
}

.ul_level_2 li {
	font-family: Arial, sans-serif;
	padding-right: 0px;
}

#nav_sub a.level_1 {
	font-size: 11pt;
	color: #600000;
}

#nav_sub a.level_2 {
	font-size: 10pt;
	color: #300000;
}

#nav_sub a:hover {
	color: #FF0000;
}

#nav_sub_fade {
	background-image: url("100px_vertical_fade.png");
	height: 100px;
	width: 150px;
	z-index: 5;
}

/*-- page content --*/

.current_title {
	font-weight: bold;
}

#content {
	margin-left: 170px;
	padding-right: 5px;
	color: black;
}

a.abstract_title {
	font-size: 14pt;
	font-family: "Arial Black", sans-serif;
	color: #000040;
	background-color: #FFFFFF;
}

a.abstract_title:hover {
	color: #4040FF;
}

p {
	font-family: Garamond, "Times New Roman", serif;
	padding-right: 10px;
}

p.abstract_text {
	margin-left: 30px;
}

a.abstract_link {
	color: #000080;
	background-color: #FFFFFF;
}

a.abstract_link:hover {
	color: #4040FF;
}

h2 {
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
	color: #000040;
	background-color: #FFFFFF;
}

h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #000020;
	background-color: #FFFFFF;
}

span.mathvar {
	font-style: italic;
}

span.todo {
	font-style: italic;
	background-color: yellow;
	color: black;
}

li {
	font-family: Garamond, "Times New Roman", serif;
	padding-right: 10px;
}

/*-- juggling page --*/

#clubs_3 {
	height: 162px;
	width: 220px;
	border: none;
	float: right;
}

#beanbags {
	height: 163px;
	width: 200px;
	border: none;
	float: left;
}

#records {
	margin-left: 50px;
}

td {
	font-family: Garamond, "Times New Roman", serif;
	padding-right: 40px;
}