/* COPYRIGHT (2010) SENSIBLE WEB SOLUTIONS LTD. & APPEAR FIRST */

/* Construct Page */

html{
height:101% !important;
height:auto;
}

body{
margin:0;
padding:0;
color:#666666;
background: #E7E7E7 url("../images/header-bg.png")repeat-x scroll 0 0 ;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
}

#accessibility{
display:none;
}

#page{
margin:0 auto;
width:980px;
background-color:#E7E7E7;
overflow:hidden;
}

#header{
height:176px;
background: #2579a0 url("../images/header.png") no-repeat scroll 0 0 ;
overflow:hidden;
}

#menu{
height:65px;
position:relative;
z-index:98;
background: url("../images/menu-bg.png") repeat-x scroll 0 0 transparent;
margin-top:-55px;

}

#topimage{
margin-top:25px;
padding:0;
height:372px;
background: #E7E7E7 url("../images/top.jpg") no-repeat scroll 0 0 ;
overflow:hidden;
}


#betweentop-main{
margin-top:10px;
padding:25px;
height:50px;
background: #FFFFFF url("../images/uppercnrs.png") no-repeat scroll 0 top ;
overflow:hidden;
font-size:24px;
text-align:center;
}

#btb-lowercnrs{
height:8px;
background: #FFFFFF url("../images/lowercnrs.png") no-repeat scroll 0 bottom;
}

#main{
overflow:hidden;
float:left; /* Useless MSIE6 */
background-color:#E7E7E7;
margin:25px 0;

}

#leftcol{
padding-top:20px;
width:210px;
background-color:#FFFFFF; 
overflow:hidden;
float:left;
clear:left;
}

#content{
padding:20px;
background: #FFFFFF url("../images/cont-uppercnrs.png") no-repeat scroll center top;
overflow:hidden;
float:left;
position:relative;
z-index:1;
}


.onecol{
width:940px;
background: #FFFFFF url("../images/uppercnrs.png") no-repeat scroll center top;
}

.twocol{
width:605px;
background: #FFFFFF url("../images/cont-lower-cnrs.png") no-repeat scroll center bottom;

}

.threecol{
width:405px;
}

#rightcol{
padding:20px;
margin-left:20px;
width:275px;
overflow:hidden;
float:left;
background: #FFFFFF url("../images/right-uppercnrs.png") no-repeat scroll center top;

}

#footer{
padding:0;
height:85px;
line-height:100px;
background: #2579A0 url("../images/footer-bg.png") repeat-x scroll 0 0 ;
font-size:10px;
overflow:hidden;
clear:left;
}

/* Header */

a#logo{
margin-top:40px;
margin-left:36px;
padding:0;
border:0;
display:block;
float:left;
}

/* Menu */

#nav,
#nav li{

padding:0;
height:65px;
line-height:65px;
list-style:none;
overflow:hidden;
}
#nav{
padding-left:20px;
background: url("../images/menu-bg-left.png") no-repeat scroll 0 0 ;

}

#nav li{
float:left;
}

#nav a{
padding:0 20px;
color:#fff; /* CHANGE COLOUR */
text-decoration:none;
float:left;
font-size:14px;
}

#nav a:hover{
background-color:#D7D7D7;
color:#CF965A;
text-decoration:none;
}

/* Top */

#breadcrumbs{
padding-left:20px;
width:760px;
height:22px;
line-height:22px;
background-color:##2E97B7; 
float:left;
}

#you-are-here{
font-weight:bold;
}

#search{
width:200px;
background-color:#E7E7E7; 
float:left;
}

#search label{
padding-right:5px;
width:95px;
height:22px;
line-height:22px;
color:#0e5831;
font-weight:bold;
text-align:right;
float:left;
}

#search input{
float:left;
}

#search input#search-searchword{
padding:0 0 0 2px;
width:160px;
height:20px;
line-height:20px;
border:0;
border:1px solid #aed047;
}

#search input.button{
padding:0;
width:36px;
height:22px;
border:0;
font-weight:bold;
}

/* Footer */

#footer-left,
#footer-right{
width:470px;
float:left;
color:#FFFFFF;
}

#footer-left{
padding-left: 20px;
background: url("../images/footer-bg-left.png") no-repeat scroll left 0 ;
}


#footer-right{
padding-right:20px;
text-align:right;
background: url("../images/footer-bg-right.png") no-repeat scroll right 0 ;

}

#footer a{
color:#FFFFFF;
}

/* Content */

#content h1,
#content h2,
#content h3{
color:#8F8F8F; 
line-height:1em;
font-weight:normal;
}

#content h1{
margin-top:0;
font-size:24px;
}

#content h2{
font-size:18px;
}

#content h3{
font-size:14px;
}

#content p,
#content ul,
#content address{
margin-top:1em;
margin-bottom:1em;
line-height:1.5em;
}

#content img{
border:none; /* CHANGE COLOUR */
}

#content img.noborder{
border:0;
}

#content a{
font-weight:bold;
}

/*#content a img{
float:left;
}*/

#content hr{
margin:0;
padding:0;
height:1px;
color:red; /* CHANGE COLOUR */
background-color:red; /* CHANGE COLOUR */
border:0;
clear:both;
}

/* Content - Pagination */

#content p#pagination,
#content p.counter{
text-align:center;
}

#content p.counter{
line-height:1em;
font-size:12px;
}

#content ul.pagination{
margin:0;
padding:0;
line-height:1em;
font-size:12px;
text-align:center;
list-style:none;
overflow:hidden;
}

#content ul.pagination li{
margin:0 5px;
display:inline;
}

#content ul.pagination li.active{
font-weight:bold;
}

/* Content - Tables */

table,
tr,
th,
td{
margin:0;
padding:0;
border-collapse:collapse;
vertical-align:top;
}

table{
width:100%;
}

th,
td{
padding:5px;
/*border:1px solid red; /* CHANGE COLOUR */
}

th{
color:#fff;
background-color:#2579A0; 
font-weight:normal;
text-align:left;
}

/* Edit */

#content .hasTip{
}

#content .hasTip img{
border:none;
}

.tool-tip{
padding:5px;
max-width:200px;
background:#ffffcc;
border:1px solid #d4d5aa;
float:left;
position:relative;
z-index:2;
}

.tool-title{
margin:0;
margin-top:-15px;
padding:0;
padding-top:15px;
padding-bottom:5px;
background:url(../../system/images/selector-arrow.png) no-repeat;
font-size:100%;
font-weight:bold;
}

.tool-text{
margin:0;
font-size:100%;
}

/* Editor Page */

form.editor legend{
/*margin-bottom:10px;*/
padding-bottom:10px;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}

form.editor div{
margin-bottom:10px;
/*padding:5px 5px 8px 5px;
background-color:#f0f0f0;*/
overflow:hidden;
-moz-border-radius:4px;
border-radius:4px;
}

form.editor #editor,
form.editor #editor div{
margin:0;
padding:0;
background-color:transparent;
}

form.editor .title,
form.editor .save,
form.editor #editor-xtd-buttons{
padding-top:0;
padding-bottom:0;
background-color:transparent;
}

form.editor #editor-xtd-buttons div{
margin:5px 0;
padding:0;
background-color:transparent;
float:left;
display:inline;
}

form.editor #editor-xtd-buttons a{
margin-right:10px;
padding:5px;
color:#000;
background-color:#ddd;
border:1px solid #000;
font-weight:normal;
display:block;
-moz-border-radius:5px;
border-radius:5px;
}

form.editor #editor-xtd-buttons a:hover{
color:#900;
background-color:#eee;
border-color:#900;
text-decoration:none;
}

form.editor label,
form.editor label span{
display:block;
font-weight:bold;
}

form.editor .state label,
form.editor .frontpage label{
font-weight:normal;
display:inline;
}

form.editor .title label{
display:inline;
}

form.editor label.metakey{
margin-top:10px;
}

form.editor img.calendar{
margin-left:2px;
vertical-align:top;
}

form.editor .title input{
width:380px;
}

form.editor .state input,
form.editor .frontpage input{
border:0;
}

#content form.editor textarea.inputbox{
width:100%;
}

form.editor .none{
display:none;
}

/* Message Area */

dl#system-message,
dl#system-message dd,
dl#system-message ul,
dl#system-message li{
margin:0;
padding:0;
list-style:none;
}

dl#system-message dt{
display:none;
}

dl#system-message dd{
margin-bottom:10px;
padding:5px;
color:#fff;
background-color:#E7E7E7; 
font-size:14px;
font-weight:bold;
}

/*dl#system-message dd.message,
dl#system-message dd.notice{
}*/

dl#system-message dd.error{
background-color:#900;
}

#content .message ul{
line-height:1em;
}

p.error{
padding:5px;
color:#fff;
background-color:#900;
font-size:14px;
font-weight:bold;
}

/* Modules */

.module h3{
margin:0 0 15px 0;
font-size:14px;
}

.module p{
/*margin:1em 0 0 0;*/
margin:0;
}

.module ul{
margin:0;
padding:0;
/*list-style-position:inside;*/
list-style-position:outside; /* Useless MSIE */
}

#leftcol .module,
#rightcol .module{
margin-bottom:20px;
width:100%;
overflow:hidden;
float:left;
clear:both;
}

#leftcol .menu,
#rightcol .menu{
overflow:visible;
}

/* Modules - Menus */

ul.menu{
margin:0;
padding:0;
list-style:none;
}

ul.menu li{
margin:0;
padding:0;
}

ul.menu li a{
display:block;
}

ul.menu li a:hover{
background:red; /* CHANGE COLOUR */
text-decoration:none;
}

/* Forms */

form,
fieldset{
margin:0;
padding:0;
border:0;
}

input,
textarea,
select{
padding-left:0;
padding-right:0;
color:#666666; 
border:1px solid #D3D3D3; 
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
}

input.button{
margin:0;
padding:0;
color:#fff;
background-color:#CF965A; 
border-color:#E7E7E7; 
cursor:pointer;
}

input.button:hover{
background-color:#2E97B7; 
}

#content input.button{
padding:5px;
}

input.disabled,
select.disabled{
background-color:#e6ddd5;
}

input.noborder{
border:0;
}

/* Contact Form */

#email-form div{
margin-bottom:10px;
width:100%; /* Useless MSIE6 */
overflow:hidden;
clear:left;
}

#email-form label{
width:120px;
float:left;
}

#email-form input.inputbox,
#email-form textarea{
width:380px;
float:left;
}

#email-form input.button{
margin-left:0;
}

#email-form label#label-copy{
width:auto;
float:none;
}

#email-form input#contact-copy{
border:0;
}

#email-form label.error{
color:#900;
}

#email-form input.error,
#email-form textarea.error{
border-color:#900;
}

/* Search Form */

#search-form div{
margin-bottom:10px;
}

#search-form div{
margin-bottom:15px;
}

#search-phrases input,
#search-areas input{
border:0;
}

/* Styles (Global Formatting) */

strong{
font-weight:normal;
}

em{
font-style:normal;
}

.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.left{
float:left;
}

.right{
float:right;
}

img.left{
margin-right:10px;
}

img.right{
margin-left:10px;
}

a img{
border:0;
}

a{
color:#CF965A;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

address{
font-style:normal;
}

.asterisk{
color:#900;
font-weight:bold;
}

/***** SUPERFISH MENU *****/

/* Essential Styles */

.menu-sf-menu,
.menu-sf-menu *{
margin:0;
padding:0;
list-style:none;
}

.menu-sf-menu{
line-height:1.0;
}

.menu-sf-menu ul{
width:10em; /* left offset of submenus need to match (see below) */
position:absolute;
top:-999em;
}

.menu-sf-menu ul li{
width:100%;
}

.menu-sf-menu li:hover{
visibility:inherit; /* fixes IE7 'sticky bug' */
}

.menu-sf-menu li{
float:left;
position:relative;
}

.menu-sf-menu a{
display:block;
position:relative;
}

.menu-sf-menu li:hover ul,
.menu-sf-menu li.sfHover ul{
left:0;
top:2.5em; /* match top ul list item height */
z-index:99;
}

ul.menu-sf-menu li:hover li ul,
ul.menu-sf-menu li.sfHover li ul{
top:-999em;
}

ul.menu-sf-menu li li:hover ul,
ul.menu-sf-menu li li.sfHover ul{
left:10em; /* match ul width */
top:0;
}

ul.menu-sf-menu li li:hover li ul,
ul.menu-sf-menu li li.sfHover li ul{
top:-999em;
}

ul.menu-sf-menu li li li:hover ul,
ul.menu-sf-menu li li li.sfHover ul{
left:10em; /* match ul width */
top:0;
}

/* Skin */

.menu-sf-menu{
float:left;
/*margin-bottom:1em;*/
}

.menu-sf-menu a{
padding:.75em 1em;
border-left:1px solid #fff;
border-top:1px solid #cfdeff;
text-decoration:none;
float:left; /* Useless MSIE6 */
}

.menu-sf-menu a,
.menu-sf-menu a:visited{ /* visited pseudo selector so IE6 applies text colour */
color:#13a;
}

.menu-sf-menu li{
background:#bdd2ff;
}

.menu-sf-menu li li{
background:#aabde6;
}

.menu-sf-menu li li li{
background:#9aaedb;
}

.menu-sf-menu li:hover,
.menu-sf-menu li.sfHover,
.menu-sf-menu a:focus,
.menu-sf-menu a:hover,
.menu-sf-menu a:active{
background:#cfdeff;
outline:0;
text-decoration:none; /* Useless MSIE6 */
}

.menu-sf-menu li.sfHover > a,
.menu-sf-menu li.active > a{
background:#cfdeff;
}

/*** arrows **/
.menu-sf-menu a.sf-with-ul{
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator{
width:10px;
height:10px;
background:url('../images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
text-indent:-999em;
position:absolute;
right:.75em;
top:1.05em; /* IE6 only */
display:block;
overflow:hidden;
}

a > .sf-sub-indicator{  /* give all except IE6 the correct values */
background-position:0 -100px; /* use translucent arrow for modern browsers*/
top:.8em;
}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{
background-position:-10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */

.menu-sf-menu ul .sf-sub-indicator{
background-position: -10px 0;
}

.menu-sf-menu ul a > .sf-sub-indicator{
background-position: 0 0;
}

/* apply hovers to modern browsers */

.menu-sf-menu ul a:focus > .sf-sub-indicator,
.menu-sf-menu ul a:hover > .sf-sub-indicator,
.menu-sf-menu ul a:active > .sf-sub-indicator,
.menu-sf-menu ul li:hover > a > .sf-sub-indicator,
.menu-sf-menu ul li.sfHover > a > .sf-sub-indicator{
background-position:-10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul{
padding:0 8px 9px 0;
background:url('../images/superfish/shadow.png') no-repeat bottom right;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}

.sf-shadow ul.sf-shadow-off{
background:transparent;
}

/* Print Styles */

@media print{
body,
#page,
#header,
#content{
margin:0;
padding:0;
width:100%;
border:0;
font-size:11px;
float:none;
overflow:visible;
}

#menu,
#breadcrumbs,
#leftcol,
#rightcol,
#footer,
form{
display:none;
}

#header{
margin-bottom:20px;
padding-bottom:10px;
height:66px;
border-bottom:1px solid red; /* CHANGE COLOUR */
}

#header a,
#header a img{
margin:auto;
width:200px;
height:100px;
display:block;
float:none;
}

#content h1{
font-size:21px;
}

#content h2{
font-size:18px;
}

#content h3{
font-size:15px;
}
}