body {margin: 15px 0; font: normal 76%/1.4 arial, helvetica, verdana, tahoma, sans-serif; background-color: #6A99C4; line-height:1.3em;  text-align:center;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/
h1, h2, h3, h4, h5, h6, p, blockquote,form, label, ul, ol, dl, fieldset{margin-bottom: .85em;} /* then reset the block level stuff so it all has the same bottom margin*/
.shhh{display:none;}
a {text-decoration:underline; color:#333;}
a:hover{text-decoration:none; color:#527bb9;}
h1{font-size: 1.4em; font-weight:bold; color:#006; font-style:italic;}
h2{font-size:1.2em; color:#6a99c4;}
h3{color:#333; font-size: 1.1em;}
p {color:#333;}
ul.norm{margin-left: 40px; list-style-type:none}
ul.norm li{background:url(../img/bullet.gif) left 5px no-repeat; padding: 0 0 5px 15px;}
ol{margin-left:40px;}
ol li{margin:4px 0;}
.clear{clear:both;}
blockquote{margin:10px 3px; font-style:italic; color:#333;}
.indent{padding-left:15px;}

#wrapper {background-color:#fff; margin:0px auto; width:780px; text-align:left; voice-family:inherit;}
#wrapper2 {padding:10px;}/*this is because IE has issues with doing it all with one box*/

#header {padding:0px; text-align:right; border:1px solid #6a99c4; background:#fff; height:108px;}
  #header p{float:right; color:#7f82cd; padding-right:10px;}
  #header h3{color:#7f82cd; font-size:1.1em; margin:23px 10px 0 0;}
  #header img {border:0px; float:left;}
  #header a {border:0px;}
  #header a:hover{background:transparent;}

#menu {line-height: 28px; font-size:.9em; margin-top: 10px;}
  #menu ul.menu {list-style-type:none; text-align:center;}
  #menu ul.menu li {display:block; float:left;}
  #menu ul.menu li a {font-weight:bold; width:120px; height:28px; color:#fff; display:block; text-decoration:none; background-color:#91B5DD; border:1px solid #fff;}
  #menu ul.menu li a#train{width:148px;}
  #menu ul.menu li a:hover, #menu ul.menu li a.current {background-color: #6a99c4;}

#outterboxindex {padding:0 0 10px 0; margin:0; float:left; width:563px; background-color:#E7F7FE; border: 1px solid #6a99c4; }
	html>body #outterboxindex {margin:10px 0;}
#sidebarContainer {border:#6a99c4 1px solid; float:left; margin:0 0 0 10px; width:180px; background-color:#C5ECFE;  /* Hide the following overflow \*/ overflow: hidden; /* from IE5Mac */ }
	html>body #sidebarContainer{margin:10px 0 10px 10px;}
	
#outterbox {padding:0 0 10px 0; margin:0 0 10px 0; background-color:#E7F7FE; border: 1px solid #6a99c4; /* minimum height hack for ie */ min-height: 470px; height: auto; _height: 470px;}
	html>body #outterbox{margin: 30px 0 10px 0;}

#maincontentbox {padding:10px; margin:0;}

#footer {font-size:.8em; color:#999; padding:1px 10px; border-top:#dedede 1px solid; clear:both;}

img.left{float:left; padding:5px;}
img.right{float:right; padding:5px;}
img, img.right, img.left{margin:4px; border: 1px solid #666;}

.center{text-align:center;}
  
button{border:1px solid #ccc; background-color:#fff;}
a img.pad{margin:3px;}

#sidebar {padding:10px; color:#777; line-height:1.2em;}
#sidebar h2 {font-size:1.3em; margin:0px 0px 3px; color: #006; font-style:italic; text-align:center; font-weight:normal;}
#sidebar p {margin:0px 0px 10px; font-size:1em;}
#sidebar h4 {font-size:.9em; text-align:right; color:#000;}

