*  {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 80% "Trebuchet MS", Arial, Verdana, Tahoma, Sans-serif;
	color: #333;
	background: #fff;
	text-align: center;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #cc222d; text-decoration: underline; }
a:visited { color: #cc222d; text-decoration: underline; }
a:hover { color: #cc222d; text-decoration: none; }
a:active { color: #cc222d; text-decoration: underline;}
a.external {
	background:transparent url(/images/icons/external.png) no-repeat scroll right center;
	padding-right:13px;
}
#main-c ul { margin: 0 0 1em 0px; }
#main-c ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 25px; 
	background: url(/images/icons/arrow.gif) no-repeat 4px 4px; 
}
#content ol {
	margin: 0 0 1em 25px;
}
#content ol li {
	list-style-type: decimal;
	margin: 0 0 .4em 0; 
}

p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}

img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 10px 10px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 10px 10px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 10px}
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border { padding: 1px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	color: #cc222d;;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 span, h2 span, h3 span {
	display: none;
}

h2.pageheader {
	width: 454px;
	height: 60px;
	background: url(../images/text/first-aid-focus.gif) no-repeat;
}
h2.hh2 { background-image: url(../images/text/high-school-course.gif) }
h2.hah2 { background-image: url(../images/text/high-school-application-form.gif) }
h2.ph2 { background-image: url(../images/text/primary-school-course.gif) }
h2.pah2 { background-image: url(../images/text/primary-school-application-form.gif) }
h2.kh2 { background-image: url(../images/text/kindergarten-to-year-two-course.gif) }
h2.kah2 { background-image: url(../images/text/kindergarten-application-form.gif); height: 88px;}
h2.ch2 { background-image: url(../images/text/contact-us.gif) }

p {
	margin: 0 0 1em 0;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #eee;
	background-color: #fff;
	margin: .5em 0 !important;
	margin: 0;
}

#header {
	position: relative;
	width: 100%;
	height: 190px;
	background: url(../images/bgrounds/header.gif) repeat-x;
	margin-bottom: 5px;
}
#header .logo {
	position: absolute;
	top: 39px;
	left: 46px;
}
#header h1 {
	background: url(../images/text/the-first-aid-focus-program-a-st-john-ambulance-initiative.gif) no-repeat;
	width: 252px;
	height: 32px;
	position: absolute;
	top: 76px;
	left: 131px;
}
#flashmasthead {
	width: 600px;
	height: 180px;
	position: absolute;
	top: 0;
	right: 0;
}


#container {
	margin: 8px auto 0 auto;
	width: 984px;
	text-align: left;
}

#main {
	width: 984px;
	background: url(../images/bgrounds/dot-v.gif) repeat-y 250px 0;
}
#main-l, #main-r, #main-c {
	float: left;
	display: inline;
}
#main-l {
	width: 250px;
}
#main-c {
	width: 454px;/* 484 */
	padding: 0 15px 15px 15px;
}
#main-r {
	width: 250px;
}


/* give the UL a background because IE takes a second to display the hover graphic */
#nav ul {
	width: 235px;
	height: 189px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(../images/text/nav-hom.gif);
}
.high #nav ul { background-image: url(../images/text/nav-hig.gif); }
.primary #nav ul { background-image: url(../images/text/nav-pri.gif); }
.kindergarten #nav ul { background-image: url(../images/text/nav-kin.gif); }
.contact #nav ul { background-image: url(../images/text/nav-con.gif); }

/* standard menu link background */
#nav ul li a {
	width: 235px;
	height: 34px; 
	display: block;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(../images/text/nav.gif) no-repeat 0 0px;
}
#nav ul li#hig a { background-position: 0 -34px }
#nav ul li#pri a { background-position: 0 -68px }
#nav ul li#kin a { background-position: 0 -102px; height: 53px }
#nav ul li#con a { background-position: 0 -155px }

#nav ul li a:hover { background-position: -235px 0;}
#nav ul li#hig a:hover { background-position: -235px -34px }
#nav ul li#pri a:hover { background-position: -235px -68px }
#nav ul li#kin a:hover { background-position: -235px -102px; height: 53px }
#nav ul li#con a:hover { background-position: -235px -155px }


.home #nav ul li#hom a:hover, .home #nav ul li#hom a { background-position: -470px 0;}
.high #nav ul li#hig a:hover, .high #nav ul li#hig a { background-position: -470px -34px }
.primary #nav ul li#pri a:hover, .primary #nav ul li#pri a { background-position: -470px -68px }
.kindergarten #nav ul li#kin a:hover, .kindergarten #nav ul li#kin a { background-position: -470px -102px; height: 53px }
.contact #nav ul li#con a:hover, .contact #nav ul li#con a { background-position: -470px -155px }




#footer {
	margin-top: 5px;
	background: url(../images/bgrounds/dot-h.gif) repeat-x;
	color: #777;
}
#footer p {
	background: url(../images/bgrounds/dot-h.gif) repeat-x bottom left;
	padding: 5px 0;
	text-align: center;
	font-size: .8em;
}

.attachments {
	width: 100%;
	background: url(../images/bgrounds/dot-v.gif) repeat-y 265px 0;
}
.downloads {
	float: right;
	width: 180px;
}
.downloads h2 {
	font-size: 1em;
	color: #222;
}


fieldset {
	/*background-color: #f4f4f4;*/
	border: 1px solid #d1d2d4;
	padding: 5px;
	/*margin-bottom: 10px;*/
	width: 442px;
	
}
legend {
	border: 1px solid #d1d2d4;
	background-color: #fff;
	font-weight: bold;
	color: #333;
	padding: 2px 5px;
	color: #cc222d;
}
fieldset label {
	font-size: .9em;
}
#schoolhours label {
	margin-left: 10px;
}
#schoolhours input {
	width: 70px;
	/*margin-right: 10px;*/
	/*margin-bottom: 5px;*/
}
label.block {
	display: block;
	font-weight: bold;
}
#schoolhours label.block {
	margin-left: 0;
	margin-top: 5px;
}

.numberofstudents input {
	width: 20px;
	/*margin-bottom: 5px;*/
}
.numberofstudents label {
	margin-left: 10px;
}
.numberofstudents label.block {
	margin-left: 0;
	margin-bottom: 5px;
}

#courseinfo label {
	margin-top: 5px;
}
.preferences input {
	margin-left: 10px;
}
#schoolcontacts {
	padding-bottom: 10px;
}
#schoolcontacts label {
	display: block;
	font-weight: bold;
	margin-top: 5px;
}
#schoolcontacts .left, #schoolcontacts .right {
	float: left;
}
#schoolcontacts .right {
	margin-left: 60px;
}
#schoolcontacts input {
	margin-left: 10px;
}
.button {
	margin: 0 0 0 150px;
}