/* global container */
body {
    background: #3e435a url('/assets/ui/background.jpg') no-repeat scroll top center;
}

#container {
    width: 896px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* RWW top logo */
#top_logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 844px;
    text-align: right;
}
a img {
    border: none;
}


/* top link set */
#top_links {
    background: url('/assets/ui/menu.png');
    width: 844px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    margin-top: 24px;
}

#top_links table {
    width: 100%;
}

#top_links td {
    width: 25%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    vertical-align: middle;
}
#top_links td.first {
    border-left: none;
}
#top_links td.first a {
    background: url('/assets/logos/globe-26.png') no-repeat center center
}
#top_links td.last {
    border-right: none;
}

#top_links a {
    display: block;
    height: 31px;
    color: white;
    text-align: center;
    text-decoration: none;
    font: 15px/31px Comic Sans MS, Comic Sans, Comic, sans-serif;
}

#top_links a:hover, #top_links a.active {
    color: yellow;
/*    text-decoration: underline; */
}

#top_content {
    width: 896px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

/* a white background content container */
.content_container {
    width: 844px;
    margin-left: auto;
    margin-right: auto;
    clear: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.content_container .t {
    height: 20px;
    width: 100%;
    background: url('/assets/ui/white-top.png') no-repeat;
    padding: 0;
    margin: 0;
}
.content_container .b {
    height: 20px;
    background: url('/assets/ui/white-bottom.png') no-repeat;
}

.content_container .content {
    width: 844px;
    background-color: white;
    padding: 0;
    margin: 0;
    /*
    padding-left: 16px;
    padding-right: 16px;
    */
    margin-left: auto;
    margin-right: auto;
}

.content_container .textcontent {
    background-color: white;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    font: 12pt/18pt Comic Sans MS, Comic Sans, Comic, cursive;
}

/* for left sub-menu */
.content_container .left {
    float: left;
    height: 100%;
    width: 140px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0;
}

.textcontent table {
    width: 100%;
}
.textcontent td {
    vertical-align: top;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px dotted blue;
    border-right: 1px dotted blue;
}
.textcontent td.first {
    padding-left: 0;
    border: none;
}
.textcontent td.last {
    padding-right: 0;
    border: none;
}
.textcontent tr.spacer td {
    padding-top: 16px;
    padding-bottom: 8px;
}
.textcontent tr.center a {
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.content_container .left a {
    display: block;
    line-height: 16px;
    padding-left: 16px;
    margin-bottom: 24px;
    text-decoration: none;
}
.content_container .left a:hover {
    text-decoration: underline;
}
.content_container .left a.active {
    background: url('/assets/ui/arrow.png') no-repeat;
}

.content_container .right {
    float: right;
    width: 614px;
    height: 100%;
    border-left: 1px dotted blue;
    margin-bottom: 0.8em;
    padding: 10px 20px 0 20px;
}


/* header image, for inside .content_container */
.header_image {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
	padding-top: 4px;
	background-color: #066a9c;
	width: 804px;
}
.header_image .text {
    color: white;
    font-size: 36px;
    height: 146px;
    line-height: 146px;
    font-weight: bold;
    margin-left: 24px;
    font-family: Helvetica, Arial;
    text-align: left;
}


#footer {
    margin-top: 2em;
    padding-bottom: 6em;
    color: white;
    width: 844px;
    margin-left: auto;
    margin-right: auto;
    font: 11pt/18pt Comic Sans MS, Comic Sans, Comic, cursive;
}

#footer a {
    color: white;
    text-decoration: none;
}
#footer a:hover {
    color: white;
    text-decoration: underline;
}


div.spacer {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1px;
    height: 1px;
}
span.spacer {
    font-size: 1px;
    line-height: 1px
}

a.button, a.greenbutton, a.greybutton {
    display: block;
    width: 145px;
    height: 27px;
    color: white;
    text-align: center;
    text-decoration: none;
    font: 10pt/27px Comic Sans MS, Comic Sans, Comic, cursive;
}
a.button {
    background: url('/assets/ui/button-blue.png') no-repeat;
}
a.greenbutton {
    background: url('/assets/ui/button-green.png') no-repeat;
}
a.greybutton {
    background: url('/assets/ui/button-grey.png') no-repeat;
}

.galapagos_context a.button {
    background: url('/assets/ui/button-green.png') no-repeat;
}
.polar_context a.button {
    background: url('/assets/ui/button-blue.png') no-repeat;
}
.northamerica_context a.button {
    background: url('/assets/ui/button-red.png') no-repeat;
}
.amazon_context a.button {
    background: url('/assets/ui/button-yellow.png') no-repeat;
}

.galapagos_context h1 {
    color: #80be1f;
}
.northamerica_context h1 {
    color: #d4121f;
}
.polar_context h1 {
    color: #139bce;
}
.amazon_context h1 {
    color: #ffd043;
}

a:hover.button, a:hover.greenbutton, a:hover.greybutton {
/*    text-decoration: underline; */
}

a.boxbutton {
    display: block;
    width: 145px;
    height: 22px;
    background-color: white;
    color: #222;
    border: 1px solid #222;
    text-align: center;
    text-decoration: none;
    font: 10pt/22px Comic Sans MS, Comic Sans, Comic, cursive;
}
a:hover.boxbutton {
    border: 1px solid #444;
    background-color: #444;
    color: white;
}

.centertitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #136bae;
    font: 18px/21px Helvetica, Arial;
    font-weight: bold;
    margin-bottom: 9px;
}

h4 {
    font: bold 15px/18px Comic Sans MS, Comic Sans, Comic, cursive;
    margin: 0 0 14px 0;

}