/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
body { line-height: 1;}

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}

del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basics and Typography */

body {
  font-family: Arial, Helvetica, sans-serif;  
  font-size:15px;
	color: #3C3C3C;
	background: #f6f4f2 url(images/bg-body.jpg) repeat-x;
}

/* The Layout */

#page {
  background: url(images/bg-page.jpg) top center no-repeat;
  position: absolute;
  width: 100%;
}

#wrapper-outer {
  background: url(images/bg-wrap.jpg) top left repeat-y; 
	width: 917px;
	margin: 92px auto 0 auto;
}

#wrapper-inner {
  background: url(images/bg-head.jpg) no-repeat; 
  position: relative;
  width: 917px;
}

#col-left {
  width: 200px;
  float: left;
}

#header {
  margin: 30px 0 0 30px;
}

#header h1 {
  background: url(images/mwt-logo.jpg) no-repeat;
  height: 167px;
  width: 200px;
}

#header h1 a {
  display: none;
}

#header h2 {
  position: absolute;
  font-family: "Times New Roman";
  font-variant: small-caps;
  font-weight: normal;
	font-size: 24px;
  color: #7e6048;
	top: -27px;
  right: 30px;
}

#menu, #sidebar {
  width: 200px;
  margin: 36px 0 0 30px;
}

#menu li {
  display: block;
  padding: 10px;
  border-bottom: 2px dotted #3e2414;
}

#menu li a{
  font-family: "Times New Roman";
  font-variant: small-caps;
	font-size: 16px;
  letter-spacing: 1px;
  color: #d7c7ba;
  text-decoration: none;
}

#menu li a:hover, #menu li a.active {
  color: #f6f4f2;
}

#col-right {
  width: 585px;
  float: left;
}

#content {
  background: url(images/bg-footer2.jpg) bottom right no-repeat; 
  width: 565px;
  padding: 108px 0 0 99px;
  position: relative;
}

#triptych {
  position: absolute;
  right: 0;
  top: 45px;
  width: 180px;
  height: 81px;
  background: url(images/bg-triptych.jpg) no-repeat; 
}

#footer {
  margin: 50px 44px 0 0;
  margin: 50px 0 0 0;
  line-height: 100%;
  border-top: 1px solid #ccdddd;
  font-size: 10px;
  padding-top: 10px;
}

#bottom {
  background: url(images/bg-bottom.jpg) no-repeat; 
  width: 917px;
  height: 29px;
}

#clear {
  clear: both;
}

/* Headings
***************************************************************************** */
#content {
  line-height: 160%;
  color: #3e2414;
}

#content h1, #content  h2, #content  h3, #content  h4, #content h5, #content h6 {
  font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	line-height: 1.2em;
  letter-spacing: 0.5px;
}
	
#content h1 { 
  border-bottom: 1px solid #ccdddd;
  font-size: 24px; 
	font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 29px;
}

#content h2 { 
  font-size: 20px; 
	font-weight: normal;
  margin-bottom: 15px;
}

#content h3 { 
  font-size: 16px; 
  margin-bottom: 15px;
}
#content h4 { font-size: 12px; }
	
#content h5 { 
	font-size: 10px;
	font-weight: bold; }
	
#content h6 { 
	font-size: 9px;
	font-weight: bold; }

#content code, #content pre {
	margin: 1em 0;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	color: #000;
}

#content pre {
	overflow: auto;
	padding: 1em;
	border: 1px solid #ddd;
	background: #f1f1f1;
}

#content blockquote {
  width: 160px;
	font-style: italic;
  font-size: 22px;
  font-family: "Times New Roman", serif;
  line-height: 36px;
	padding: 2px 10px 2px 35px;
	background: #ded3ca url(images/icon-quote.png) top left no-repeat;
  float: right;
  margin: 0 0 25px 33px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content acronym, #content abbr
{
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #999;
}


/* General elements
***************************************************************************** */
#content p, #content ol li {
	margin: .5em 0 1em 0;
}

#content hr { display: none; }

#content strong { 
	font-weight: bold;
}
	
#content em { font-style: italic; }

/* General elements
***************************************************************************** */

#content input {
	padding: 4px 8px;
	border: 1px solid #cdd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f9ffff;
}

#content input[type=button], #content input[type=submit], #content input[type=reset] {
	padding: 4px 8px;
	border-top: 1px solid #D7C7BA;
	border-left: 1px solid #D7C7BA;
	border-right: 1px solid #3D2E22;
	border-bottom: 1px solid #3D2E22;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  cursor: pointer;
	background: #7E6048;
	color: #fff;
}
#content input[type=button]:hover, #content input[type=submit]:hover, #content input[type=reset]:hover {
	border-top: 1px solid #3D2E22;
	border-left: 1px solid #3D2E22;
	border-right: 1px solid #D7C7BA;
	border-bottom: 1px solid #D7C7BA;
}

#content label {
	padding: 0 10px;
	font-size: 0.8em;
	color: #666;
}

#content textarea {
	padding: 9px;
	border: 1px solid #cdd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f9ffff;
}

/* Links
***************************************************************************** */

#content a {	text-decoration: none; }
	#content a:link    { color: #26a; }
	#content a:hover   { text-decoration: underline; }
	#content a:visited { color: #86989F; }

#content a img {	border: none;	}

#submenu a:link    { color: #3E2414; }
#submenu a:visited { color: #7E6149; }

/* list 
***************************************************************************** */

/* Unordered and Ordered list */
#content ul, #content ol { 
	margin: .5em 1.5em 1em 1.5em;
}

#content ul { 	
  list-style-type: disc; 
}

#content ol { list-style-type: decimal}

#submenu ul {
  background-color: #ded3ca;
  list-style-type: none; 
  padding: 10px 20px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#submenu ul li {
}

#submenu ul li a {
  padding: 0 15px;
}

/* Definiton list */	
#content dl { margin: 0 0 1.5em 0; }
	#content dl dt { font-weight: bold; }
	#content dd { margin-left: 1.5em; }
  

/* tables 
***************************************************************************** */

#content td, th {
  padding: 3px 5px;
}