html,body {
height: 100%;
vertical-align: top;
background-color: #E6F5F4;
margin-bottom:0px;
}


body {margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
font-family: Arial, "Helvetica", sans-serif; 
font-style: normal; 
font-weight: normal; 
color: #002942; 
font-size: medium;}

/*this floats the header1 div over the background : 
it should be positioned to cover the bottom join of the 2 background gifs*/

#header1 {
	position: absolute;
	left: 70px;
	top: 140px;
}

#header1 h1 {
	position: absolute;
	left: -1000px;
	display: inline;
}

h2 {
	margin-left:70px;
   margin-right: 20%;
	margin-bottom:0px;
	padding-bottom:0px;
	background-color: #E6F5F4;
	color: #eb1262;
	text-indent:10px;
}
/*color: #D1000A;*/

h3 {
margin-bottom:0px;
padding-bottom:0px;
font-size: medium;
color: #eb1262;
}


p { 
color: #00615C; 
}


a:link {
	color: #eb1262;
}
a:visited {
	color: #00615C;
}
a:hover {
color: #eb1262;
	}
a:active {
	color: #D1000A;
}


.bodyitalic {
 font-weight: bold; 
 font-style: italic; 
 color: #333333;}



.imagepadleft { padding-left: 46px;}


#pagetitlelogoleft {
margin-left: 50px; 
/*margin-right: auto;*/
margin-top: 24px;
padding: 0px;
width: 190px;
}

.smalltext {
	font-size: small;
}

#infopagemaincontent p.bigtext, #brainquiz  p.bigtext {font-weight: bold;
 color: #00958E;}
 
#infopagemaincontent li {
	margin-bottom:3px;
}

#smallmenudiv {
margin:0;
height: 50px;
width: 100%;
background-color: #00958E;
color: #FFFFFF;
}



#smallmenu {
	position: absolute;
	top:30px;
	left: 48px;
}

#smallmenudiv a:link {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

#smallmenudiv a:visited { 
font-size: medium;
 color: #FFFFFF; 
 font-weight:bold; 
 text-decoration: none; }

#smallmenudiv a:hover { 
font-size: medium;
 color: #E6F5F4; 
 font-weight:bold;
 text-decoration: underline; }

#smallmenudiv a:active {
font-size: medium; 
color: #FFFFFF; 
font-weight:bold; 
text-decoration: none; }

#smallmenudiv span { 
font-size: medium;
 color: #E6F5F4; 
 font-weight:bold; }



.biggest { 
font-size: 24px; 
font-weight: bold; 
font-style: italic;
color: #eb1262;
padding-left:85px;
padding-top:5px;}


#infopagemaincontent {
background-color: #E6F5F4;
margin-left: 0px;
margin-right: 166px;
/*width: 640px;*/
padding-bottom: 40px;
color: #00615C;
}

#infopagemaincontent p {
	color: #00615C;
}


.firstpara {
	padding-top:0;
	margin-top:3px;
}

#infopagemaincontent .maincontentbigtext {font-weight: bold; color: #00958E; text-indent: 20px;}


.infopageimagepadding { 
 float: right;
 /*margin-right: 200px;*/ 
 padding-left: 50px; 
 padding-bottom: 20px;}


#infopagemenuimageblock {
margin-left: 50px; 
margin-top: 20px;
margin-bottom: 30px;
padding-right: 60px;
padding-left: 0px;
}


#sponsorlogoblock {
margin-top: 0px;
padding-left: 0px;
margin-bottom:0;
padding-bottom:0;
vertical-align: middle;
margin-right:0px;
padding-right:0px;
}

#sponsorlogoblock img {
	padding-right:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
   border-right: 15px solid #ffffff;
	vertical-align: middle;
}


#sponsorlogoblock a {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	vertical-align: middle;
}


#sponsorlogoleft {
margin-top: 0px;
padding-left: 0px;
margin-bottom:0;
padding-bottom:0;
vertical-align: middle;
margin-right:0px;
padding-right:0px;
float:right;
}

#sponsorlogoleft img {
	padding-right:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
   border-right: 15px solid #ffffff;
	vertical-align: middle;
}


#sponsorlogoleft a {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	vertical-align: middle;
}

/*background images - you should only have to change the images here and maybe the widths : remember to change images/widths in the html table code also!!*/

#rightback {
	background: url(graphic/topright.gif) top right no-repeat;
	vertical-align: top;
}

td#leftback {
	background: url(graphic/topleft.gif) top left no-repeat;
	padding:0px;
	margin:0px;
	width:166px;
	}
	
#rightbottom {
	background: url(graphic/bottomright.gif) bottom right no-repeat;
	height: 170px;
	padding:0px;
	margin:0px;
	}

#leftbottom {
	background: url(graphic/bottomleft.gif) bottom left no-repeat;
	width: 166px;
	height: 170px;
	padding:0px;
	margin:0px;
}

/*end bg images*/


#mainnav {
	margin-left: 90px;
	margin-top: 50px;
	z-index: 1;
	
}

#mainnav img {
	border:0px;
	margin-right: 40px;
}

#mainnav a.mainnavtext {
	position: absolute;
	left: -800px;
	display: inline;
}

#spacer {
	margin-top: 90px;
}


#layouttable {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	vertical-align: top;
	border:0;
}

#layouttable td {
border:0;
border-collapse: collapse;
}





ul {
	list-style: circle;
}

/*brainquiz*/
#brainquiz {
	margin-right:166px;
	}


#brainquiz label {display:block;
margin-bottom: 5px;
font-size: medium;}

#brainquiz ol li
{margin-top:30px; color: #00615C;}

#infopagemaincontent ol li
 {margin-top:30px; color: #00615C;}

#brainquiz input.radio {
	width:15px; 
	height:15px;
	margin-right: 10px;
}

#brainquiz span.brainq {
font-size: medium;
color: #eb1262;
display:block;
font-weight: bold;
margin-bottom:5px;
}

#infopagemaincontent span.brainq {
font-size: medium;
color: #eb1262;
display:block;
font-weight: bold;
margin-bottom:5px;
}


#brainquiz .select {
border: 1px solid #eb1262;
font-size: medium;
}

#brainquiz .select option {
border: 1px solid #eb1262;
padding: 2px;
border-collapse: collapse;
}

#brainquiz input.submitbutton{
border: 1px solid #eb1262;
cursor: pointer;
font-size: medium;
float: right;
margin: 20px; 
padding:4px;
}


/*drag n drop*/

#meeting, #sunbathing, #dancing {
position:relative;
text-align: center;
margin-bottom:6px;
cursor: move;} 

#meeting img, #sunbathing img, #dancing img {
display:block;
margin-bottom:3px;
cursor: move;
border:0;}


td.droptd {
	width:150px;
	border: 1px solid #00958E;
	border-collapse: collapse;
}

table.borderit td {
	width:150px;
	border: 1px solid #00958E;
	border-collapse: collapse;	
}

#draganswer {
	float:right;
	margin-left:10px;
}

caption {
	padding:20px;
	font-weight: bold;
 color: #00958E;
}

#oorlogo {
position:absolute; 
top:66px; 
right:10px; 
z-index: 5;	
}

/*risk reduction link*/

#riskreductionpub {
	padding: 10px;
	margin: 15px;
	padding-bottom: 20px;
	color: #00615C;
}

#riskreductionpub img {
	float:right;
}

.goodforyou {
	display:inline;
	color: #eb1262;
}

h3.goodforyou {
	color: #00958E;
}

#brainbottom {
	float:right;
	margin-right:8px;
}

/*bottom nav*/
#bottomnav {
	margin: 10px;
}


#bottomnav a:link {
	font-weight:bold;
	color: #eb1262;
	padding-right: 18px;
	padding-left:18px;
	text-decoration: none; 
}
#bottomnav a:visited {
   font-weight:bold;
	color: #eb1262;
	padding-right: 18px;
	padding-left:18px;
	text-decoration: none; 
}

#bottomnav a:hover {
   font-weight:bold;
	color: #eb1262;
	padding-right: 18px;
	padding-left:18px;
	text-decoration: underline; 
}

#bottomnav a:active{
	color: #00958E;
}