@charset "UTF-8";
/* Onboard Systems */
/* Modified 27 August 2009 */

body { margin: 0px auto; background: url(../images/bg.gif) repeat-x #c2f1ff; } 
#header { margin: 0px auto; width: 860px; height: 150px; background:url(../images/header.gif) no-repeat; }
#wrapper { margin: 0px auto; width: 840px; padding: 0px 10px 40px 10px; background:url(../images/bg-wrapper.gif) repeat-y; }
#nav { margin: 0px auto; width: 840px; background:url(../images/bg-nav.gif) repeat-x; height: 32px; }
#content { clear: both; margin: 0px auto; width: 760px; padding: 0px 40px; overflow:visible; }
#footer { margin: 0px auto; width: 860px; background:url(../images/bg-footer.gif) no-repeat; height: 40px; padding: 20px 0px; }
div.clearing { clear: both; }
.separator { padding: 0px 3px; color: #8ac1d1; }
hr { border: none; border-bottom: 2px dotted #012c5a; clear: both; }

/* HEADER FONTS */ 
#header h3 { font: 11px Arial, Helvetica, sans-serif; text-align: center; color: #ffde5c; width: 285px; padding: 5px 30px 0px 545px; margin: 0px; }

/* NAV STYLING */ 
#nav ul { margin: 0px; padding: 0px; list-style: none; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; }
#nav ul li { display: inline-block; float: left; padding: 0px; margin: 0px 0px; height: 32px; }
#nav ul li:hover { background:url(../images/bg-nav-hover.gif) repeat-x; }
#nav a { text-decoration: none; color: #fff; padding-left: 15px; padding-right: 15px; padding-top: 8px; }
#nav a:hover { text-decoration: none; color: #fff; }
#nav a:active { text-decoration: none; color: #c2f1ff; }
#nav h3 { float: right; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; height: 24px; margin: 0px 0px; padding-top: 8px; }
#nav h3:hover { background:url(../images/bg-nav-hover.gif) repeat-x; }
.login { float: right; }

/* CONTENT STYLING */
#content h1 { margin: 0px; padding: 25px 0px 10px 0px; font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #004590; }
#content h2 { margin: 0px; padding: 5px 0px 0px 0px; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #01b5a8; }
#content h3 { margin: 0px; padding: 5px 0px 3px 0px; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4d92cc; border-bottom: 1px dotted #012c5a; }
#content h4 { margin: 0px; padding: 5px 0px 0px 0px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }
#content p { margin: 0px; padding: 6px 0px; font: 13px Georgia, "Times New Roman", Times, serif; line-height: 20px; color: #000; }
#content ul { font: 13px Georgia, "Times New Roman", Times, serif; line-height: 20px; color: #000; margin-top: 0px; margin-bottom:0px; }
#content ul li { list-style-image: url(../images/bullet.gif); }
#content a { text-decoration: underline; color: #b70a01; }
#content a:hover { text-decoration: none; color: #4d92cc; }
#content a:active { text-decoration: none; color: #012c5a; }

.main-image { border-bottom: 5px solid #4d92cc; padding-bottom: 1px; margin-bottom: 10px; float: right;  }
.second-image { border-bottom: 1px dotted #012c5a; padding-bottom: 1px; margin-bottom: 10px; float: right; clear: both; }
.flash { position: relative; left: 39px; margin-bottom: 20px; }

/* FOOTER STYLING */ 
#footer p { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4d92cc; text-align: center; }
#footer a { text-decoration: none; color: #4d92cc; }
#footer a:hover { text-decoration: underline; color: #004590; }
#footer a:active { text-decoration: none; color: #012c5a; }