/*The style sheet for the site.*/

/*Body: make the font sans-serif, and change the background color*/
body {
	font-family: sans-serif;
	background: #EEEEEE;
	width: 1000px;
	margin: 0;
	padding: 0;
}
/*stylizes the credits*/
small#credits {
	font-style: italic;
	width: 900px;
}

/*the sidebar column, where the links and login are located
sets the width, background(white), and margin(the spcae it pushes other things away from it)*/
td.sidebar {
	width: 180px;
	background: #fff;
	margin: 0px;
	vertical-align: top;
	float: left;
}

/*the main content column. Basically does the same thing as the above*/
td.main {
	width: 700px;
	background: #FFFFFF;
	margin: 0px;
	vertical-align: top;
	float: right;
}

/*the float left and float fight image class. Made irrelevent by the #right and #left id's*/
img.left {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

img.right {
	float: right;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

/*centers the title of the news*/
#newstitle {
	width: 5%;
	margin-left: 45%;
}

/*left, right, and center classes used to set something apart with a border (usually an image).
float: center does not exist, so the margin-left and -right: auto is used to compensate*/
.left {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.right {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

.center {
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
}

/*creates a caption area to be used in #left, #right, or #center.
puts an outline above it, and make the font lighter*/
#caption {
	border-top: 1px solid #EEEEEE;
	color: #777777;
	width: 100%;
}

/*the id for the news fader*/
#news_rotator {
	width: 720px;
	margin: 0px;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
}

/*the links list*/
ul#links {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 180px;
	vertical-align: top;
}
/*a links list item that is not a link. Displays a block with a different background*/
ul#links li {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	line-height: 30px;
	border-bottom: 1px solid #b80000;
	border-right: 1px solid #b80000;
	border-left: 1px solid #b80000;
	background: black url('../images/sidebar/ul_bg.png');
}
/*formatting for the username li item*/
ul#links li#usrname {
	display: block;
	margin: 0;
	padding-right: 0px;
	padding-left: 5px;
	color: #FFFFFF;
	background: black url('../images/sidebar/usrname_bg.png');
	}
/*a links list link - displays a block with an image and the link text*/
ul#links li a {
	display: block;
	padding-left: 5px;
	padding-right: 0px;
	text-decoration: none;
	color: #FFFFFF;
	background: black url('../images/sidebar/link_bg.png');
}
/*the "selected" or "current" link, displays a different background*/
ul#links li#selected a {
	display: block;
	padding-left: 5px;
	padding-right: 0px;
	text-decoration: none;
	color: #FFFFFF;
	background: black url('../images/sidebar/link_bg_hover.png');
}
/*the hover link, displays a different background too*/
ul#links li a:hover {
	color: #FFFFFF;
	background: black url('../images/sidebar/link_bg_hover.png');
}
/*the content wrapper, for centering purposes*/
#wrap {
	width: 900px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
}
/*sets the box for our team's little blurb*/
p#blurb {
	width: 180px;
	border: 1px solid #eee;
	float: left;
	padding: 0;
	margin: 0;
}
p#blurb.right {
	width: 180px;
	border: 1px solid #eee;
	float: right;
	padding: 0;
	margin: 0;
}

hr {
	border: 1px solid #eeeeee;
}

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