/* 55Degrees Limited Web Site                 */
/* 55Degrees Main Elements Definitions        */
/* 55Degrees Limited - www.55degrees.co.uk    */
/* All codes and programmes are Copyrighted   */
/* © 55 Degrees Limited, 2006                 */

html {
background-color: #DDE1E0;
text-align: center;
margin: 0 auto;
}

img {
border: 0;
}

body {
position: relative;
margin: 15px auto 0 auto;
padding: 0;
width: 800px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: normal;

voice-family: "\"}\"";
voice-family: inherit;
width: 770px;
}

#titlebar {
position: relative;
background: transparent;
height: 90px;
border: 0;
margin: 0 0 10px 0;
padding: 0;
voice-family: "\"}\"";
voice-family: inherit;
height: 80px;
}

#primnav {
display: block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 770px;
}

#primnav ul {
padding: 0;
margin: 0;
border: 0;
list-style-type: none;
background-color: transparent;
color: #3b9ed7;
font-weight: bold;
font-size: 18px;
text-align: center;
}

#primnav ul li {
display: inline;
}

#primnav ul li a {
display: block;
margin: 0 10px 0 0;
border: 0;
padding: 5px 0 0 0;
color: #3b9ed7;
background-color: white;
text-decoration: none;
float: left;
height: 30px;
voice-family: "\"}\"";
voice-family: inherit;
width: 120px;
height: 25px;
}

#primnav ul li a:hover {
color: white;
background-color: #83acc3;
text-decoration: none;
}




/* Home Content */

#toprow {

position: relative;
float: right;
display: block;
background-color: white;
width: 748px;
padding: 0;
margin: 0;
border: 11px solid white;
text-align: left;
}

#midrow {
position: relative;
float: right;
display: block;
background-color: white;
width: 748px;
padding: 0;
margin: 11px 0 0 0;
border: 11px solid white;
text-align: left;
}


/* Home Bottom Navigation */

#botnav {
position: relative;
float: right;
display: block;
background-color: white;
width: 754px;
padding: 0;
margin: 11px 0 0 0;
border: 8px solid white;
text-align: left;
}

.botnav_element {
padding: 0;
margin: 0 2px 0 0;
border: 0;
text-align: left;
width: 187px;
float: left;
}



.botnav_element h2 a {
width: 179px;
text-decoration: none;
text-transform: none;
display: block;
margin: 0;
border: 0;
padding: 8px 0 0 8px;
color: white;
height: 27px;
letter-spacing: 0.1em;
text-decoration: none;
}

.botnav_element h2 a:hover {
display: block;
color: white;
background-color: #83acc3;
text-decoration: none;
}

h1 {
color: #3e94c3;
font-size: 2.4em;
font-style: italic;
margin: 0;
border: 0;
padding: 20px 0 5px 10px;
}


h2 {
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
}

h3 {
display: block;
color: black;
font-size: 1.1em;
font-weight: bold;
font-style: italic;
padding: 10px;
margin: 0;
border: 0;
voice-family: inherit;
}

p {
color: #616161;
margin: 0;
border: 0;
padding: 10px;
line-height: 1.3;
}

p a {
text-decoration: underline;
color: #616161;
}

p a:hover {
text-decoration: underline;
color: #336699;
}



a.external {
color: #3e94c3;
font-weight: bold;
}








/* footer */

#footer {
display: block;
position: relative;
float: right;
margin: 15px 15px 0 180px;
padding: 0;
border: 0;
text-align:right;
font-size: 0.9em;
color: #646363;
width: 585px;

}


/* Secondary Navigation */

#secondnav {
width: 250px;
background-color: white;
margin: 0;
padding: 3px 5px 0 5px;
border: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 240px;
}

#secondnav ul.expandable {
background-color: #d7c9c7;
/* background-color: white; */

font-size: 1.1em;
color: white;
border: 0;
margin: 0;
padding: 0;
width: 240px;
}

#secondnav ul.expandable ul {
display: none;
margin: 0;
padding: 0;
border: 0;
border-bottom: 4px solid white;
}

#secondnav ul.expandable li {
list-style-type: none;
position: relative;
}

#secondnav ul.expandable a {
margin: 0;
border: 0;
background-color: #a1a1a1;
border-bottom: 5px solid white;
color: white;
display: block;
padding: 5px 15px 5px 10px;
width: 240px;
text-decoration: none;
voice-family: "\"}\"";
voice-family: inherit;
width: 215px;
font-weight: bold;
}

#secondnav ul.expandable a:hover {
background-color: #272727;
color: white;
}

#secondnav ul.expandable ul li a {
background-color: #a6b6b9;
font-weight: normal;
font-size: 0.95em;
text-transform: none;
border: 0;
border-bottom: 1px solid white;
}

#secondnav ul.expandable ul li a:hover {
background-color: #399ca6;
color: white;
}

#secondnav ul.expandable ul li:last-child a:hover {
/*
background-color: #79736b;
*/
background-color: #399ca6;
}

#secondnav ul.expandable a.switch {
left: 205px;
position: absolute;
text-align: center;
top: 0;
width: 10px;
border: 0;
}

#secondnav ul.expandable ul li a.archive_menu  {
background-color: #a6b6b9;
}

#secondnav ul.expandable ul li a.archive_menu:hover  {
background-color: #399ca6;
}

/* Does this work??? */
#secondnav ul.expandable a.selected {
background-color: #399ca6;
}


/* Secondary Sub Menus */

#secondnav ul.expandable ul ul {
border-bottom: 0;
}

#secondnav ul.expandable ul ul a {
background-color: #b1c2c5;
text-transform: none;
padding: 5px 15px 5px 20px;
width: 240px;
voice-family: "\"}\"";
voice-family: inherit;
width: 205px;
}

#secondnav ul.expandable ul ul li:last-child a {
border-bottom: 1px solid white;
background-color: #b1c2c5;
}

#secondnav ul.expandable ul ul li a:hover {
background-color: #399ca6;
}

/* What is this??? */
#secondnav ul.expandable ul ul li:last-child a:hover {
background-color: #399ca6;
}

.active {
background-color: #399ca6;
}






/* Right Column */

#rightcol {
position: relative;
float: right;
background-color: transparent;
width: 510px;
padding: 0;
margin: 0;
border: 0;
border-top: 10px solid #dde1e0;
text-align: left;
}


/* Left Column */

#leftcol {
position: relative;
display: block;
float: left;
width: 250px;
background-color: transparent;
padding: 0;
margin: 0;
border: 0;
border-top: 10px solid #dde1e0;
text-align: left;
}


/* Page styles */

.rightboxwhite {	
margin: 0 0 10px 0;
border: 5px solid white;
border-top: 3px solid white;
padding: 0 0 30px 0;
overflow: hidden;
width: 510px;
background-color: white;
voice-family: "\"}\"";
voice-family: inherit;
width: 500px;
}

.rightaligned {
float: right;
padding: 5px 0 5px 5px;
margin: 0;
border: 0;
}













#downloads_container {
background-color: #FFFFFF;
padding: 20px;
}

#downloads_container a{
color: #004f81;
text-decoration: none;
}

#downloads_container a:hover {
color: #004f81;
text-decoration: underline;
}

#downloads_container h2 {
color: #616161;
font-size: 1.3em;
font-style: italic;
padding: 0;
margin: 0;
}

.downloads_item {	
margin: 0;
padding: 20px 0 0 0;
background-color: white;
overflow: hidden;
width: 730px;
voice-family: "\"}\"";
voice-family: inherit;
}

.downloads_item img {
float: left;
display: block;
padding: 0;
margin: 0 10px 0 0;
border: 1px solid #666666;
}

.downloads_item h1 {
text-transform: none;
display: block;

color: #004f81;
font-size: 1.2em;
padding: 0 0 20px 0;
margin: 0;
border: 0;
text-decoration: none;
}



.downloads_item p {
display: block;

padding: 0;
margin: 0;
border: 0;
}