body {margin: 0; padding: 0; background: url(../images/menyhart_bg.gif) repeat-y center; text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #333;}
a, td a {color: #4e7ead; text-decoration: none;}
a:hover, td a:hover {color: #ff6600; text-decoration: underline;}
a img {border: none;}

.left {text-align: left;}
.right {text-align: right;}
.justified {text-align: justify;}
.middle {text-align: center;}
.double {line-height: 150%;}

img.left {float: left; margin: 2px 20px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 20px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

#header {width: 688px; height: 35px; margin: 25px auto 10px auto; padding-left: 4px; clear: both;} /* width+8px aligns navigation to 680px */
#subheader {width: 680px; height: 25px; margin: 0 auto; clear: both;}
#content {width: 680px; margin: 1em auto; clear: both; text-align: left;}

#content p {margin: 0 0 1em 0;}
#content p.last {margin: 0;}
#content p.intro {font-weight: bold;}
#content h1 {font-size: 24px; margin: 0 0 .1em 0;}
#content h2 {font-size: 16px; margin: 0;}
#content h3 {font-size: 12px; margin: 0;}
#content hr {height: 1px; border-top: 1px; width: 500px; margin: 2em auto;}

#quote {font: 16px Georgia, Times, serif; color: #cc2929; margin: 15px 0; text-align: center;}

/* FAQ formatting */
#content p.faqQuestion {margin: 0 0 .4em 0; font-weight: bold;}

#content .subcolumn1-2 {float: left; width: 330px; margin-right: 20px;}
#content .subcolumn2-2 {float: right; width: 330px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 212px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 20px;}


/* LOGO AND PAGE TITLES */
#logo {width: 139px; height: 25px; margin: 0; padding: 0; background: url(../images/head-logo_beta.gif) left no-repeat; float: left;}
#about {width: 60px; height: 25px; margin: 0; padding: 0; background: url(../images/head-about.gif) left no-repeat; float: left;}

#breadcrumbs {width: 320px; height: 25px; color: #666; margin: 0; padding: 0; float: left; text-align:left; font-size: 10px; padding-left: 3px;}
#breadcrumbs a {text-decoration: none; color: #666; display: inline;}
#breadcrumbs a:hover {color: #000; text-decoration: underline;}

#subnav {width: 340px; height:25px; margin: 0; padding: 0; float: right; font-size: 11px; text-align: right;}
#subnav a {color: #333; text-decoration: none;}
#subnav a:hover {color: #000;}


/* SPECIAL */
p.info {background: url(../images/icon_info-16-white.gif); background-repeat: no-repeat; padding-left: 18px;}


/* IMAGE CROSS FADE */
/* height is set in imageCrossFade.css! */
#imageCrossFade {position:relative; margin:auto; width: 680px; border: 0;}


/* MAIN NAVIGATION */
/* adjusts to table width and font size; no highlight class implemented for now... */
#nav {table-layout: fixed; width: 300px; padding: 0; border: 0; margin: 0; float:right;}
#nav td {font-weight: bold; font-size: 11px; line-height: 16px; text-align: center; vertical-align: middle; white-space: nowrap; padding: 0; background: transparent url(../images/nav-top.gif) no-repeat center top;}
#nav td.first {background-position: left top;}
#nav td.last {background-position: right top;}
#nav a {text-decoration: none; color: #666; display: block; padding: 5px 0 8px 0; background: transparent url(../images/nav-bottom.gif) no-repeat center bottom;}
#nav td.first a {background-position: left bottom; padding: 5px 0 8px 0;}
#nav td.last a {background-position: right bottom; padding: 5px 0 8px 0;}
#nav a:hover {color: #000;}


#footer {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; border-top: 1px solid #666; width: 680px; margin: 1em auto; padding-top: .5em; clear: both;}
.copyright {font-size: 10px !important; color: #76797c;}