@charset "utf-8";

#outer {border: 2px groove #009;
		margin: 0 auto;
		width:800px;
		background-image:url(../images/background.png); background-repeat:repeat-y;}

body { .header h2 color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	background-color:#999999;}

#header {
	height: 150px;
	width: 800px;
	text-align : left; }

#stuff {float:left;
		width: 200px;}

#intro {text-align:justify;
		display:block;
		float:left;
		border:inset;
		width:780px;}	
		
#picture {float:left;}

#pictures {float:left;
			display:block;}
		
#feedback {background:#000;
			clear:both;
			width:370px;
			margin:0 auto;}		

/*
ul { float: left;
	width: 400px;
	 padding: 5px 5px 5px 5px;
	 border: 4px solid #FFF;
	 font-weight:bold;
	 clear:both;
	 display:inline;
	 list-style-type:none;}

li {padding: 2px 10px 10px 2px;
	 border-bottom: 1px solid inset #0CC;
	 list-style-type:none;}*/

div#bullets li a { display:inline;
	    color:#FFF }
		
div#bullets li a:hover { color:#09C;}

div#bullets li:hover { background-color:#0F9;
		   color: #FFF;}
#video {clear:both;}
		   
div#bullets ul li {
	text-decoration:underline;
	display:inline;
	float: left;
	font-weight: bold;
	margin: 0;
	padding:10px 5px 0px 5px;
	list-style-type:none;
	width:250px;}

#footer {clear:both;
		padding: 2px 2px;
		margin:0;
		font-style:italic;
		height:100px;
		background-image:url(../source/su-wordmark_orange.gif);
		background-repeat:no-repeat;
		background-position:top left;}

.even {background-color:#000;}
.odd {background-color:#666;}
p { font-size:14px;}