@charset "utf-8";
/* CSS Document */

/* Styles used by the navigation bar
   ----------------------------------------------------------------- */
/* This class is used to flood the color all the way across the screen */
.floodred {
	width: 100%;
/*	background-color: #A00740; */
	background-image: url(../assets/images/lightgraygradient.jpg);
}

.floodblack {
	width: 100%;
	background-color: #000;
}

.floodbluegradient {
	width: 100%;
	background-image: url(../assets/images/lightgraygradient.jpg);
}

.floodgraygradient {
	width: 100%;
	background-image: url(../assets/images/lightgraygradient.jpg);
}


/* navwrapper holds the nav div */
#navwrapper {
	position:relative;
	width: 996px;
	margin: 0px auto;
	background-image: url(../assets/images/lightgraygradient.jpg);
}

#navwrapper img {
	border: none;
}


#nav ul {
	text-align: center;
	list-style: none;
	padding-bottom: 0;
	padding-left: 13px;
	padding-right: 0px;
	font-size: 21px;
	line-height: 40px;
	list-style-image: none;
	padding-top: 0px;
	height: 40px;
}

#nav ul li {
	float: left;
	height: 40px;
	text-align: center;
	color: #000;
	text-decoration: none;
}

#nav ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	height: 40px;
	padding-right: 18px;
	padding-left: 18px;
}

#nav ul li a:hover {
/*	background-color: #C1235E; */
	background-image: url(../assets/images/orangegradient.jpg);
}

/* Menu bar styles
   --------------- */
#menuwrapper {
	position:relative;
	width: 996px;
	margin: 0px auto;
/*	background-color: #A00740; */
}

#menubar {
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	color: #000;
/*	font-family: Arial, Helvetica, sans-serif; */
}

/* Style the greeting on the menu bar */
#menudiv {
	position: absolute;
	left: 695px;
	width: 300px;
	text-align: right;
}

#menudiv a {
	text-decoration: none;
	color: #C30;
}

#menudiv a:hover {
	color: #60F;
}

.MenuDot {
	color: #D9D8C4;
	padding-left: 5px;
	padding-right: 5px;
}

/* Style for displaying the current Project name */
#ProjectNameDiv {
	position: absolute;
	left: 2px;
}