@charset "utf-8";

html, body {font-family: helvetica, arial, sans-serif; font-size:13px; margin:0; padding:0; width:100%; text-align:left;}
body {background-color:#182F4D;}


/* Misc bits and bobs */
a{color:#FFFFFF; text-decoration:none; outline:none;}
a:visited{color:#FFFFFF;}

.applecore { display: none; } 
.clear {clear:both; height:1px; width:100%;}
img {border:0px;}
p{margin:0;}

.arrow-down{margin:0px 0px 1px 0px;}
.arrow-up{margin:0px 0px 1px 0px;}
.arrow-up2{margin:10px 0px 1px 0px;}

/* Browser alert */
#browser-alert {background-color:#00ACEC; text-align:center; font-size:24px; line-height:28px; font-family:Arial; color:#FFFFFF; font-weight:bold; width:100%; padding:10px 0px 5px 0px;}
#browser-alert a {text-decoration:none; color:#FFFFFF; font-size:14px;}

/* Alert page */
.alert-page p {margin:0px 0px 15px 0px;}
.alert-page ul {margin:5px 0px 15px 0px;}
.alert-page ul li {list-style:disc;}
.alert-page ul li a {color:#182F4D;}

/* Page containers */
#container {width:990px; margin:auto;}
#container-background {height:720px; background:no-repeat; position:relative;}
#container-content {width:990px;}

/* Header  */
#header {width:990px;}
#header .logo{margin:14px 14px 0px 14px;}

/* Navigation Bar */
#navigation {width:600px; text-align:right; height:30px; margin:0px 14px 0px 14px; position:relative; z-index:1000; float:right;}
#navigation .button{margin:4px 5px 0px 0px; float:right; width:91px; height:26px;}

/* Header Tags */
h1 {font-size:20px; margin:0px 0px 4px 0px; display:block; font-weight:bold;}
h2 {font-size:18px; margin:0; display:block; font-weight:normal;}
h3 {font-size:12px; margin:0; display:block; font-weight:bold;}

/* Boxes */
#content {height:562px; text-align:center; color:#182F4D; position:relative;}
#content a{color:#182F4D; text-decoration:none;}
#content a:visited{color:#182F4D;}

#content .holder-websites{display:inline-block; text-align:center; position:relative; vertical-align:bottom; height:576px; width:100%; float:left;}
#content .main-websites {background:url('../../images/boxes/background.png') repeat-y; min-height:140px;}
#content .main-websites p {margin:0px 10px 10px 10px; display:inline-block;}
#content .box{width:231px; display:inline-block; margin:4px; text-align:left; position:absolute; bottom:8px;}
#content .top {background:url('../../images/boxes/top.png') no-repeat; height:13px;}
#content .bottom {height:13px; background:url('../../images/boxes/bottom.png') no-repeat;}
#content .website-logo{height:30px; margin:0px 0px 0px 10px;}

#box1 {left:10px;}
#box2 {left:254px;}
#box3 {left:498px;}
#box4 {left:742px;}

#readmore1 {display:none;}
#readmore2 {display:none;}
#readmore3 {display:none;}
#readmore4 {display:none;}

#hidemore1-link {display:none;}
#hidemore2-link {display:none;}
#hidemore3-link {display:none;}
#hidemore4-link {display:none;}

#content .readmore-link {font-weight:bold; background:url('../../images/boxes/background.png') repeat-y; height:23px;}
#content .readmore-link a{margin:10px 10px 0px 10px; display:inline-block;}

#content .hidemore-link {font-weight:bold; background:url('../../images/boxes/background.png') repeat-y; height:23px;}
#content .hidemore-link a{margin:10px 10px 0px 10px; display:inline-block;}

#content .hideinfo-link {font-weight:bold;}

#content .readmore {background:url('../../images/boxes/background.png') repeat-y; width:231px;}
#content .readmore p {margin:10px 10px 0px 10px; display:inline-block;}
#content .button {height:46px;}

#content .holder-misc{text-align:left; position:relative; vertical-align:top; width:990px; float:left; position:absolute; z-index:20; display:none; top:30px;}
#content .main-about {background:url('../../images/boxes/background4.png') repeat-y;}
#content .main-about h1 {margin:0px 10px 4px 10px;}
#content .main-about p {margin:0px 10px 0px 10px;}
#content .main-about a {margin:0px 10px 0px 10px;}
#content .main-about .members {margin:10px; font-weight:bold;}
#content .main-about .logos {margin:0px 10px 5px 10px;}
#content .main-about .logos img {vertical-align:top; margin:0px 5px 0px 0px;}
#content .app-advert {background:url('../../images/boxes/background5.png') no-repeat; width:369px; height:104px; display:block;}
#content .app-advert .app-text {width:300px; height:104px; float:left; font-size:13px; margin:0px; position:relative; color:#FFFFFF;}
#content .app-advert .app-text p {margin:0px; padding:9px 0px 0px 8px; line-height:18px; width:150px;}
#content .app-link {margin:0px; display:none; position:absolute; left:14px; top:-22px; width:auto; height:auto; z-index:10000;}
#content #app-link1 {margin:0px; display:block; position:absolute; left:163px; top:0px; width:65px; height:87px; z-index:10001;}
#content #app-link2 {margin:0px; display:block; position:absolute; left:232px; top:0px; width:65px; height:87px; z-index:10001;}
#content #app-link3 {margin:0px; display:block; position:absolute; left:301px; top:0px; width:65px; height:87px; z-index:10001;}
#content .main-contact {background:url('../../images/boxes/background2.png') repeat-y;}
#content .main-contact h1 {margin:0px 10px 4px 10px;}
#content .main-contact .contact-left {margin:0px 10px 0px 10px;}
#content .main-contact .contact-right {margin:0px 10px 0px 10px;}
#content .main-tacs {background:url('../../images/boxes/background3.png') repeat-y; width:962px;}
#content .main-tacs .scroller {height:487px; overflow:auto;}
#content .main-tacs h1 {margin:0px 10px 4px 10px;}
#content .main-tacs p {margin:0px 10px 10px 10px;}
#content .main-tacs a {margin:0px 10px 0px 10px;}
#content .main-tacs ul {list-style:lower-latin; padding:0px 0px 0px 30px;}
#content .main-privacy {background:url('../../images/boxes/background2.png') repeat-y;}
#content .main-privacy h1 {margin:0px 10px 4px 10px;}
#content .main-privacy p {margin:0px 10px 0px 10px;}
#content .main-privacy a {margin:0px 10px 0px 10px;}
#content .about {width:719px; display:inline-block; margin:4px; text-align:left; position:relative; left:10px;}
#content .app {width:401px; height:221px; display:inline-block; margin:4px; text-align:left; position:relative; left:10px;}
#content .contact {width:475px; display:inline-block; margin:4px; text-align:left; position:relative; left:10px;}
#content .tacs {width:962px; display:inline-block; margin:4px; text-align:left; position:relative; left:10px;}
#content .privacy {width:475px; display:inline-block; margin:4px; text-align:left; position:relative; left:10px;}
#content .top2 {height:13px; background:url('../../images/boxes/top2.png') no-repeat;}
#content .top3 {height:13px; background:url('../../images/boxes/top3.png') no-repeat;}
#content .top4 {height:13px; background:url('../../images/boxes/top4.png') no-repeat;}
#content .bottom2 {height:13px; background:url('../../images/boxes/bottom2.png') no-repeat;}
#content .bottom3 {height:13px; background:url('../../images/boxes/bottom3.png') no-repeat;}
#content .bottom4 {height:13px; background:url('../../images/boxes/bottom4.png') no-repeat;}
#content .contact-left {width:221px; margin:0px 8px 0px 0px; display:inline-block;}
#content .contact-right {display:inline-block; vertical-align:top;}

.scroller h2, .scroller h3 {
	padding-left: 10px;
}
.jobs-list .scroller ul {
	list-style: disc outside !important;
}

/* App Advert */
#content #info3 {display:block; top:0px;}

/* Footer */	
#footer {display:inline; width:990px; height:40px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left;}
#footer .imagechange .thumb {margin:5px 5px 5px 0px; border:1px solid; float:left; width:28px; height:28px;}
#footer .imagechange {float:left;}
#footer .accreditation {float:right; color:#FFFFFF;}
#footer .accreditation p {margin:14px 14px 0px 0px;}
#footer .copyright {height:30px; line-height:20px; font-family:Verdana; font-size:11px; color:#FFFFFF; float:left;}
#footer .navigation{height:30px; line-height:20px; font-family:Verdana; font-size:11px; color:#FFFFFF; float:right;}
#footer .navigation .showinfo-link {list-style:none; margin:0; padding:0; float:left; text-align:center;}
#footer .navigation .showinfo-link a{color:#FFFFFF; text-decoration:none; display:block; padding:0px 0px 0px 10px;}
#footer .navigation .showinfo-link a:visited{color:#FFFFFF;}

/* background css */
#background-above {height:720px; width:990px; background:none; z-index:-1; position:absolute; display:none;}
#background-below {height:720px; width:990px; background:none; z-index:-2; position:absolute;}
