html {height: 100%; margin-bottom: 1px;}
body {margin: 0; padding: 0; color: #000; background: url(/images/background.gif) repeat-y center;  text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.6em;}
/* for browsers that don't properly implement inheritance */
p, li, ul, ol, td, textarea, input, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #464646;}
p, li, ul, ol {text-align: left; }
img {border: 0;}
td {vertical-align: top; padding: 0; margin: 0;}
ul,ol,li {margin: 0; padding: 0;}
ul {margin-left: 15px;}
li {font-size: 11px;}
form {margin: 0; padding: 0;}

p, h1, h2, h3 {margin: 1em 0;}
h1, h2, h3, h4, {color: #4e2973; font-weight: bold;}
h2, h3, h4 {margin-bottom: 0;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px; font-style:italic; margin-bottom: 3px;}
h4 {font-size: 12px;}
h5 {font-size: 13px; margin-bottom: 3px;}
h6 {font-size: 12px; font-weight: normal; margin-bottom: 0;}

a {color: #4e2973;}
a:hover {text-decoration: none;}

.left {float: left; margin: 0 10px 10px 0;}
.center {text-align: center;}
.right {float: right; margin: 0 0 10px 10px;}
.caption {font-size: 10px; text-align: center;}
.border {border: 1px solid #333;}
.purple {color: #4e2973; font-weight: bold;}
.green {color: #8cc63f; font-weight: bold; font-size: 30px; font-style: italic;}
.lilac {color: #957fab; font-size: 13px; font-weight: bold;}
.italic {font-style: italic;}
.heartspark {color: #4e2973; font-weight: bold; font-style:italic;}
.main_title {display:block; text-align:left; padding-top: 20px; padding-bottom: 15px;}
.green_title {display:block; text-align:left; padding-top: 20px; padding-bottom: 0px; color: #8cc63f; font-weight: bold; font-size: 30px; font-style: italic;}
.sub_title {display:block; text-align:left; padding-top: 0px; padding-bottom: 10px; color: #4e2973; font-weight: bold; font-size: 14px; font-style: italic;}

#nav {background: url(/images/nav_background.gif) repeat-x; color: #fff; font-size: 11px; height: 29px;}
#nav a:hover {color: #4e2973;}

#nav, #nav ul { /* all lists */ padding: 0;	margin: 0; list-style: none; /*line-height: 1em;*/}
#nav a {display: block;	width: inherit; color: #fff; text-decoration:none;}
#nav li { /* all list items */  float: left;	padding: 0; margin: 0; width: inherit; /* width needed or else Opera goes nuts, and yet not included because of alignment */}
#nav li ul { /* second-level lists */ position: absolute; padding-top: 1px; width: 125px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {border: 1px solid black; border-top: none; padding: 3px; background: white; width: 125px;}
#nav li ul a { /* second-level lists */ color: #000000;}
#nav li ul a:hover { /* second-level lists */ color:#663399;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;}

#main {margin: 0 auto; width: 800px; text-align: left; padding: 0;}
#header {background: url(/images/header_purple.jpg) bottom no-repeat; height: 131px; padding: 0;}
#header img {float: left;}

#content {clear: left;}

#left_column {padding: 0 20px 0 10px;}
#left_column h4 {margin-top: 0;}
#left_column p {margin-top: 0;}

#center_column {padding: 0 10px;}
#center_column p {margin-top: 0;}
#center_column ul {margin-top: 0;}

#right_column {padding: 180px 5px 0 15px;}

#footer p {font-size: 9px;}
#border_footer {border-bottom:#000000 1px solid; padding:0; margin-bottom:20px; margin-top:0;}