/* The body is the outermost layout component and contains the visible page content.  */
body {
	background-color: #000;
	color: #FFF;
	background-image:url(/styles/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Commonly used to style page titles. */
h1 {
	color: #FFF;
}
/* Commonly used to style section titles. */
h2 {
	color: #FC0;
}
h3 {
	color: #CCC;
}
h4 {
	color: #FC0;
}

h5 {
	color: #FFF;
}

h6 {
	color: #CCC;
}
/* Sets the style for unvisited links. */
a,  a:link {
	color: #FC0;
}
/* Sets the style for visited links. */
a:visited {
	color: #FC0;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #FC0;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #FC0;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #FC0;
}

/*Florida Tech Header */
#header {
	background-color:#000;
	border-bottom: 2px solid #666;
}

#header .fltech {
	background-image: url(/styles/images/florida_tech_header_site.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* This is a container for the page content.  */
#outerWrapper {
}

#header2 {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#menu {
	border: 1px solid #600;
}

#menu ul li a:link {
	color: #FC0;
	text-decoration: none;
}

#menu ul li a:hover {
	background-color: #666;
	color: #FC0;
}

#menu ul li a:visited {
}

#menu ul li a:focus {
}

#menu ul li a:active {
}

#outerWrapper #footer {
	background-image: url(/styles/images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#content {
}

.sidebar {
	background-color: #CCC;
	color: #000;
	border: 1px solid #600;
}

.sidebar h2, 
.sidebar h4 {
	color: #600;
}

.sidebar h3, #right_column .sidebar h5, #right_column .sidebar h6 {
	color: #000;
}

.sidebar h2.main {
	background-color: #600;
	color: #FFF;
}

.sidebar a {
	color: #600;
	border-bottom: 1px dotted #600;
}

a.join {
	background-image:url(/styles/images/join_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 186px;
	height: 38px;
	text-indent: -9999px;
	display: block;
}

a.join:hover {
	background-position: left bottom;
}

#outerWrapper #footer {
	color: #999;
}