/* CSS for the SLUGs Website (http://www.ocf.berkeley.edu/~klinton/slugs/) */

/* CSS for the SLUGs Website (http://www.ocf.berkeley.edu/~klinton/slugs/) */

body {
	color: 				black;
	background:			white;
	margin:				0px;
	/*font-family:		Arial, Verdana, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Sans-Serif;*/
	font-size:			100%;
}

a {
	position:			relative;
	color:				#373;
	text-decoration:	none;
}

td a {
	text-decoration:	underline;
}

a:visited {
	color:				#393;
}

a:hover {
	position:			relative;
}

a span {
	display:				none;
}

a:hover span {
	display:				block;
	position:			absolute;
	top:					2em;
	left:					0em;
	z-index:				25;
	background-color:	#888;
	color:				white;
	background:			#393;
	border:				3px solid #393;
	/*border-radius:		10px;
	-moz-border-radius: 10px;*/
	
	text-decoration:	none;
	font-weight:		normal;
}

div.header {
	background: 		#393;
	width:				100%;
	height:				90px;
}

div.header img {
   float:				right;
   border:				none;
   background:			#393;
   margin-left:		10px;
   margin-right:		10px;
   color:				white;
   position:         relative;
}

div.header a.name, div.header a.name:link,
div.header a.name:visited, div.header a.name:hover
#footer a, #footer a:link,
#footer a:visited, #footer a:hover {
	color: 				white;
	background:			transparent;
	border:				none;
	text-decoration:	none;
}

#footer a:hover {
	text-decoration: 	underline;
}

div.header h1 {
	color: 				white;
	background:			transparent;
	font-size:			40px;
	font-family:		Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Arial, Sans-Serif;
	margin:				0px;
 	padding:				20px;
 	float:				left;
 	font-weight:		normal;
 	letter-spacing:	.5em;
}

#menu {
	position:			relative;
	float:				left;
	clear:				none;
	margin-left:		.5em;
	margin-top:			.75em;
	margin-bottom:		.75em;
	width:				12em;
	font-weight:		normal;
	font-family:		Arial, Verdana, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Sans-Serif;
	border-bottom:		0em;
}

#menu ul {
	list-style:			none;
	padding:				0px;
	margin:				0px;
	border:				1px dashed #373;
	padding-bottom:	.3em;
	margin-bottom:		1em;
}

#menu ul.calendar {
	border:				1px dashed;
}

#menu table.calendar {
	position:			relative;
	align:				center;
	padding:				1px;
	margin:				1px;
}

#menu table.calendar td {
	background:			#373;
	color:				#ccaacc;
	font-family:		Arial, Verdana, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Sans-Serif;
}

#menu table.calendar td.stupid {
	background:			white;
}

#menu table.calendar td a {
	background:			#393;
	color:				white;
}

#menu .homey {
	border:				none;
	/*border-radius:		0em;
	-moz-border-radius: 0em;*/
	padding-bottom:	0em;
	margin-bottom:		.5em;
}

#menu .bigtitle {
	padding:				.5em;
	padding-top:		.3em;
	padding-bottom:	.2em;
	font-size:        101%;
	color:				black;
	background:			white;
	margin-bottom:		1px;
	font-weight:		bold;
	text-align:			center;	
	/*border-radius:		11px;
	-moz-border-radius: 11px;*/
	letter-spacing:	.12em;
}

#menu li a.current {
	display:				block;
	padding:				.5em; /*4px;*/
	background:			#373;
	color:				white;
	margin:				3px;
	text-align:			right;
	letter-spacing:	.08em;
}

#menu li a.current:hover {
	display:				block;
	background:			#373;
	color:				white;
	text-decoration:	none;
}

#menu li a {
	display:				block;
	padding:				.5em; /*4px;*/
	padding-left:		1em; /*15px;*/
	color:				white;
	background:			#393;
	margin:				3px;
	/*border-radius:		11px;
	-moz-border-radius: 11px;*/
	border-bottom:		none;
	font-weight:		normal;
}

#menu li a:visited {
	color: white;
}

#menu li a:hover, ul.sub li.item a:hover {
	display:				block;
	background:			#5b4;
	color:				white;
	text-decoration:	none;
}

#menu p {
	text-align:			left;
}

div.content {
	position:			relative;
	display:				block;
	clear:				none;
	margin-top:			10px;
	padding-left:		10px;
	margin-left:		14em;
	margin-right:		10px;
	margin-bottom:		10px;
	background:			white;
	border:				3px solid #393;
	/*border-radius:		20px;
	-moz-border-radius: 20px;*/
}

p { 
	text-align: 		justify;
	margin-right:		10px;
	font-family:		Palatino, Times New Roman, Serif;
}

p a {
	font-weight:		bold;
	border-bottom:		1px dotted;
}

li a {
	border-bottom:		1px dotted;
	font-weight:		bold;
}

h2 {
	border-bottom:		1px black solid;
	font-family:		Arial, Verdana, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Sans-Serif;
}

h3 {
	clear:				right;
	font-family:		Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Arial, Sans-Serif;
	font-size:			100%;
	padding-top:		1.5em;
}

h3.section { /*for the SLUGs constitution*/
	clear:				none;
	font-style:			italic;
	font-family:		Times New Roman, Serif; 
	font-weight:		normal;
	padding-top:		.5em;
	padding-bottom:	0em;
	margin-top:			0em;
	margin-bottom:		0em;
}
	
#footer {
	position:			relative;
	text-align:			center;
	padding-top:		1em;
	padding-bottom:	1em;
	background:			#393;
	color:				white;
	clear:				both;
}

#footer h3 {
	color:				white;
	background:			transparent;
	font-size:			80%;
	font-family:		Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Arial, Sans-Serif;
	padding:				0px;
	margin:				1em;
}
div.header h1 {
	font-size:			50px;
 	padding:				15px;
 	letter-spacing:	.1em;
}
div.header h1 {
	font-size:			50px;
 	padding:				15px;
 	letter-spacing:	.1em;
}