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,table,caption,tbody,tfoot,thead,tr,th,td{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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body 
{
	margin: 0px;
	font-family: "Arial";
	font-size: 76%;
	color:  #333;
	line-height: 1.2em;
	background: url(../graphics/background.jpg) repeat-x top #f3f1e5;
	text-align: left;
}

a { color: #336952; text-decoration: none; }
a:hover { color: #295542; }


#wrapper { margin: 0 auto; width: 990px; }

#logo { width: 290px; height: 250px; float: left; background: url(../graphics/logo-base.gif) bottom no-repeat #d7d0ab; }

#banner { width: 700px; height: 250px; float: left; background: url(../graphics/banner.jpg) no-repeat #d7d0ab; position: relative; }

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

#content, #footer, #search { width: 595px; float: right; padding: 20px 30px; background: #fff url(../graphics/content-top.gif) top right no-repeat; margin-right: 45px; }
*html #content { margin-right: 25px; }
*html #search, #footer { margin-right: 22px; }

#search { background-color: #ded3b0; background-image: none; padding: 10px 30px; }
#search input.text { border: 1px solid #ccc; width: 200px; padding: 3px; }
#search input.image { left: 3px; position:relative; top: 6px; }

#footer { border-top: 1px solid #bab5b2; font-size: 80%; background-image: none; background-color: transparent; }
#footer a { color: #666; text-decoration: none; }

h1, h2 { font-family: "Georgia"; font-weight: normal; line-height: normal; }

h1 { font-size: 190%; margin: 0 0 20px 0; color: #1b2a5d; }

h1.title { font-size: 200%; color: #fff; position: absolute; bottom: 0; margin: 0 0 15px 30px; display: block; width: 500px; line-height: 1em; }

h2 { font-size: 135%; margin: 0 0 20px 0; color: #757775; }
ul, ol { list-style-image: url(../graphics/square.gif); list-style-type: square; margin-bottom: 30px; list-style-position: outside; }
li { margin-left: 17px; padding: 3px 0; }

a { color: #930024; }
a:hover { color: #423b51; }

table tr td { padding: 0 20px; vertical-align: top; }
p { margin: 0 0 10px 0; padding: 0; }


#navigation { width: 220px; position: relative; z-index: 350; margin: 0 0 0 60px; }
#navigation ul { padding: 0; margin: 0; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; }
#navigation li { position: relative; float: right; padding: 0 1px 0 0; margin: 0; }
#navigation li a { zoom: 1; background: #fff url(../graphics/shadow.jpg) repeat-y right; width: 200px; float: right; font-size: 12px; padding: 18px 0 16px 20px; color: #1b2a5d; text-decoration: none; border-bottom: 1px solid #858d8b; margin-left: 10px; }
#navigation li a:hover { background: #cec7d8 url(../graphics/shadow-purple.jpg) repeat-y right; }
#navigation li.nav_active a, #navigation li.nav_active a:hover { background-color: #b0a9bb; width: 210px; background-image: none; margin-left: 0; }
#navigation li ul { position: absolute; left: 230px; top: 0; display: block; text-align: left; background: #d8d1e2; }
* html #navigation li ul { left: 220px; }
#navigation li.nav_active ul {  left: 230px; }


#navigation li li { float: none; display: block; padding: 0; margin: 0; }
#navigation li li a, #navigation li.nav_active li a { float: none; display: block; padding: 8px 12px; text-transform: none; font-size: 95%; letter-spacing: normal; background: none; border: none; border-bottom: 1px solid #bab5b2; margin: 0; }
#navigation li li.nav_active a, #navigation li li a:hover, #navigation li.nav_active li a:hover { background-color: #b0a9bb; background-image: none; }

/* dropdown CSS */

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130;   }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; left: 125px; top: 0; background-color: #5e5e5e; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }