@charset "utf-8";
/* CSS Document */

body {
	background: #d8d8d8 url(../images/bak08.gif) repeat-y center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	text-align: center;  /* For IE 5.5 and below (Places Layout in centre of browser) */
}

a:link, #content a:active {
	background-color: transparent;
	color: #00aae9;
}
a:visited {
	color: #00aae9;
}
a:hover {
	color: #f9b700;
	text-decoration: underline;
}


#wrapper {
	position: relative;
	width: 960px;
	margin: 0px auto; /* 'auto' centres the content of the wrapper (everything from the header to the footer) */
	text-align: left;  /* aligns left the text that was centred by the IE 5 workaround in the body */
}



/* ------- Header ------- */

#header {
	background-color: #ffffff;
	height: 85px;
}
#header .address {
	float: right;
	background-color: transparent;
	margin-right: 20px;
	margin-top: 20px;
	text-align:right;
	font-size: 0.7em;
	color: #00aae9;
	line-height: 1.4em;
}
#header .address a:link, #header .address a:visited {
	color: #00aae9;
	text-decoration: none;
	border-bottom: 1px dotted #00aae9;
}
#header .address a:hover {
	color: #f9b700;
}
#header .logo {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}



/* ------- Horizontal Menu ------- */

#mainNav {
	width: 960px;
	height: 33px;
	font-size: 0.7em;
	background-color: #00aae9;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#mainNav li {
	float: left; /* makes the menu (list) display horizontally (each list item gets placed to the left of the previous item) */
	border-right: solid;
	border-color: #ffffff;
	border-width: 1px;
}
#mainNav a:link, #mainNav a:visited {
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	float: left; /* to work properly in IE 5.2 on the MAC wen need to float the anchors as well */
	/*display: block;*/
}
#mainNav a:hover {
	color: #ffffff;
	background-color: #f9b700;
}



/* ------- Content ------- */

#content-wrapper {
	clear: left;
	position: relative;
	width: 960px;
	background: #fff url(../images/bak03.gif) repeat-y left center;
}

#content-pwrapper {
	clear: left;
	position: relative;
	width: 960px;
	background-color: #ffffff;
}

ol li{
	margin: 1.4em 0;
}

/* Left Column */

#content-leftcolumn {
	float: left;
	display: inline; /* Fixes margins duplicating in IE 6 */
	width: 620px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px; /* space between content and footer */
	font-size: 0.7em;
	color: #4d4d4d;
	line-height: 1.4em;
	
}
#content-leftcolumn h1 {
	margin-top: 10px;
    font-weight: bold;
	color: #00aae9;
	font-size: 1.9em;
}
#content-leftcolumn h2 {
    font-weight: bold;
	color: #00aae9;
	font-size: 1.2em;
}
#content-leftcolumn .question {
	color: #00aae9;
}
#content-leftcolumn .note {
	color: #00aae9;
}


/* Right Column */

#content-rightcolumn {
	float: right;
	width: 260px;
	margin-top: 38px;
	margin-right: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	color: #4d4d4d;
	line-height: 1.4em;
}

.img-with-text {
  text-align: justify;
  width: 220px;
}
.img-with-text img {    
  display: block;
  margin: 0 auto;
  border: 2px solid #00aae9;
}
.img-with-text p {
	clear: left;
}

.img-with-text-noborder {
  text-align: justify;
  width: 220px;
}
.img-with-text-noborder img {    
  display: block;
  margin: 0 auto;
}
.img-with-text p {
	clear: left;
}

.textBox {
	width: 95%;
	border: 1px solid #00aae9;
	background-color:#00aae9;
	color: #ffff00;
}
.textBox td {
	text-align: left;
	padding: 10px;
	font-size: 1.2em;
}

.standOut {
	text-align: center;
	font-size: 1.2em;
}


/* One Column */

#content-oneColumn {
	float: left;
	display: inline; /* Fixes margins duplicating in IE 6 */
	width: 920px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 0.7em;
	color: #4d4d4d;
	line-height: 1.4em;
	
}
#content-oneColumn h1 {
	margin-top: 10px;
    font-weight: bold;
	color: #00aae9;
    font-size: 190%;
}
#content-oneColumn h2 {
    font-weight: bold;
	color: #00aae9;
    font-size: 120%;
}



/* ------- Footer ------- */

#footer {
	clear: both;
	width: 960px;
	margin: 0px auto;
	background-color: #00aae9;
}
#footer p {
	margin: 0px;
	padding: 15px 0px;
}
#footer .legal {
	text-align: center;
	font-size: 0.7em;
	color: #ffffff;
}
#footer .legal a{
	text-decoration: none;
	color: #ffffff;
}