* {
	margin: 5;
	padding: .5 3 .5 .5;
}

body {
	font: 76% Verdana, sans-serif;
	color: #6A5E52; 
	background: #FFF;}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {
	font-weight: 700;
	color: #6A5E52;
	border-bottom: 1px dashed #9A8E51;
	background: #fffff5;}

html body a:hover {
	color: #2D4067; 
	background-color: #E5EAF3;
	border-bottom: 1px solid #9A8E51;}

h1,h2,h3 {
	color: #666666;
	padding: .5em 0;
}
h1 {font-size: 1.5em; font-weight: 700; }
h2 {font-size: 1.4em; font-weight: 300;}
h3 {font-size: 1.2em; font-weight: 700; }

p {
	color: #6A5E52;
	font-size: 1em;
	padding: 0em;
}

blockquote {color: #6A5E52; font: 1em verdana, sans-serif; padding: 0.25em;}
strong { font-weight: 700; background: #fffff5; }

.right { text-align: right; }

#wrapper { width: 800px; margin-left: auto; margin-right: auto; }

#navbar { padding: 1em 0 0 0; }

#header {}
#banner {
	height: 60px;
	padding: 2em 0 1em 0;
	background-image: url("../images/WMC_MASTHEAD.gif");
	background-repeat: no-repeat;
}
#banner h1 {
	margin-left: 0em;
	margin-right: 200px;
}

#content {
	width: 540px;
	float: left;
	text-align: left;
}

#content ul, #content li {margin: 1em;}

#sidebar {
	font-size: .9em;
	width: 200px; 
	padding-left: 14px;
	border-left: 1px dashed #6A5E52;
	float: right;
}
#sidebar div { margin: 1em 0; }

#sidebar ul {padding: 0.5em 0 0.5em 1.5em ;}
#sidebar li { padding: .5em 0; }

#navbar ul {
	list-style: none;
}

#navbar li {
	width: 160px;
	position: relative;
	float: left;
	display: block;
}

#navbar ul ul {
	border: 0px none black;
	display: none;
	position: absolute;
	top: 100%;
}

/* make the anchor fill the li */
#navbar li a { display: block; padding: 3px; height: 18px;}

/*
 * The magic which shows the menus. The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the
 * li being hovered over'.
 */
#navbar li:hover > ul { display: block; }

/* clear the floated elements */
#navbar ul:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both; 
  visibility: hidden;
}
 
#navbar a.nav { 
	background-color : #fff; 
	color: #6A5E52;
	font : normal 8pt verdana, sans-serif; 
	text-decoration : none; 
	border: 1px solid #fff;
	padding: 0;
	text-align : center; 
	vertical-align : middle;
} 

#navbar a.nav:hover {
	background-color : #D7D4CF;
	border: 0px none #D7D4CF;
} 

#navbar a.menu {
	background-color : #ECEBE9; 
	color: #6A5E52;
	font : normal 8pt verdana, sans-serif; 
	text-decoration : none; 
	border: 1px solid #ECEBE9;
	padding : 0;
} 

#navbar a.menu:hover {
	background-color : #D7D4CF;
	border : 0;
	width: auto;
}

input, select, textarea {
	background-color : #E5EAF3; 
	color:#375BA3;
	font : bold 1em verdana, sans-serif; 
}

.pullimage {float: right; padding: 0 0 .25em 1em; border: 1px solid #D7D4CF}
.pullimage-left {
	float: right;
	border: 0px solid #D7D4CF;
	padding-top: 2 em;
	padding-right: 0em;
	padding-bottom: 0.25em;
	padding-left: 1em;
}