/*

	The Pointe at MSU public.css
----------------------------------------------------------------------------------------------------/
	
	Important colors
	#fff - White
	#000 - Black
	#800 - Maroon
	#a43 - Pink (for rollovers on top of maroon)
	
*/

/* Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font-family: helvetica, arial, sans-serif;
	font-weight: 300;
	background-color:#222;
}

a {}

hr {}

p {
	font-size:13px;
	line-height:20px;
}

/* Headings
----------------------------------------------------------------------------------------------------*/

h1 {}

h2 {
	font-weight:300;
}

h3 {}

h4 {}

h5 {}

h6 {}

/* Lists
----------------------------------------------------------------------------------------------------*/

ol {}

ul {
	font-size:13px;
	line-height:20px;
}

li {}

/* Container
----------------------------------------------------------------------------------------------------*/
#container {
	background-color:#fff;
	width:960px;
	margin:0px auto;
	border:1px solid #111;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header {
	background:url("../images/header-inside.jpg");
	height:175px;
}

/* Logo
----------------------------------------------------------------------------------------------------*/
#logo {
	position:absolute;
	z-index:51;
	top:400px;
	margin-left:654px;
}

#logo h1 {
	
}

#logo h1 a {
	display:block;
	background:url("../images/homepage-logo.gif");
	width:240px;
	height:92px;
}

#logo h1 a span {
	display:none;
}

.inside #logo {
	position:relative;
	top:61px;
	margin:0px 0px 40px 54px;
	display:block;
	float:left;
}

.inside #logo h1 a {
	background:transparent;
	background-image: none;
}

/* Navigation
----------------------------------------------------------------------------------------------------*/
#navigation {
	margin:0px 65px;
	height:83px;
	background-color:#fff;
}

#navigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#navigation ul li {
	float:left;
}

#navigation ul li a {
	display:block;
	padding:50px 15px 5px 0px;
	margin-right:10px;
	border-bottom:10px solid #fff;
	text-transform:lowercase;
	text-decoration:none;
	color:#800;
}

#navigation ul li a:hover {
	border-bottom:10px solid #800;
}

#navigation ul li.alt a {
	color:#000;
}

.inside #navigation {
	background:transparent;
	margin:0px;
	height:0px;
}

.inside #navigation ul li a {
	padding:0px 0px 5px 0px;
	margin:119px 0px 0px 25px;
	color:#fff;
	border-bottom:0px;
}

.inside #navigation ul li.selected a {
	border-bottom:10px solid #aaa;
}

.inside #navigation ul li a:hover {
	border-bottom:10px solid #fff;
}

/* Subnavigation
----------------------------------------------------------------------------------------------------*/
#subnavigation {
	height:46px;
	display:block;
	background-color:#800;
	clear:both;
}

#subnavigation ul {
	margin:0px;
	padding:0px;
	padding:5px 0px 5px 55px;
	list-style:none;
}

#subnavigation ul li {
	display:block;
	float:left;
}

#subnavigation ul li a {
	display:block;
	padding:10px;
	font-size:15px;
	text-transform:lowercase;
	color:#fff;
	text-decoration:none;
}

#subnavigation ul li.selected a {
	background-color:#a43;
}

#subnavigation ul li a:hover {
	background-color:#b54;
}

/* Content
----------------------------------------------------------------------------------------------------*/
#content {
	clear:both;
	color:#fff;
	height:470px;
}

#content #intro {
	padding:30px 400px 30px 65px;
	width:496px;
	background-color:#000;
	background:url("../images/80p-black.png");
	position:absolute;
	top:293px;
	z-index:50;
	height: 200px;

}

#content h2 {
	letter-spacing:1px;
}

#content p {
	font-size:12px;
}

#content #slideshow {

}

#content #slideshow img {
	width:960px
}

.inside #content {
	height:auto;
	margin-top:45px;
}

/* Left Column
----------------------------------------------------------------------------------------------------*/

#leftcol {
	float:left;
}

#leftcol #rotating-photos {
	
}

#leftcol #rotating-photos img {
	width:400px;
}

#leftcol #flickr-photos {
	width:377px;
	height:160px;
	background-color:#333;
	padding-left:23px;
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
}

#leftcol #flickr-photos a {
	float:left;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	padding-top:20px;
}

#leftcol #flickr-photos a img {
	border:2px solid #fff;
	margin-right:10px;
}

#leftcol #flickr-photos a:hover img {
	border:2px solid #aaa;
}

/* Right Column
----------------------------------------------------------------------------------------------------*/

#rightcol {
	width:450px;
	margin:40px 50px 50px 50px;
	float:left;
	color:#333;
}

#rightcol h2 {
	font-weight:30px;
	text-transform:lowercase;
	color:#800;
	margin-bottom:5px;
}

#rightcol h4 {
	font-size:22px;
	font-weight:lighter;
	line-height:30px;
	margin-top:10px;
	margin-bottom:0px;
}

#rightcol p {
	
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	margin-top:-5px;
	background-color:#fff;
	background:url("../images/footer-background.gif");
	height:60px;
}

#footer ul {
	float:right;
	height:30px;
	margin:0px;
	padding:0px 65px 0px 0px;
	list-style:none;
	padding-top:12px;
}

#footer ul li {
	float:left;
	padding-right:8px;
	text-transform:lowercase;
}

#footer ul li a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

#footer ul li a strong {
	text-transform:uppercase;
}

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

.inside #footer {
	
}