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

*
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, Sans-serif;
}
 
body
{
	text-align:center;
	background: #454040 url("../../images/site_bg.gif") repeat-x top left;
	margin:0px;
	height: 100%;
}


a:link, a:active, a:visited {
	color: #900;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

a:hover {
	color: #900;
	text-decoration: none;
	margin: 0;
	padding: 0;
} 


fieldset {
	padding: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

input:hover {
    background: #ff6;
}

textarea {
	font-size: 12px;
}

.required {
	color: #C00;
	font-weight: bold;
	}

/* Buttons */

a.button{
	background:url(../../images/buttons/button.gif);
	display:block;
	color:#900;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#222;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.order{
		background:url(../../images/buttons/order.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.add{
		background:url(../../images/buttons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../../images/buttons/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../../images/buttons/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../../images/buttons/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../../images/buttons/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../../images/buttons/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(../../images/buttons/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(../../images/buttons/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

#content a:link, #content a:active, #content a:visited {
	color: #ccc;
	text-decoration: underline;
	margin: 0;
}

#content a:hover {
	color: #ccc;
	text-decoration: none;
	margin: 0;
} 

#top_bg
{
	text-align:center;
	background: url("../../images/red_bg.gif") no-repeat top center;
	margin:0px;
	z-index: 10;
}
 
#container
{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:left;
	color:#686767;
}

#topcontent {
	text-align: center;
	background: url("../../images/top_content_bg.gif") no-repeat top center;
	height: 480px;
	margin: 0;
	padding: 0;
}

#topcontent .topleft {
	width: 475px;
	height: 325px;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	text-align: left;
}

#topcontent .topright {
	float: right;
	width: 525px;
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	text-align: right;
}
 
/*  MSUM HEADER */
#redbox {
  font-size: 14px;
  text-align: right;
  width: 980px;
  margin: 0 10px 0 10px;
  height: 34px;
}

ul#nav {
  float: left;
  color: #fff;
  font-weight: normal;
  text-transform: lowercase;
  text-decoration: none;
  padding: 7px 5px 5px 5px;
}

ul#nav li {
  display: inline;
}

ul#nav a:link {
  color: #fff;
  text-decoration: none;
}

ul#nav a:visited {
  color: #fff;
  text-decoration: none;
}

ul#nav a:hover {
  color: #fff;
  text-decoration: underline;
}

ul#nav a:active {
  color: #fff;
  text-decoration: none;
}

#search {
  padding: 5px;
  color: #fff;
  font-weight: normal;
  text-transform: lowercase;
}

#search input {
  font-family: arial, sans;
  color: #cc0000;
}

#logo {
  clear: right;
  float: left;
  margin: 5px 10px 0 15px;
}

#deptheader {
  clear: right;
  float: right;
  text-align: right;
  margin-top: 25px;
  
}
#deptheader h1 {
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
   padding: 3px 15px 0 0;
}

#whiteback {
  border: 0;
  width: 1000px;
  height: 75px;
}


/* NAVIGATION */

#navigation {
	height: 25px;
	margin: 16px 0 0 0;
	text-align: left;
	padding: 5px 0 0 15px;
	font-size: 14px;
	color: #bfde16;
	background: #000; 
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666,  #000); /* for firefox 3.6+ */
	z-index: 50;
}

#navigation a:link, #navigation a:active, #navigation a:visited {
	color: #bfde16;
	text-decoration: none;
}

#navigation a:hover {
	color: #bfde16;
	text-decoration: underline;
} 


/* CONTENT */


#content {
	margin: 15px 0 15px 0;
	background: url("../../images/lowercontent_bg.gif") repeat-y top left;
	font-size: 14px;
	line-height: 18px;
	color: #ccc; 
} 

#insidecontent {
	margin: 25px 15px 15px 15px;
	text-align: left;
	float: left;
	z-index: 20;
	zoom: 1; /* For IE6 */
} 

#content .left {
	width: 650px;
	margin-right: 0px;
}

#content .right {
	float: right;
	width: 350px;
	margin-left: 0px;
	text-align: right;
} 

#content h1 {
	font-size: 24px; 
	font-weight: normal; 
	margin-bottom: 10px;
} 

.cmutable td {
	padding: 10px;
} 

.cmutable_sm td {
	padding: 5px;
}

#insidecontent a:link, #insidecontent a:active, #insidecontent a:visited {
	color: #900;
	text-decoration: underline;
}

#insidecontent a:hover {
	color: #900;
	text-decoration: none;
} 



/* BOXES WITH ROUND CORNERS */

.rounded10 {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius: 10px;
    border-radius: 10px; 
}

.rounded15 {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  -khtml-border-radius: 15px;
    border-radius: 15px;
} 

.rounded20 {
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  -khtml-border-radius: 20px;
   border-radius: 20px;
} 

.featuredbox {
	background-color: #1c1c1c; 
	color: #efefef;
	width: 600px;
	padding: 15px;
}

.hourbox {
	background-color: #000;
	font-size: 14px;
	line-height: 18px;
	color: #ccc; 
	width: 290px;
	padding: 20px;
	margin-left: 20px;
	text-align: left;
}

#insidenav {
	background-color: #1c1c1c;
	color: #bfde16;
	text-align: left;
	width: 130px;
	padding: 15px;
	font-size: small;
	float: left;
	position: relative;
	top: 25px; left: 0;
	z-index: 21;
	zoom: 1;
} 

.insidecontentblock3 {
	background-color: #efefef; 
	color: #000;
	width: 535px;
	padding: 20px;
	margin-left: 140px;
	margin-right: 255px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	float: none;
	z-index: 25;
	
}

.insidecontentblock2 {
	background-color: #efefef;
	color: #000;
	width: 790px;
	padding: 20px;
	margin-left: 140px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	float: none;
	z-index: 26;
}

.insideextra {
	background-color: #1c1c1c;
	color: #efefef;
	text-align: center;
	width: 225px;
	padding: 15px 15px 15px 30px;
	margin-top: 25px;
	font-size: 11px;
	float: right;
	position: relative;
	zoom: 1;
	z-index: 22;
}  

.img {
	border: 1px #efefef solid;
}  


#insidenav a:link,  #insidenav a:active,  #insidenav a:visited {
	color: #bfde16;
	text-decoration: none;
	line-height: 24px;
}

#insidenav a:hover {
	color: #bfde16;
	text-decoration: underline;
	line-height: 24px;
}  

#insidecontent h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: bold;
	color: #900;
} 

#insidecontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	color: #05b3e1;
} 

#insidecontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #661414;
} 

#insidecontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #BFDE16;
} 

#insidecontent ul li {
	margin: 8px 0 8px 20px;
}




/* FOOTER */

#footer {
	background-color:#222;
	border-top: thin #777 solid;
	padding: 15px 0 15px 0;
	color:#555;
	font-size: 10px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #555;
	text-decoration: none;
}

#footer a:hover {
	color: #555;
	text-decoration: none;
}  

/* Weekly Room Requst */

#weeklycalendar table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #900;
	width: 175px;
}

#weeklycalendar td {
	padding: 2px;
	border-color: #ccc;
	border-width:thin;
	border-style: solid;
}

#weeklycalendar .header {
	font-size: 14px;
	font-weight: bold;
	background-color: #900;
	color: #fff;
}

#weeklycalendar td.breakhours {
	color: #000;
	background-color: #ddd;
}

.small {
	font-size: 9px;
}