/* normalize defaults */
html, head, body, 
h1, h2, h3, h4, h5, h6, 
div, span, p, blockquote, code, img, a,
table, tr, th, td,
ul, ol, li, label, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0px;
}

html { overflow: -moz-scrollbars-vertical !important; } /* firefox page shift fix */

body  {
	font: 80% Arial, Helvetica, sans-serif;
	background: #999999;
	background-image:url(images/bg_page.gif);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* For IE centering bug. Content is set to the left aligned default in the #container selector */
	color: #333;
}

/* GENERAL TYPE STYLES */

h1 { margin: 0; padding-bottom: 6px; font-size: 32px; line-height: 32px; letter-spacing: -.75px; font-weight: normal; color: #d19c00; }
h2 { margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: bold; color: #333; }
h3 { margin: 0; padding: 0; font-size: 13px; line-height: 16px; font-weight: bold; color: #333; }
ul, ol { margin: 0 2em .85em 2em }

/* LINKS */

a { text-decoration: none; }
a:link { color: #00586d; }
a:visited { color: #00586d; }
a:hover { color: #d19c00; }
a:active { color: #333; }


/* PAGE CONTAINER */

#container { 
	width: 770px; 
	background: #FFFFFF;
	background-image:url(images/bg_contentcontainer.gif);
	background-position: 0px 150px;
	background-repeat:repeat-x;
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/* HEADER */

#header { 
	background-image:url(images/header.jpg); background-repeat:no-repeat; 
	min-height: 96px;
	height: 96px;
	padding: 0px 20px;  
	margin: 0px;
} 

.mwalogo { float: left; width: 181px; height: 75px; margin: 5px 0px; padding: 0px; }


/* MINI NAVIGATION */

#mininav { padding: 8px; text-align: right; font-size: 11px; color: #999; }

#mininav a { text-decoration: none; padding: 0px 8px; }
#mininav a:link { color: #fff; }
#mininav a:visited { color: #fff; }
#mininav a:hover { color: #fff; text-decoration: underline; }
#mininav a:active { color: #fff; }


/* MAIN MENU */

#mainmenu { background-image: url(images/bg_mainmenu.gif); background-repeat: repeat-x; height: 55px; min-height: 55px; padding-left: 25px; }

#mainmenu ul { margin:0; padding:0; list-style:none; font-weight: bold; line-height: 1.25em; }
#mainmenu li { list-style: none; float: left; margin: 0px; padding: 5px; border-left: 1px solid #fff; text-align: left; width: 120px; height: 45px; min-height: 45px;} /*{ height is 55px - 10px padding = 45px  } */

#mainmenu li a { text-decoration: none; }
#mainmenu li a:link { color: #fff; }
#mainmenu li a:visited { color: #fff; }
#mainmenu li a:hover { color: #fad03f; }
#mainmenu li a:active { color: #333; }

#mainmenu li.current { background-image: url(images/bg_mainmenu_on.gif); }

#mainmenu li.current a { text-decoration: none; }
#mainmenu li.current a:link { color: #fff; }
#mainmenu li.current a:visited { color: #fff; }
#mainmenu li.current a:hover { color: #005c86; }
#mainmenu li.current a:active { color: #333; }


/* SIDEBAR */

#sidebar { float: left; width: 200px; padding: 30px 10px 15px 25px; }
#sidebar p { margin-bottom: 10px; }

   /* second level menu */
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar li { list-style-type: none; padding: 6px; }
#sidebar li.current { list-style-type: none; }

#sidebar a { text-decoration: none; font-weight: bold; }
#sidebar a:link { color: #00586d; }
#sidebar a:visited { color: #00586d; }
#sidebar a:hover { color: #d19c00; }
#sidebar a:active { color: #333333; }

#sidebar li a.current { text-decoration: none; font-weight: bold; }
#sidebar li a.current:link { color: #d19c00; }
#sidebar li a.current:visited { color: #d19c00; }
#sidebar li a.current:hover { color: #d19c00;  }
#sidebar li a.current:active { color: #333333; }

   /* third level menu */
#sidebar ul.menuthirdlevel { margin-top: 3px; }
#sidebar ul.menuthirdlevel li { margin: 0px 18px; padding: 4px 0px; list-style-type: disc; border: none; }

#sidebar ul.menuthirdlevel a { text-decoration: none; font-weight: normal; }
#sidebar ul.menuthirdlevel a:link { color: #333333; }
#sidebar ul.menuthirdlevel a:visited { color: #333333; }
#sidebar ul.menuthirdlevel a:hover { color: #d19c00;  }
#sidebar ul.menuthirdlevel a:active { color: #006699; }

#sidebar ul.menuthirdlevel a.current { text-decoration: none; font-weight: bold; }
#sidebar ul.menuthirdlevel a.current:link { color: #d19c00; }
#sidebar ul.menuthirdlevel a.current:visited { color: #d19c00; }
#sidebar ul.menuthirdlevel a.current:hover { color: #d19c00;  }
#sidebar ul.menuthirdlevel a.current:active { color: #333333; }


/* MAIN CONTENT */

#maincontent { margin: 0 0 0 250px; padding: 30px 30px 20px 0px; line-height: 17px; } 

#maincontent p { margin-bottom: 8px; }

.caption { font-size: 11px; line-height: 15px; font-style: italic; font-weight: bold; margin: 8px; text-align: center; }
.intro { font-size: 14px; line-height: 20px; letter-spacing: -.5px; font-weight: bold; color: #666; padding-bottom: 8px; }
.smallnote { font-size: 11px; line-height: 14px; font-style: italic; }

.right { float: right; margin: 0px 0px 12px 12px; }
.left { float: left; margin: 0px 12px 12px 0px; }

div.right { width: 220px; }

ul.listspaced li { margin-bottom: 12px; }

#downloadhelp { font-size: 80%; color: #666; margin-top: 90px; }

/* FOOTER */

#footer p { padding: 20px 0px 20px 250px; font-size: 11px; color: #666; } 


.clearfloat { /* this should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
