html, body {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% verdana,arial,helvetica,sans-serif; /* 16px/em x 62.5% = 10px/em */
}
body, a {
	background-color: transparent;
	color: #666666;
}
a:hover {
	background-color: transparent;
	color: #0092CB;
}
a img {
	border: 0;
}
input, textarea {
	font: 1em verdana,arial,helvetica,sans-serif;
}
.hidden {
	position: absolute;
	left: -2000em; /* netscape 7.1 and earlier won't put this offscreen if this is a percent value */
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}
#container {
	width: 767px;
	margin: 0 auto;
}
.map #container {
	width: 434px;
}

/* 
without changing the current structure, this rule is target to solve the display
issue for vertical spacing between form fields of Contact Us in IE7
*/  
.clearfix{
height:1%;
}
/* easyclearing from positioniseverything.net
   height: 1% (giving ie/win "layout") done in ie_common.css
   feeding ie/mac display: inline-table done in ie_mac5.css */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* header */

#header {
	position: relative;
	height: 91px;
}
.map #header {
	height: 84px;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header li, #header .dot_divider {
	position: absolute;
}
#header .home {
	left: 29px;
	top: 10px;
}
#header .courses, #header .centres, #header .business, #header .trinity {
	left: 383px;
}
#header .services, #header .resources, #header .about, #header .contact {
	left: 521px;
}
#header .courses, #header .services {
	top: 9px;
}
#header .centres, #header .resources {
	top: 27px;
}
#header .business, #header .about {
	top: 45px;
}
#header .trinity, #header .contact {
	top: 63px;
}

#header .rollover {
	display: block;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left top;
}
#header .courses, #header .resources, #header .about, #header .contact {
	height: 13px;
}
#header .centres, #header .business, #header .trinity, #header .services {
	height: 15px;
}
/* ie/win has problems with multiple classes in selectors, so we do this instead */
#header li.tc, #header li.sc {
	width: 27px;
	height: 14px;
}
#header .courses {
	background-image: url("/en/assets/images/global/nav_courses_over.gif");
}
#header .centres {
	background-image: url("/en/assets/images/global/nav_learning_over.gif");
}
#header .business {
	background-image: url("/en/assets/images/global/nav_business_over.gif");
}
#header .trinity {
	background-image: url("/en/assets/images/global/nav_trinity_over.gif");
}
#header .services {
	background-image: url("/en/assets/images/global/nav_language_over.gif");
}
#header .resources {
	background-image: url("/en/assets/images/global/nav_resources_over.gif");
}
#header .about {
	background-image: url("/en/assets/images/global/nav_about_over.gif");
}
#header .contact {
	background-image: url("/en/assets/images/global/nav_contact_over.gif");
}
#header .tc {
	background-image: url("/assets/images/global/nav_tc_over.gif");
}
#header .sc {
	background-image: url("/assets/images/global/nav_sc_over.gif");
}
#header .rollover a:hover img {
	visibility: hidden;
}

#header .dot_divider {
	left: 665px;
	top: 12px;
}

#header .tc, #header .sc {
	top: 10px;
}
#header .tc {
	left: 690px;
}
#header .sc {
	left: 726px;
}

.map #header .logo {
	position: absolute;
	left: 19px;
	top: 8px;
}
.map #header .dot_divider {
	left: 331px;
	top: 3px;
}
.map #header .close_window {
	position: absolute;
	left: 347px;
	top: 9px;
}


/* main */

#main {
	font-size: 1.1em; /* 10px/em x 1.1em = 11px */
	line-height: 1.545em; /* 11px/em x 1.545em ~= 17px */
}
#main h2 {
	margin: 0 0 0.385em; /* 13px/em x 0.385em ~= 5px */
	background-color: #FFFFFF;
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 1.182em; /* 11px/em x 1.182em ~= 13px */
	line-height: normal;
}
#main h3, #main h4, #main h5 {
	margin: 0.909em 0 0.364em; /* 11px/em x 0.909em ~= 10px, 11px/em x 0.364em ~= 4px */
	font-weight: bold;
	font-size: 1em;
}
#main p, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main table {
	margin: 0 0 1.545em; /* 11px/em x 1.545em ~= 17px */
	padding: 0;
}
#main dt, #main dd, #main li {
	margin: 0;
}
#main ul, #main ol {
	list-style: none;
}
#main table {
	border-collapse: collapse;
}
#main blockquote {
	margin: 0;
	font-style: italic;
}

#main p.preface {
	margin-bottom: 0;
}
#main .last_in_section {
	margin-bottom: 3.091em; /* 11px/em x 3.091em ~= 34px */
}
#main ul.disc li {
	padding-left: 14px;
	background: url("/assets/images/global/bluedot.gif") no-repeat 2px 0.636em; /* 11px/em x 0.636em ~= 7px */
}

/* left-align the counter using the "typical" character width (width of "n")
   consequently the "m" counter will stick out for lower_alpha
   and so will counters greater than 9 for single_digit_decimal
   safari is still off by one since its gap is 1px less than mozilla/firefox and opera */
#main ol.lower_alpha, #main ol.single_digit_decimal {
	padding-left: 1.727em; /* 11px/em x 1.727em ~= 19px, 10px counter width + 9px gap */
}
#main ol.lower_alpha {
	list-style-type: lower-alpha;
}
#main ol.single_digit_decimal {
	list-style-type: decimal;
}

#main p.inline, #main ul.inline, #main ul.inline li {
	display: inline;
}
#main dl.details dt {
	display: inline;
	font-weight: bold;
}
#main dl.details dd {
	display: inline;
}
#main .name {
	font-weight: bold;
}
#main span.lang {
	font-style: italic;
}

#main ul.actions {
	font-size: 0.909em; /* 11px/em x 0.909em ~= 10px */
}
#main ul.actions li.last_in_section {
	margin-bottom: 1.7em; /* 10px/em x 1.7em = 17px */
}
#main ul.actions img {
	margin: 0 0.4em 0 0.1em; /* 10px/em x 0.4em = 4px, 10px/em x 0.1em = 1px */
}
#main ul.actions img.icon_back, #main ul.actions img.icon_top {
	width: 0.7em; /* 10px/em x 0.7em = 7px */
	height: 0.7em; /* 10px/em x 0.7em = 7px */
	margin-bottom: -0.1em; /* 10px/em x 0.1em = 1px */
}
#main ul.actions img.icon_map {
	width: 1.3em; /* 10px/em x 1.3em = 13px */
	height: 1.3em; /* 10px/em x 1.3em = 13px */
	margin-bottom: -0.4em; /* 10px/em x 0.4em = 4px */
}
#main ul.actions img.icon_pdfdownload {
	width: 1.1em; /* 10px/em x 1.1em = 11px */
	height: 1em; /* 10px/em x 1em = 10px */
	margin-bottom: -0.1em; /* 10px/em x 0.1em = 1px */
}
#main ul.actions img.icon_website {
	width: 0.7em; /* 10px/em x 0.7em = 7px */
	height: 1.4em; /* 10px/em x 1.4em = 14px */
	margin-bottom: -0.4em; /* 10px/em x 0.4em = 4px */
}
#main ul.actions img.icon_video {
	width: 1.2em; /* 10px/em x 1.2em = 12px */
	height: 0.8em; /* 10px/em x 0.8em = 8px */
	margin-bottom: -0.1em; /* 10px/em x 0.1em = 1px */
}


#subnav {
	position: relative;
	height: 162px;
}
#subnav h1 {
	margin: 0;
}
#subnav h1 img {
	position: absolute;
	left: 0;
	top: 0;
}
#subnav ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 187px;
	left: 179px;
	top: 20px;
	list-style: none;
	line-height: 1.455em; /* 11px/em x 1.455em ~= 16px */
	text-align: right;
}
.about #subnav ul {
	top: 16px;
}
#subnav li {
	background-color: transparent;
	color: #FFFFFF;
	/*font-weight: bold;*/
}
#subnav li a {
	background-color: transparent;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
#subnav li a:hover {
	background-color: transparent;
	color: #FFFFFF;
}
#subnav .visual {
	position: absolute;
	left: 382px;
	top: 0;
}


#content {
	float: left;
	width: 531px;
	min-height: 372px;
	margin: 9px 0 0;
	padding: 0 1px 0 27px;
}

.home #content {
    valign:top;
	width: 371px;
	min-height: 0;
	margin: 1px 0 0;
	padding: 0 0 0 17px;
}


#content.partial {
	width: 334px;
	padding: 0 20px 0 27px;
}
#content.extended {
	width: 713px;
	padding: 0 27px;
}


.courses #content h3, .courses #content h4 {
	background-color: #FFFFFF;
	color: #669966;
}


.centres .achievers #content th {
	text-align: left;
}
.centres .achievers #content #course {
	width: 100px;
}


.business #content h3 {
	background-color: #FFFFFF;
	color: #0099CC;
}


.centres #content h3, .centres #content h4 {
	background-color: #FFFFFF;
	color: #990000;
}
.centres #content div.tableimage {
	margin: 1.545em 0; /* 11px/em x 1.545em ~= 17px */
}
.centres #content div.tableimage img {
	display: block;
}
.centres .overview #content div.tableimage {
	margin: 0;
}
.centres .overview #content div.courses {
	margin-top: 2.182em; /* 11px/em x 2.182em ~= 24px */
	margin-bottom: 3.091em; /* 11px/em x 3.091em ~= 34px */
}
.centres .overview #content dl.suitable {
	margin: 1.556em 0 3.556em 2px; /* 9px/em x 1.566em ~= 14px, 9px/em x 3.556em ~= 32px */
	font-size: 0.818em; /* 11px/em x 0.818em ~= 9px */
}
.centres .overview #content dl.suitable dt {
	float: left;
	clear: both;
	width: 40px;
}
.centres .overview #content dl.suitable dd {
	float: left;
	width: 489px;
}

.centres .centre #content img.logo {
	float: left;
	margin: 2px 13px 1.545em -5px; /* 11px/em x 1.545em ~= 17px */
}
.centres .centre #content h3 {
	clear: both;
}
.centres .centre #content dl {
	margin-bottom: 0.727em; /* 11px/em x 0.727em ~= 8px */
}
.centres .centre #content dd ul {
	margin-bottom: 0;
}
.centres .centre #content dl.address {
	background-color: #FFFFFF;
	color: #333333;
}
.centres .centre #content dl.address dt span {
	font-weight: bold;
}
.centres .centre #content dt.email {
	display: block;
	margin-top: 0.727em;
}
.centres .centre #content dt.hours {
	display: block;
	margin-top: 1.091em;
}


.trinity #content h3 {
	background-color: #FFFFFF;
	color: #6633CC;
}
.trinity .content #content h4 {
	float: left;
	margin: 0 0.364em 0 0; /* 11px/em x 0.364em ~= 4px */
}


.trinity .dates #content div.table {
	position: relative;
	width: 529px;
	margin: 1em 0 1.545em; /* 11px/em x 1em = 11px, 11px/em x 1.545em ~= 17px */
	border-left: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
}
.trinity .dates #content img.header {
	position: absolute;
	left: -1px;
	top: -1px;
}
.trinity .dates #content table {
	margin: 0;
	font-family: arial,helvetica,sans-serif;
}

.trinity .dates #content th {
	border-bottom: 1px solid #B9B9B9;
	font-size: 0.909em; /* 11px/em x 0.909em ~= 10px */
	line-height: normal;
	background-color: #0092CB;
	color: #FFFFFF;
}
.trinity .dates #content th.total, .trinity .dates #content th.initial, .trinity .dates #content th.final {
	border-left: 1px solid #FFFFFF;
}
.trinity .dates #content th.final {
	border-right: 1px solid #B9B9B9;
}
.trinity .dates #content th div {
	height: 53px;
	overflow: hidden; /* setting this on th makes mozilla do funny things with the borders, so do this instead */
}
/* use these to set column widths instead of setting them on th/td's directly (good ol' div box model hack) */
.trinity .dates #content th.dates div {
	width: 163px
}
.trinity .dates #content th.total div {
	width: 80px
}
.trinity .dates #content th.initial div {
	width: 130px
}
.trinity .dates #content th.final div {
	width: 152px
}

.trinity .dates #content td {
	height: 2.364em; /* 11px/em x 2.364em ~= 26px */
	border-bottom: 1px solid #D7D7D7;
}
.trinity .dates #content tr.last td {
	border-bottom: 1px solid #B9B9B9;
}
.trinity .dates #content td.dates {
	padding-left: 13px;
}
.trinity .dates #content td.total, .trinity .dates #content td.initial, .trinity .dates #content td.final {
	border-left: 1px solid #D7D7D7;
	text-align: center;
}
.trinity .dates #content td.final {
	border-right: 1px solid #B9B9B9;
}

.trinity .dates #content tr.odd td {
	background-color: #FFFFFF;
	color: #000000;
}
.trinity .dates #content tr.even td {
	background-color: #EBEBEB;
	color: #000000;
}


.trinity .faq #content dl.questions dt {
	float: left;
	clear: both;
	width: 34px;
}
.trinity .faq #content dl.questions dd {
	float: left;
	width: 497px;
}
.trinity .faq #content img.dotted_line {
	display: block;
	margin: 2em 0 1.182em 1px; /* 11px/em x 2em = 22px, 11px/em x 1.182em ~= 13px */
}
.trinity .faq #content dl.answers dt {
	background-color: #FFFFFF;
	color: #6633CC;
	font-weight: bold;
}
.trinity .faq #content dl.answers span {
	font-weight: bold;
}
.trinity .faq #content dl.answers h4 {
	margin: 0;
}
.trinity .faq #content dl.answers ul.actions {
	margin-top: -1.5em; /* 10px/em x 1.5em = 15px */
	text-align: right;
}


.services #content h3 {
	background-color: #FFFFFF;
	color: #CC6600;
}
.services .commitment #content h3 {
	float: left;
	margin: 0 0.364em 0 0; /* 11px/em x 0.364em ~= 4px */
	background-color: #FFFFFF;
	color: #666666;
	font-style: italic;
	font-weight: normal;
}


.resources #content h3 {
	background-color: #FFFFFF;
	color: #006699;
}


.resources .books #content dl.list, .resources .books #content dl.list dl.details {
	margin-bottom: 0;
}
.resources .books #content dt.cover {
	float: left;
	width: 77px;
}
.resources .books #content dt.cover img {
	display: block;
}
.resources .books #content dl.list dd.desc {
	float: left;
	padding: 4px 0 0 15px;
}
.resources .books #content dl.two dd.one {
	width: 182px;
}
.resources .books #content dl.two dd.two {
	width: 164px;
}
.resources .books #content dl.one dd.one {
	width: 438px;
}
.resources .books #content dl.details {
	line-height: 1.273em; /* 11px/em x 1.273em ~= 14px */
}
.resources .books #content dd.isbn {
	font-size: 0.909em; /* 11px/em x 0.909em ~= 10px */
}
.resources .books #content dl.list dl.details dd.isbn {
	display: block;
	margin-bottom: 1.4em; /* 10px/em x 1.4em = 14px */
}
.resources .books #content img.dotted_line {
	display: block;
	margin: 0.909em 0; /* 11px/em x 0.909em ~= 10px */
}
/* adjust the bullet position for the also available entries which has a line height of 14px
   firefox likes to alternate this between 5px and 6px */
.resources .books #content ul.also li {
	background-position: 2px 0.455em; /* 11px/em x 0.455em ~= 5px */
}


.resources .links #content li {
	margin-bottom: 1.545em; /* 11px/em x 1.545em ~= 17px */
}


.about #content h3, .about #content h4 {
	background-color: #FFFFFF;
	color: #006699;
}
.about .who #content dt {
	float: left;
	clear: both;
	width: 112px;
}
.about .who #content dt img {
	display: block;
	margin-bottom: 1.091em; /* 11px/em x 1.091em ~= 12px */
}
.about .who #content dd {
	float: left;
	width: 408px;
	margin-bottom: 1.091em; /* 11px/em x 1.091em ~= 12px */
	padding: 3px 0 0 11px;
}
.about .who #content dd h4 {
	margin: 0;
}
.about .who #content dd div.title {
	font-weight: bold;
}
.about .who #content dd p {
	margin-bottom: 0;
}


/* we're going to cheat and give the community projects pages class="news" instead of doubling all the rules here */
.about .news #content dl {
	margin-top: 0.909em; /* 11px/em x 0.909em ~= 10px */
}
.about .news #content dt {
	float: left;
	clear: both;
	width: 87px;
}
.about .news #content dd {
	float: left;
	width: 444px;
	margin-bottom: 1.636em; /* 11px/em x 1.636em ~= 18px */
}
.about .news #content h3 {
	margin-bottom: 1.182em; /* 11px/em x 1.182em ~= 13px */
}
.about .news #content h3 span {
	background-color: #FFFFFF;
	color: #333333;
}
.about .news #content img.photo {
	float: left;
	margin: -2px 12px 3px 0;
}


.contact #content h3 {
	background-color: #FFFFFF;
	color: #006699;
}

.contact .contact #content h3 {
	margin-top: 0;
}
.contact .contact #content h3.know_more {
	display: inline;
	background-color: #FFFFFF;
	color: #666666;
}
.contact .contact #content .locations {
	margin-bottom: 1.091em; /* 11px/em x 1.091em ~= 12px */
}
.contact .contact #content .locations .hong_kong {
	float: left;
	width: 296px;
}
.contact .contact #content .locations .macao {
	float: left;
	width: 235px;
}
.contact .contact #content div.address {
	margin-bottom: 0.727em; /* 11px/em x 0.727em ~= 8px */
	background-color: #FFFFFF;
	color: #333333;
}

.contact .contact #content form {
	margin: 1.909em 0 0.273em; /* 11px/em x 1.909em ~= 21px, 11px/em x 0.273em ~= 3px */
	padding: 0;
}
.contact .contact #content form div {
	margin: 0 0 0.909em; /* 11px/em x 0.909em ~= 10px */
}
.contact .contact #content form div.checkboxes {
	margin-bottom: 0.727em; /* 11px/em x 0.727em ~= 8px */
}
.contact .contact #content form div.last_field {
	margin-bottom: 0.727em; /* 11px/em x 0.727em ~= 8px */
}
.contact .contact #content form div.submit {
	margin-bottom: 0;
}
/* floating labels in netscape 7.0 causes them to disappear, so float the span inside instead */
.contact .contact #content label span, .contact .contact #content span.label {
	float: left;
	width: 163px;
}
.contact .contact #content .alert_user {
	background-color: #FFFFFF;
	color: #0092CB;
}
.contact .contact #content input.text, .contact .contact #content textarea {
	float: left;
	width: 340px;
	margin: 0;
	/* box-sizing is css3 and -moz-box-sizing is the corresponding experimental mozilla declaration
	   so these will not validate (yet) */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contact .contact #content input.checkbox {
	float: left;
	margin-left: 0;
	margin-right: 4px;
}
.contact .contact #content label.checkbox span {
	width: 66px;
}
.contact .contact #content textarea {
	height: 7.273em; /* 11px/em x 7.273em ~= 80px */
}
.contact .contact #content #contact_submit {
	float: right;
	margin: 0 28px 0 0;
}
.contact .contact #content span.required {
	float: none;
	display: inline; /* need this for netscape 7.0/7.1 */
	width: auto; /* need this for ie/win 5.x */
	background-color: #FFFFFF;
	color: #0092CB;
}
.contact .contact #content form br {
	clear: both;
}


.global .sitemap #content h2 {
	margin-bottom: 0.769em; /* 13px/em x 0.769em ~= 10px */
	background-color: #FFFFFF;
	color: #006699;
}
.global .sitemap #content .first_half {
	float: left;
	width: 294px;
}
.global .sitemap #content .second_half {
	float: left;
	width: 237px;
}
.global .sitemap #content ul {
	margin-bottom: 2.818em; /* 11px/em x 2.818em ~= 31px */
}
.global .sitemap #content li {
	font-weight: bold;
}
.global .sitemap #content ul.disc {
	margin-bottom: 0;
}
.global .sitemap #content ul.disc li {
	font-weight: normal;
}


#subsubnav {
	margin: 0.909em 0 1.455em; /* 11px/em x 0.909em ~= 10px, 11px/em x 1.455em ~= 16px */
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
	color: #333333;
}
#subsubnav li {
	display: inline;
}
/* we need to outweight any other rules that colour h3's */
#content #subsubnav h3 {
	display: inline;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: bold;
}
#subsubnav a {
	background-color: #FFFFFF;
	color: #333333;
}
#subsubnav a:hover {
	background-color: #FFFFFF;
	color: #0092CB;
}


/* need to outweight #main ul */
#main #buttons {
	float: left;
	width: 178px;
	margin: 11px 0 0;
	padding: 0;
	list-style: none;
}


.home #main #buttons {
	width: 180px;
	margin: 1px 0 0;
}


#buttons img {
	display: block;
}

#buttons .rollover a {
	display: block;
	width: 178px;
	height: 88px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#buttons .rollover a:hover img.text {
	visibility: hidden;
}

.courses #buttons .methodology a {
	background-image: url("/en/assets/images/courses/btn_school_commun_on.gif");
	height: 101px;
}
.courses #buttons .kindergarten a {
	background-image: url("/en/assets/images/courses/btn_school_kindergarten_on.gif");
}
.courses #buttons .primary a {
	background-image: url("/en/assets/images/courses/btn_school_primary_on.gif");
}
.courses #buttons .secondary a {
	background-image: url("/en/assets/images/courses/btn_school_secondary_on.gif");
}
.courses #buttons .teacher a {
	background-image: url("/en/assets/images/courses/btn_school_teacher_on.gif");
	margin-bottom: 0;
}

.centres #buttons .courses a {
	background-image: url("/en/assets/images/centres/btn_learncent_courses_on.gif");
}
.centres #buttons .prince_edward a {
	background-image: url("/en/assets/images/centres/btn_learncent_princeed_on.gif");
}
.centres #buttons .taipa a {
	background-image: url("/en/assets/images/centres/btn_learncent_taipa_on.gif");
}
.centres #buttons .sheung_wan a {
	background-image: url("/en/assets/images/centres/btn_learncent_sheungwan_on.gif");
}
.centres #buttons .macao a {
	background-image: url("/en/assets/images/centres/btn_learncent_macao_on.gif");
}
.centres #buttons .shenzhen a {
	background-image: url("/en/assets/images/centres/btn_learncent_shenzhen_on.gif");
	margin-bottom: 0;
}

.services #buttons .team a {
	background-image: url("/en/assets/images/services/btn_langserv_ourteam_on.gif");
}
.services #buttons .translation a {
	background-image: url("/en/assets/images/services/btn_langserv_trans_on.gif");
}
.services #buttons .other a {
	background-image: url("/en/assets/images/services/btn_langserv_otherserv_on.gif");
}
.services #buttons .commitment a {
	background-image: url("/en/assets/images/services/btn_langserv_ourcom_on.gif");
	margin-bottom: 0;
}

.trinity #buttons .content a {
	background-image: url("/en/assets/images/trinity/btn_trincert_coursecon_on.gif");
}
.trinity #buttons .requirements a {
	background-image: url("/en/assets/images/trinity/btn_trincert_entry_on.gif");
}
.trinity #buttons .dates a {
	background-image: url("/en/assets/images/trinity/btn_trincert_datefee_on.gif");
}
.trinity #buttons .apply a {
	background-image: url("/en/assets/images/trinity/btn_trincert_howtoapp_on.gif");
}
.trinity #buttons .faq a {
	background-image: url("/en/assets/images/trinity/btn_trincert_faq_on.gif");
	margin-bottom: 0;
}


#more_info {
	float: left;
	width: 178px;
	margin: 11px 0 0;
}
#more_info img {
	display: block;
}
#more_info ul.actions {
	margin: 0.4em 0 0 5px; /* 10px/em x 0.4em = 4px */
}
#more_info ul.actions li {
	margin-bottom: 0.2em; /* 10px/em x 0.2em = 2px */
}
#more_info ul.actions img {
	display: inline;
}
#more_info ul.actions img.icon_map {
	margin-left: 0;
	margin-right: 0.5em; /* 10px/em x 0.5em = 5px */
}
#more_info ul.actions img.icon_pdfdownload {
	margin-left: 0.1em; /* 10px/em x 0.1em = 1px */
	margin-right: 0.6em; /* 10px/em x 0.6em = 6px */
}
#more_info ul.actions img.icon_website {
	margin-left: 0.3em; /* 10px/em x 0.3em = 3px */
	margin-right: 0.8em; /* 10px/em x 0.8em = 8px */
}
#more_info ul.actions img.icon_video {
	margin-left: 0.1em; /* 10px/em x 0.1em = 1px */
	margin-right: 0.5em; /* 10px/em x 0.5em = 5px */
}


#stay_updated {
	float: left;
	width: 208px;
	margin: 11px 0 0;
}
.home #stay_updated {
	width: 195px;
	margin: 1px 0 0;
}
#stay_updated form {
	margin: 0;
	padding: 0 0 0 27px;
}
.home #stay_updated form {
	padding: 0 0 0 5px;
}
#stay_updated label img {
	display: block;
	margin-bottom: 5px;
}
#stay_updated_email {
	float: left;
	width: 136px;
	margin-left: 24px;
	/* box-sizing is css3 and -moz-box-sizing is the corresponding experimental mozilla declaration
	   so these will not validate (yet) */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.home #stay_updated_email {
	width: 113px;
}
#stay_updated_submit {
	float: left;
	margin: 9px 0 0 119px;
}
.home #stay_updated_submit {
	margin: 0 0 0 4px;
}


#stay_updated img.banner {
	display: block;
	margin: 23px 0 0 26px;
}


.home #main .dot_divider {
	float: left;
	margin: 1px 0 0; /* 3px left (and right?) margins appear for floated images in both ie/win 5.x and ie/mac 5.2 */
}


.map #main h1 {
	margin: 0 0 0.231em 19px; /* 13px/em x 0.231em ~= 3px */
	font-family: arial,helvetica,sans-serif;
	font-size: 1.182em; /* 11px/em x 1.182em ~= 13px */
	font-weight: bold;
	line-height: normal;
	background-color: #FFFFFF;
	color: #000000;
}
.map #main img {
	display: block;
	margin: 0 auto;
}


/* footer */

#footer {
	margin: 2.6em 9px 2.6em 9px; /* 10px/em x 2.6em = 26px */
	background-color: #FFFFFF;
	color: #333333;
	font-family: arial,helvetica,sans-serif;
	text-align: right;  
  clear:both; /* fix IE7 display problem */
}
.home #footer {
	margin: 3.6em 9px 1.8em 9px; /* 10px/em x 3.6em = 36px, 10px/em x 1.8em = 18px */
}
.map #footer {
	margin: 1.7em 17px 0.7em; /* 10px/em x 1.7em = 17px, 10px/em x 0.7em = 7px */
	text-align: left;
}
#footer span {
	float: left;
}
#footer a {
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
}