/* Background Image: */

body {
	/*background: url(/images/body-bg.gif) repeat-x scroll 0 61px; */
}
 
/* Logo Image: */

h1 a { /* Logo */ 
	width: 401px; 
	height: 51px; 
	background-image: url('http://images.macu.edu/logo/MACU-JRM-logo.png'); 
	background-size: 401px 51px; /* size of the image */
}

/*Container (block element that wraps the online app and sets it to center)*/

#container { 
	width: 840px;
	background: #FFF;
	padding: 0 40px 30px 40px;
	-webkit-box-shadow: 0 0 5px #CCC;
	-moz-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC; 
}
 
/*Main Content and Sidebar Sections (All elements within the main application)
To edit the content to the left of the sidebar or within the sidebar in the online application, you will want to use their Ids within the container:*/

#container #mainContent { 
	padding: 10px; 
	background: white;
	width: 510px; 
	padding-right: 0; 
	float: left; 
	display: block;
}


#side_bar {
	float: right;
	width: 260px;
	padding: 10px 15px 15px 15px;
	border: 1px solid #e6e6e6;
	border-top: none;
	background: #F2F2F2;
	margin-right: 0;
}
 

/***Navigation:***/

/*Main Navigation*/

#container #mainNav {
	background-color: #F8F4EB;
}
 
/*Welcome and Sign Out Links*/

#container #minorNav { 
	float: right; 
	margin-top: 57px;
}
 
/*Styling the Login and Registration Pages Independently*/

/*The login and registration page CSS can be controlled indepenently of the main application by specifying body.simple in the CSS. Examples of how this may appear are below:
Logo Image for Login Page Example:*/

body.simple h1 a { /* Logo */ 
	width: 401px; 
	height: 51px; 
	background-image: url('http://images.macu.edu/logo/MACU-JRM-logo.png'); 
	background-size: 401px 51px; /* size of the image */
}
 
/*Main Content of Login and Registration Page Example:*/

body.simple #container #mainContent { 
	border:1px solid rgb(46,164,167); 
	padding:10px 20px; 
}