html  {font-size:100%}

/* normalizes margin, padding*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td  {margin: 0; padding: 0;}

body	{font : 72%/1.5 Verdana, sans-serif; color: #403E41;}
	
#wrapper	{text-align: center; width: 100%; background-color: #E8E8E5}
#sides   { background: #e8e8e5 url(../images/left19_right19width918b.jpg) repeat-y; margin: 0 auto; width: 918px }
#area	{width: 880px; background-image: url(../img/bg_main.gif); background-repeat: repeat-y; text-align: left; margin: 0 auto;}

/* top header  (visual)*/
#header01	{width: 797px; height: 184px; background-color: #FFF; background-repeat: no-repeat; margin: 0; padding: 0; background-image: url(../images/headerback.jpg); text-align: right; padding-right: 83px; padding-top: 0px}

* html #header01	{width: 880px; height:186px}
* html #submenu	{width: 400px;}
* html ul.bullet {margin-left: 20px;}

ul.bullet {list-style-image: url(../images/redbullet.gif); background-position: bottom-left
	}

#bullets {background-color: #FFF; list-style-image: url(../images/redbullet.gif); background-repeat: no-repeat; background-position: bottom-left;
	}
	
#bulletsme {
	list-style: disc url(../images/redbullet.gif) inside; padding-left: 5px; padding-right: 5px; padding-top: 2px
	}

#bulletspete  {background-color: #FFF; background-image: url(../images/redbullet.gif) no-repeat 0 0; padding: 0 0 15px 15px;}

#main	{float: left; width: 661px;}

/* topmenu*/
#topmenu	{font-size: 98%; background-color: #3F1A77; text-transform: uppercase; height: 22px; line-height: 22px; margin: 0; padding: 0px 1px 0px 0 px; list-style: none; text-align: right;}
#topmenu li	{float: right; margin: 0 1px; display: block;}

#topmenu li a:link, #topmenu li a:visited {
text-align: right; text-decoration: none; display: block; padding-left: 5px; padding-right: 5px; }

#topmenu li a:hover {
display: block;
background-color: #E1F1EB;
color: #3F1A77;
text-decoration: none;
padding-left: 5px; padding-right: 5px;	
}

.topon { color: #FFF; background-color: #3F1A77;
} 
.topof { color: #3F1A77; background-color: #E9F4F0;
}
 
/* left sidemenu*/
#sidemenu ul {list-style: none;}
#sidemenu	{float: left; font-size: 92%; width: 220px; margin-top: 54px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding: 0px; list-style: none; border-top: 1px dotted #3F1A77;}
#sidemenu li  {height: 20px; text-align: right; border-bottom: 1px dotted #3F1A77; margin-top: 4px}

#sidemenu li a:link, #sidemenu li a:visited {
text-align: right; text-decoration: none;
padding: 2px 4px 4px 10px;	 }

#sidemenu li a:hover {
background-color: #3F1A77;
color: #FFF;
text-decoration: none;
padding: 2px 4px 4px 10px;	
}

.sideon { color: #FFF; background-color: #3F1A77; 
} 
.sideof { color: #3F1A77;
} 

/* subenu in content*/
#submenu	{font-size: 100%; color: #3F1A77; height: 20px; line-height: 20px; font-weight: bold; padding: 0; list-style: none; text-align: left; width: 400px; margin: 0; border-bottom: 1px dotted #CCC}
#submenu li	{float: left; margin: 0px 16px 0px 0px}

#submenu li a:link, #submenu li a:visited {
color: #3F1A77; text-align: left; text-decoration: underline; display: block; padding: 0; }

#submenu li a:hover {
display: block;
background-color: #E1F1EB;
color: #3F1A77;
text-decoration: underline;
padding-left: 0px; padding-right: 0px;	
}

/* content*/
#contentspace {float: right; width: 440px;}
#content {clear: both; padding: 10px 20px 20px;}
#content h2 {font-size: 120%; font-weight: bold; letter-spacing: 1px; color: #3F1A77;  margin-top: 0px; margin-bottom: 8px; display: block; background-color: #E1F1EB}
#content h3 {font-size: 105%; text-transform: uppercase; color: #3F1A77; font-weight: bold; margin-top: 10px; margin-bottom: 8px}
#content h4 {font-size: 98%; color: #3F1A77; font-weight: bold; margin-top: 10px; margin-bottom: 8px}
#content h5 {font-size: 94%; color: #3F1A77; font-weight: bold; padding-top: 10px; margin-bottom: 8px; border-top: 1px dotted #CCC;}
#crumbs	{float: left; font-size: 80%; padding: 8px 20px 0px 20px;}

p, td, li {font-size: 92%; font-weight: normal;}
td p {font-size: 76%;}
p a:link {font-size: 100%; color: CE0D20; text-decoration: none;}
p a:visited {font-size: 100%; color: CE0D20; text-decoration: none;}
p a:hover {font-size: 100%; color: CE0D20; text-decoration: underline;}
p a:active {font-size: 100%; color: CE0D20; text-decoration: none;}

.s  {font-size: 108%; font-weight: bold; color: #514E56;}
.purple  {font-size: 108%; font-weight: bold; color: #3F1A77;}
.home  { text-align: left; margin-top: -185px; padding-top: 3px; padding-left: 2px; font-weight: bold;}

/* buttons*/
#button_print, #button_mail	{float: right; width: 20px; height: 15px; overflow: hidden; text-indent: -500px; margin: 4px 12px 0 0;}
#button_print { background: #FFF url(../img/buttons/print.gif) 0 0  no-repeat;}
#button_mail { background: #FFF url(../img/buttons/mail.gif) 0 0  no-repeat;}

/* sidebar right*/
#sidebar	{float: right; width: 209px;}
#sidebar .visual	{border: 0; margin: 0 0 20px 20px;}
#quote { background: #FFF url(../img/quote.gif) 0 20px  no-repeat; padding-top: 110px; margin: 20px; font-size: 85%; border-top: 1px dotted #CCC;}
#quote div {font-style: italic; margin: 20px 0; font-size: 120%;}

/* footer*/
#footer	{clear: both; margin-left: 221px; margin-right: 220px; background: #C2E4D6 url(../img/footer.jpg) no-repeat; font-size: 80%; padding-top: 74px;  padding-bottom: 4px; text-align: right;}
* html #footer	{ padding-top: 38px;}
#footer a	{color: #CE0D20; text-decoration: none; padding: 8px;}