#leftRail{
	background-color:#d7d7d7;
	float:left;
	width:180px;
	margin-left:-180px;
	position:relative;
}
#leftnav{
	width:170px;
	background-color:#112c4d;
	margin: 5px;
	} 
#promo {
    border:2px dotted #727272;
    padding: 0 10px 5px 10px;
	margin: 0 5px 5px 5px;
	}
/* provide 2 screens that will keep the page more narrow */
#short_line { 
    padding: 0 50px 0px 10px;
}
#narrow_screen {
	margin: 0 130px 0 20px;
	}
#footer{
	margin-left:-180px;
	clear:both;
	text-align: center;
	background-color:#fff;
	border-top:5px solid #112c4d;
	}

#header {
	margin-left:-180px;
	clear:both;
	text-align: center;
	background-image:  url("Banner-wide.jpg");/* background logo top*/
	background-repeat: no-repeat;
	height: 100px;
	padding-top: 10px}
#header p {	color: #333333;
	font-weight: bold;
	font-size: 40px;
	}

div.imager p{text-align: center}
div.imager {
  float: right;
  padding: 5px;
  }	
div.imagel p{text-align: center}
div.imagel {
  float: left;
  padding: 5px;
  }			
 

p {	font-size : 10pt;
  padding: 0 1em 0 1em}
	
li {	font-size : 10pt;
   padding: 0 0 0 0 }

h1 {	font-size : 14pt;
   		font-weight: bold;
   		padding:  1em 0 0 0;
		color: #427094;
		text-align: center}
h2 {	font-size : 12pt;
   		font-weight: bold;
   		padding:0  1em;
   		text-align: center}
h3 {	font-size : 10pt;
   		padding:0 1em;}
h4 { 	font-size : 10pt; 
   		font-weight: bold;
		font-style: italic;
	  	padding: 0 1em;}		
h5 { 	font-size : 8pt; 
	  	padding: 0 1em;}
h6 {	font-size : 12pt; <!-- SAME AS H2 BUT LEFT ALIGNED -->
   		font-weight: bold;
   		padding: 0  1em;
   		text-align: left}
	
a:link {	color: #3333ff;	font-weight:bold; }
a:visited {	color: #333366;	font-weight:bold;}
a:hover {	color: #0000cc;	text-decoration: underline;}
	
/* set colour of email link distictive from other links */
.email{	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	font_size: 10pt}

#leftnav a { /*used in navigation */
	padding: 0 1em 0 1em;
	font-size: 10pt;
	color: #DDDDDD;
	text-decoration: none;}
#leftnav a:visited {	color: #DDDDDD;}
#leftnav a:hover {	color: #FFFFCC;}
	
#event {  /*used for event table only */
	padding: 5px;
	vertical-align:top;
	margin-bottom: 5px;	}
#event p {	font-size: 11pt;
	color: #333333; /*almost black */
	margin-top: 5px;}
#event tr { 
	height: 30px;}
#event th {font-weight: bold}
#event td {
	font-size: 11pt;
	color: #333333; /*almost black */
	margin-top: 2px;
	padding: 2px}
#event h1, th {	font-size: 11pt;
	font-weight: bold;
	color: #427094;   /*wedgewood blue*/
	margin-bottom: 0px;}
.nonOOC {background-color: #d7d7d7;
		font-size:10pt}
.training {background-color: #66cc66;
	 font-weight: bold}	
.OOC {background-color: #99FF66;
	 font-weight: bold}	
.floatright{float: right;}
.floatleft{float: left;}

#costs {  /*used for costs table only */
	padding: 2px;
	vertical-align:top;
	margin-bottom: 5px;	}
#costs h1, th {	font-size: 9pt;
	color: #427094;   /*wedgewood blue*/
	margin-bottom: 0px;}
#costs td {	font-size: 8pt;
	color: #333333; /*almost black */
	margin-top: 3px;}
#costs td {	padding: 2px}
#costs p {	font-size: 9pt;
	color: #333333; /*almost black */
	margin-top: 1px;}

	#note_table {  /*used for tables on e-brochures only */
	padding: 1px;
	vertical-align:top;
	margin-bottom: 0px;
	border: 1	}
#note_table h1, th {	font-size: 10pt;
	font-weight: bold;
	color: #427094;   /*wedgewood blue*/
	margin-bottom: 0px;}
#note_table p, td {	font-size: 9pt;
	color: #333333; /*almost black */
	margin-top: 0px;}
#note_table tr { background-color: #D7D7D0;
	}
#note_table td {
	padding: 1px}