/* Start of CMSMS style sheet 'wml-main' */
body { 
margin: 0; 
padding: 0; 
font-family: verdana, sans-serif; 
font-size: 70%; 
background-color: #fff; 
color: #555; 
}

h1, h2, h3, h4, h5, h6 { 
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0.7 em; 
padding: 0; 
}

h2 { 
font-size: 130%; 
font-weight: normal; 
color: #6e6f77; 
}

h2 strong { 
color: #5966c5; 
text-transform: uppercase; 
font-size: 150%; 
font-weight: normal; 
display: block; 
}

h1 { 
font-size: 110%; 
text-transform: uppercase; 
color: #6e6f77; 
padding-left: 0px;
}
h1 span { color: #5966c5; }

#contentBody h2 { padding-left: 0; }

h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 95%; }
h6 { font-size: 80%; }

p { 
margin: 0; 
padding: 0 0 1em; 
line-height: 1.5em;
}

ul { 
margin: 0; 
padding: 0 0 1em 2em; 
line-height: 1.5em 
}

/* Fudge for list displayed next to image */
ul.byFloat {
margin-left: 140px;
}

ul.links {
list-style: none;
padding-left: 1em;
}
ul.links a {
background: url(/uploads/images/misc/link_arrow.png) left center no-repeat;
padding-left: 10px;
}

a { text-decoration: underline; color: #656fb6; }
a:hover { text-decoration: underline; color: #db4e24; }

h1 a, h2 a, h3 a { text-decoration: none; }

a.arrow {
background: url(/uploads/images/misc/link_arrow.png) right 72% no-repeat;
padding-right: 10px;
font-weight: bold;
text-decoration: none;
float: right;
}

a img { border: none; }

a.access-link { position: absolute; left: -9999px; }

dfn {
position: absolute;
left: -9999px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

form { margin: 0; }
fieldset { margin: 0; padding: 0; border: none; }
legend { display: none; }

.lf { float: left; margin-right: 15px; margin-bottom: 20px; }
.rf { float: right; margin-left: 15px; margin-bottom: 20px; }

/* Wrapper for bordered image with or without caption */
div.image { text-align: center; }
div.image img { border: 1px solid #8a8a8a; }
div.image p.caption { font-weight: bold; font-style: italic; padding: 0 }
div.image + p { padding-top: 1em; }

/*** Clearfix style ***/
.clearfix:after { content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; }
.clearfix { display: block; }
/*******/

/*** Page layout styles ***/

#pageWrapper { padding: 20px; min-width: 940px; }

/* Define layout of columns */
#siteNav { width: 174px; float: left; }
#contentWrapper { margin-left: 191px; }
#main { width: 100%; float: left; margin-right: -301px; }
#main .inner { margin-right: 301px; }
#side { float: right; width: 301px; }

#main .inner { padding: 16px 11px 20px 8px; }
#side .inner { padding: 16px 16px 20px 22px; }

/********/

/*** Presentation of standard page elements */

#pageWrapper { background: #fff; }

#masthead { 
background: url(/uploads/images/bg/header_gradient.jpg) left bottom no-repeat; 
color: #fff;
/* New:
//margin: 10px;
//background: url(/uploads/images/bg/header_gradient1.jpg) left bottom no-repeat; 
//color: #fff; */
}
#masthead .masthead-inner { 
margin: 0;
padding: 88px 300px 12px 15px;
height: 108px; 
background: url(/uploads/images/bg/header.jpg) right bottom no-repeat; 
/* New (and deffo not right yet...)
//margin: 10px 10px 10px 10px;
//padding: 0px 0px -10px 0px;
//height: 45px; */
}
#masthead strong {
font-size: 210%; 
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

#contentWrapper {  line-height: 1.5em }

/* CMSMS search form fields */
#textSearch {
width: 164px;
border: 1px solid #5966c5;
margin: 0 0 6px;
}
#buttonSearch, .button { /* Duplicate styles in button class */
float: right;
margin-right: 8px;
padding: 0 2px;
background: #0c1c8c;
color: #fff;
border: 2px solid #122bdb;
border-color: #122bdb #081468 #07115c #0c1e9c;
font-size: 100%;
font-family: verdana, sans-serif;
text-transform: uppercase;
}

#footer { margin-top: 20px; background: url(/uploads/images/misc/hdots.png) left top repeat-x; font-size: 80%; color: #999; padding: 1.5em 0 0; text-align: left; clear: left; }

/*******/

/* Stretchable panel */
.panel {
margin: 0 0 1.3em;
}
.panel-top {
background:url(/uploads/images/bg/panel.png) no-repeat 100% 0;
margin:0 0 0 8px;
height:8px;
}
.panel-top div {
height:8px;
width:8px;
position:relative;
left:-8px;
background:url(/uploads/images/bg/panel.png) no-repeat 0 0;
}
.panel-base {
background:url(/uploads/images/bg/panel.png) no-repeat 100% 100%;
margin:0 0 0 8px;
height:8px;
}
.panel-base div {
height:8px;
width:8px;
position:relative;
left:-8px;
background:url(/uploads/images/bg/panel.png) no-repeat 0 100%;
}
.panel-inner {
background:#eee;
color: #555;
padding: 0 0.9em;
line-height: 1.5em;
}

.panel p {
padding-bottom: 0.3em;
}

.panel h3 {
margin-top: 0;
padding-top: 0.6em;
}

#affiliateLogos { margin-bottom: 0; }
#affiliateLogos .panel-inner { text-align: center; padding-bottom: 0; }
#affiliateLogos img#logo-tux { margin: 0 10px 0 0; }
#affiliateLogos img#logo-mono { margin: 0 20px; }

.keyline .panel-top,
.keyline .panel-top div,
.keyline .panel-base,
.keyline .panel-base div {
background-image: url(/uploads/images/bg/panel_keyline.png);
}
.keyline .panel-inner {
background: #fff;
border: 1px solid #e4e4e4;
border-width: 0px 1px;
}

/* Extra styles for consistency of spacing. N.B. This will make buttons align left. */
.button {
display: block;
float: left;
margin-right: 6px;
}
/* Modifications for button-styled link */
a.button {
padding: 1px 5px;
}
a.button, a.button:hover {
text-decoration: none;
color: #fff;
cursor: default;
}

/* News module styles */
.NewsSummary {
padding-top: 8px;
}
.NewsSummaryLink {
font-weight: bold;
}
.NewsSummaryMoreLink {
}
/* End of 'wml-main' */