/*	Layout Styles for the UF Benton Engineering Council Website
 *	
 *	This Doucment contains the style definitions for the layout of the BEC Website.
 *	It governs the major page sections of the BEC Website that are present on all
 *  pages.
 *
 *	Note that any element with the postfix "inner" is a adjustment to get around a
 *	known rendering issue with the css box model in IE 6/Win.  Thanks Microsoft!
 *
 */

/* div layout */

body
{
	padding: 0;
	margin: 0;
	
	background-image: url(../images/gatorbg.png);
	background-repeat: repeat-x;
	background-color: #000000;
}

#main
{
	width: 85%;
	min-width: 900px;
	
	padding: 0;
	margin: 0 auto;
	
	background-image: url(../images/transparent.png);
}

#main-inner
{
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
}

#header
{
	padding-top: 10px;
	
	background-color: #2e3192;
	
}

#flash
{	
	width: 900px;
	height: 175px;

	margin: 0 auto;
	
	text-align: center;
	
	background-image: url(../images/transparent.png);
	
	overflow: hidden;
}

#flash-nav
{
	width: 100%;
	
	background-image: url(../images/transparent.png);
}

#nav-body
{
	width: 100%;
	
	background: url(../images/nav-body-mid.jpg) #eb6300 repeat-x bottom left;
}

#body
{
	margin: 0;
	padding: 0;
	
	
	background-color: #ffffff;
	
	overflow: hidden;
}

#body-inner
{
	margin: 10px 20px;
	background: transparent;
}

#content-box
{
	margin: 0 15px;
}

#body-foot
{
	height: 20px;
	width: 100%;	
	
	background: url(../images/body-foot-mid.jpg) repeat-x bottom left;
}

#footer
{
	margin: 0 auto;
}

/* layout div classes */

div.rounded-seperator
{
	padding: 0;
	padding-right: 20px;
}

#flash-nav div.rounded-seperator
{
	background: url(../images/flash-nav-right.jpg) no-repeat bottom right;
}

#nav-body div.rounded-seperator
{
	background: url(../images/nav-body-right.jpg) no-repeat bottom right;
}

#body-foot div.rounded-seperator
{
	background: url(../images/body-foot-mid.jpg) repeat-x bottom left;
}

/* other layout building blocks */

img.corner
{
	width: 20px;
	height: 20px;
	border: none;
	display: block !important;
}

/* navigation list setup */

#navigation
{	
	height: 1.5em;

	margin: 0;
	
	background: url(../images/nav-body-left.jpg) no-repeat bottom left;
	
	text-align: center;
	list-style-type: none;

}

#navigation li
{
	margin: .5ex 1ex;
	display: inline !important;
}

.adminPanel
{
	margin: 0 auto;
	border: solid 1px #cccccc;
	padding: 0;
	width: 90%;
}

.adminPanel div
{
	margin: 1em;
	text-align: center;
}