/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Arial;
	font-size:12px; 
	color:#3f4a4e;
	text-align: center;

}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	
	width:800px; 
	margin: 0 auto;
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:300px; 
 
	text-align: left;
 
	 
}


/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:800px; 
	height:265px; 
 
 
	
}




/*==============================
BODY WRAPPER
===============================*/
.header-title
{
	float:left;
	
}


.header-menu
{
	
	width:800px; 
	height:41px; 
	margin-top: -5px;
}
 
/*  //The Menu//  */

.header-menu ul
{
	
	padding:0; 
	margin:0;
 	list-style:none; 
}

.header-menu li
{
	float:left; 
}

.body-wrapper
{
	margin-top: -8px; 
 
 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	float:left; 
 
 
	width:800px; 
	min-height:50px; 
}

/*==============================
	DROPDOWN MENU
================================*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #A9C1DB;
}


/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:800px;
	margin-right:5px; 
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:5px;
	border:solid 1px #869ca4;
}
/*The panel content */
.panel_content
{
	padding:2px; 
	background:url(slices/images/live_area.jpg); 
}
/* The panel title */
.panel_title
{	  
	height:16px; 
	font-size:14px; 
	color:#effaff; 
	padding:2px; 
	padding-left:4px; 
	background:url(slices/images/live_area.jpg); 
	background-repeat:repeat-x; 
	background-position:center center; 


}
/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:left; 
	width:180px; 
	min-height:530px; 
	
}



/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear: left; 
	height: 87px; 
	background: url(slices/images/footer.jpg); 
	padding: 10px;
}