/*  
Theme Name: MPB - Blue
Theme URI: http://griffindesign.com/
Description: 
Version: 1
Author: Ruben Griffin
Author URI: http://griffindesign.com/
*/


*
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* =Basic HTML Elements
----------------------------------------------------------------------*/

a:link    { color: #990000; text-decoration: none; }
a:active  { color: #990000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:hover   { color: #990000; text-decoration: underline; }

body
{
	font-family:	Arial, Helvetica, sans-serif;
	line-height:    1.2em;
	font-size:		14px;
	background:		#e7e5dc;
	color:			#615d4e;
}

/* =ID Elements
----------------------------------------------------------------------*/

#container {}

div.wrapper 	{ width: 800px; margin: 0 auto; }
div.wrapper2 	{ width: 914px; margin: 0 auto; }

#nav, #header, #content, #footer {
	width:			100%;
	float:			left;
	clear:			both;
}

#content
{
	padding:		10px 0;
	background:		url(images/bg_body.gif) repeat-y center #ece5c8;
	border-bottom:	5px solid #b8aead;
}
#content2
{
	float: 			left;
	width:			600px;
	padding:		10px 0;
}
#content a, #sidebar a
{
	border-bottom: 1px solid #9cf;
	color: #69c;
}

#content a:hover, #sidebar a:hover
{
	color: #000;
}

#content blockquote
{
	padding: 0 20px;
}

#content blockquote p
{
	color: #999;
	font: 13px Georgia, serif;
	line-height: 150%;
}

#content h1
{
	color: #369;
	font: 17px "Trebuchet MS", sans-serif;
	margin: 0 20px 5px;
	line-height: 200%;
	padding: 0 10px;
	text-align: right;
}

#content h2
{
	background: url(images/h2.gif) no-repeat center left;
	border-bottom: 1px solid #ccc;
	color: #333;
	font: 15px Tahoma, sans-serif;
	margin: 0 25px 15px;
	padding: 0 15px;
}

#content li
{
	background: url(images/content_li.gif) no-repeat 5px 8px;
	line-height: 150%;
	list-style: none;
	padding: 0 15px;
}

#content p, #content ol, #content ul
{
	color: #777;
	font: 12px Verdana, sans-serif;
	line-height: 150%;
	margin: 0 40px 15px;
}

#nav {
	background:		url(images/nav.gif) repeat-x bottom #1b4c00;
	padding-top:	15px;
	border-bottom:	5px solid #1b4c00;
}

#footer
{
	padding-top:	15px;
	text-align:		center;
	font-size:		10px;
}
#footer h1 { font-size: 10px; padding: 5px 5px 0 5px; }
#footer span { padding: 0 10px; }

#header
{
	height:			144px;
	background:		url(images/bg_header.gif);
}

#header h1
{
	color: #69c;
	font: 40px "Trebuchet MS", sans-serif;
	padding: 20px 0 0;
}

#sidebar
{
	float: left;
	width: 200px;
}

#sidebar form
{
	background: url(images/search_field.gif) no-repeat top center;
	height: 30px;
	margin: 0 0 10px;
	width: 200px;
}

#sidebar form input
{
	background: none;
	color: #999;
	font: 9px Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
}

#sidebar form p
{
	padding: 4px 0 0 5px;
}

#sidebar h3
{
	border-bottom: 1px solid #ddd;
	color: #999;
	font: 14px "Trebuchet MS", sans-serif;
	margin: 0 10px 10px;
	text-align: left;
}

#sidebar li
{
	background: url(images/side_li.gif) no-repeat 5px 6px;
	line-height: 150%;
	list-style: none;
	padding: 0 15px;
}

#sidebar p, #sidebar ol, #sidebar ul
{
	font: 10px Verdana, sans-serif;
	color: #999;
	line-height: 150%;
	margin: 0 20px 10px;
}

#content img {float:left; padding: 5px; margin: 5px; border: 1px solid #6299CC; background: #95CCFF}

#content img:hover {background: none;}

.johnjake 	 { position:absolute; width:180px; top:54px; z-index:3; left:50%; margin-left:-570px; }
.extreme 	 { position:absolute; width:230px; top:54px; z-index:3; left:50%; margin-left:355px; }
.sidebar	 { position:absolute; width:157px; top:211px; z-index:3; left:50%; margin-left:420px; }
.sidebar img { margin:5px 0; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family:	Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-size:		11px;
	width:			800px;
	position:		relative;
	z-index:		5;
}

.menu ul li a, .menu ul li a:visited {
	display:			block;
	text-decoration:	none;
	color:				#000;
	width:				114px;
	height:				25px;
	text-align:			center;
	color:				#fff;
	/*
	background:			#a69c9b;
	*/
	overflow:			hidden;
	padding:			3px 0;
}

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

.menu ul li {
	float:		left;
	position:	relative;
}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#1b4c00;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:114px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#666; color:#fff; height:auto; padding:5px 0; border-bottom: 1px solid #999; }
.menu ul li:hover ul li a:hover {background:#999; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-150px;}