/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica,Arial,sans-serif;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  color: #333;
}

a:link, a:visited {
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  text-decoration: underline;
  font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
  padding: 10px 0;
  margin-bottom: 1px;
}

div.center {
  text-align: center;
}

div#wrapper {
  margin-left: auto;
  margin-right: auto;
}


body.width_fmax div#wrapper {
  min-width: 750px;
  max-width: 1050px;
}

div#header_l {
  position: relative;
}

div#header_r {
  height: 65px;
  padding-left: 370px;
  padding-right: 30px;
  padding-top: 25px;
  overflow: hidden;
  text-align: left;
}

/* container for the logo */
div#logo {
  position: absolute;
  left: 0;
  top: 0;
  float: left;
  width: 600px;
  height: 65px;
  display: block;
  margin-left: 30px;
  margin-top: 25px;
}

div#tabarea {
  background: #f7f7f7 url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_header_b.png) 0 0 repeat-x;
  margin: 0 11px;
}

/* container layout in-between the header and the body content, left hand side */
div#tabarea_l {
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_header_l_b.png) 0 0 no-repeat;
  padding-left: 32px;
}

/* container layout in-between the header and the body content, right hand side */
div#tabarea_r {
  height: 22px;
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_header_r_b.png) 100% 0 no-repeat;
  padding-right: 1px;
}

div#footer_r {
  padding-top: 10px;
  height: 47px;
  overflow: hidden;
  color: #aaa;
}

div#footer_r div {
  text-align: center;
  font-size: .90em;
  color: #aaa;
}

div#footer_r a, footer_r a:link, div#footer_r a:visited  {
  color: #aaa;
}

div#footer_r a:hover {
  color: #111;
}

div#footerspacer {
  height: 10px;
}

#area {
  padding: 0;
}

/* main content and menu box */
#whitebox {
  margin: 0 21px 0px 21px;
  background: #fff;
  width: auto;
}

#whitebox div {
  text-align: left;
}

#whitebox_t {
  background: #fff url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_t.png) 0 0 repeat-x;
}

#whitebox_tl {
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_t_l.png) 0 0 no-repeat;
}

#whitebox_tr {
  height: 10px;
  overflow: hidden;
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_t_r.png) 100% 0 no-repeat;
}

#whitebox_m {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: auto;
  padding: 1px 8px;
}

#whitebox_b {
  margin-top: -5px;
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_b.png) 0 100% repeat-x;
}

#whitebox_bl {
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_b_l.png) 0 100% no-repeat;
}

#whitebox_br {
  height: 13px;
  background: url(/pub/skins/ssofb.co.uk_joomla_rhuk/mw_content_b_r.png) 100% 100% no-repeat;
}

#leftcolumn {
  padding: 0;
  margin: 0;
  width: 20%;
  float:left;
}

#maincolumn,
#maincolumn_full {
  margin-left: 20%;
  padding-left: 15px;
  width: 75%;
}

#maincolumn_full {
  margin-left: 0;
  padding: 0; 
  width: 100%;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

/* headers */
h1 {
  padding: 0;
  font-family:Helvetica ,Arial,sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  vertical-align: bottom;
  color: #666;
  text-align: left;
  width: 100%;
}

h2 {
  padding: 0;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  vertical-align: bottom;
  color: #333;
  text-align: left;
  width: 100%;
}

h3 {
  padding: 0;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  vertical-align: bottom;
  color: #333;
  text-align: left;
  width: 100%;
}

h4 {
  padding: 0;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  vertical-align: bottom;
  color: #333;
  text-align: left;
  width: 100%;
}

h5 {
  padding: 0;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  vertical-align: bottom;
  color: #333;
  text-align: left;
  width: 100%;
}

h6 {
  padding: 0;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: bottom;
  color: #333;
  text-align: left;
  width: 100%;
}

.clr {
  clear: both;
}

/* module control elements */

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  margin: -23px -4px 5px -5px;
  padding-left: 10px;
  padding-bottom: 2px;
}

div.module_menu {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

div.module_menu div div div {
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: auto;
}

div.module_menu div div div div {
  background: none;
  padding: 0;
}

div.module_menu ul {
  margin: 10px 0;
  padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
  font-weight: bold;
}

#leftcolumn div.module {
  padding: 0 10px;
}

#leftcolumn div.module table {
  width: auto;
}

#syndicate{
  font-size: 80%;
  float:left;
  padding-left: 25px;
}

#power_by{
  font-size: 80%;
  float:right;
  padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
  padding: 2px 0;
}