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

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: underline; }
a:hover { color: #e31937; text-decoration: none; }
a:active { color: #fff; text-decoration: underline;}
a.external {
	background:transparent url(/images/icons/external.png) no-repeat scroll right center;
	padding-right:13px;
}
.list { margin: 0 0 1.5em 0px; position: relative; }
.list li { 
	margin: 0 0 .4em 0; 
	padding: 5px 0 5px 20px; 
	background: url(../images/icons/arrow.gif) no-repeat 0px 6px; 
}
.pdf li {
	background-image: url(../images/icons/pdf.gif);
	background-position: 0 3px;
	padding: 5px 0 5px 25px; 
}


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: #000000;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
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;
}

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: 347px;
}
#header #headvideo {
	position: absolute;
	top: 58px;
	left: 28px;
}
#header .logo {
	position: absolute;
	top: 98px;
	left: 136px;
}
#header .stjohn {
	position: absolute;
	top: 23px;
	left: 874px;
}
#header h1 {
	position: absolute;
	top: 230px;
	left: 28px;
	width: 612px;
	height: 67px;
	background: url(../images/text/h1-home.gif) no-repeat;
}
.theglo #header h1 {
	background-image: url(../images/text/the-global-initiative.gif);
	background-position: 0 10px;
}
.therea #header h1 {
	background-image: url(../images/text/the-real-stories.gif);
	background-position: 0 10px;
}
.themed #header h1 {
	background-image: url(../images/text/the-medical-perspective.gif);
	background-position: 0 10px;
}
.comcam #header h1 {
	background-image: url(../images/text/community-campaign.gif);
	background-position: 0 10px;
}
#header h2 {
	width: 240px;
	height: 62px;
	position: absolute;
	top: 230px;
	left: 685px;
}
#header h2 a {
	background: url(../images/text/take-the-clicktosave-first-aid-course-now.gif) no-repeat;
	width: 240px;
	height: 62px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}


#nav {
	position: absolute;
	top: 138px;
	left: 109px;
	width: 758px;
	background: url(../images/text/nav.gif) no-repeat;
	height: 33px;
}


#nav ul  {
	/*position: absolute;
	top: 7px;
	left: 154px;*/
	position: relative;
	width: 758px;
	height: 33px;
	padding: 0; margin: 0 0 0 0;
	list-style-type: none;
	overflow: hidden;
	background: url(../images/text/nav-hompag.gif) no-repeat;
}
#nav li {
	margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;
}
.theglo #nav ul { background-image: url(..images/text/nav-theglo.gif) }
.therea #nav ul { background-image: url(..images/text/nav-therea.gif) }
.themed #nav ul { background-image: url(..images/text/nav-themed.gif) }
.comcam #nav ul { background-image: url(..images/text/nav-comcam.gif) }



#nav ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 33px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height :33px; /* IE5/Win */	
	background: transparent url(../images/text/nav.gif) no-repeat 0 0px;
	display: block; 
}
#nav ul li#glo a { left: 85px; width: 164px; background-position: -85px 0px }
#nav ul li#rea a { left: 249px; width: 137px; background-position: -249px 0px }
#nav ul li#med a { left: 386px; width: 199px; background-position: -386px 0px }
#nav ul li#com a { left: 585px; width: 173px; background-position: -585px 0px }

#nav ul li a:hover { background-position: 0 -33px }
#nav ul li#glo a:hover { background-position: -85px -33px }
#nav ul li#rea a:hover { background-position: -249px -33px }
#nav ul li#med a:hover { background-position: -386px -33px }
#nav ul li#com a:hover { background-position: -585px -33px }

.hompag #nav ul li a:hover, .hompag #nav ul li a {	background-position: 0px -66px }
.theglo #nav ul li#glo a:hover, .theglo #nav ul li#glo a { background-position: -85px -66px }
.therea #nav ul li#rea a:hover, .therea #nav ul li#rea a { background-position: -249px -66px }
.themed #nav ul li#med a:hover, .themed #nav ul li#med a { background-position: -386px -66px }
.comcam #nav ul li#com a:hover, .comcam #nav ul li#com a { background-position: -585px -66px }

#didyouknow h2 {
	background: url(../images/text/did-you-know.gif) no-repeat;
	width: 97px;
	height: 14px;
	margin-left: 20px;
}
#haveyoursay, #getinvolved {
	background: url(../images/bgrounds/curve-top.gif) no-repeat top left;
	padding-top: 15px;
}
#getinvolved {
	margin-bottom: 20px;
}
.curve-bottom {
	background: #222 url(../images/bgrounds/curve-bottom.gif) no-repeat bottom left;
	padding: 0 24px 15px 24px;
}
#haveyoursay .curve-bottom {
	padding: 0 24px 15px 18px;
}
#haveyoursay h2 {
	margin-left: 6px;
	background: url(../images/text/read-the-results-of-our-community-survey.gif) no-repeat;
	width: 147px;
	height: 32px;
	margin-bottom: 20px;
}
#haveyoursay p {
	margin-bottom: 0;
	margin-left: 6px;
}
#haveyoursay .resultstext {
	padding: 10px; line-height: 1.5; margin: 0 0 1.3em 0;
}
#haveyoursay .face img {
	margin: 0 0 1em 70px;
}
#getinvolved h2 {
	width: 80px;
	height: 14px;
	background: url(../images/text/get-involved.gif) no-repeat;
}

#main {
	width: 995px;
}
#main-l, #main-r, #main-c {
	float: left;
	display: inline;
}
#main-l {
	width: 284px;/* 425 */
	padding: 0 25px 0 116px;
	line-height: 1.5;
}

.therea #main-l, .themed #main-l, .comcam #main-l {
	padding-left: 136px;
	width: 270px;
}


.hompag #main-c {
	width: 240px;
	margin-right: 20px;
	line-height: 1.2;
}
#main-c {
	margin: 0;
	width: 480px;
}
#main-r {
	width: 240px;
}
#videos {
	margin: 20px 0 0 25px;
}
#videos h2 {
	background: url(../images/text/videos.gif) no-repeat;
	width: 44px;
	height: 12px;
	float: left;
	display: inline;
	margin-right: 6px;
}
#videos img {
	float: left;
	display: inline;
	margin-right: 5px;
}
#footer {
	
}

#getinvolved input {
	border: 1px solid #ccc;
	background-color: #666;
	color: #fff;
	margin: 0 0 0 0; padding: 0 0 0 0;
	width: 125px;
	padding: 2px;
}
#getinvolved label {
	display: block;
	margin: 0 0 0 0; padding: 0 0 0 0;
}
#getinvolved input.button {
	border: none;
	padding :0;
	width: auto;
	height: auto;
	float: right;
	margin: 5px 0 0 0;
}
.theglo #main-l {
	padding-right: 0;
	width: 309px; 
	width: 650px;
	
}
h2.global-reference-articles {
	background: url(../images/text/global-reference-articles.gif) no-repeat;
	width: 279px;
	height: 32px;
	margin-left: 20px;
}
h2.the-following-articles {
	background: url(../images/text/the-following-articles.gif) no-repeat;
	width: 583px;
	height: 14px;
	margin-left: 25px;
}
h2.nicole {
	background: url(../images/text/nicole-tolhurst.gif) no-repeat;
	width: 273px;
	height: 14px;
	margin-left: 0px;
}
h2.garry {
	background: url(../images/text/garry-wilkes.gif) no-repeat;
	width: 267px;
	height: 14px;
	margin-left: 0px;
}
.theglo .list {
	margin-right: 25px;
}
.theglo #main-c {
	margin-left: 25px;
}

#campaigns img {
	margin-bottom: 5px;
	border: 2px solid #000;
}
#campaigns a:hover img {
	border-color: #e31937;
}