@charset "utf-8";
/* skin by wsi-internetmarketing.co.uk */
body{
margin:0px auto;
background-color:#01BAB9;
font-family:Arial, Helvetica, sans-serif;
background-image:url(backg.jpg);
background-repeat:repeat-x;
background-position:top;
text-align:center;
}
#ControlPanel {
}
.adminMenu {
width:954px;
margin:0px auto; 
text-align:left;
}
#beta {
position:absolute 0;
float:left;
background-image:url(beta.gif);
background-repeat:no-repeat;
width:41px;
height:42px;
}
#PageFrame { 
width:954px;
padding:0px;
margin:0px auto;
}
#top {
width:954px;
padding:10px 0px 7px 0px;
margin:0px;
float:left;
}
#topNav {
float:left;
width:930px;
text-align:right;
padding:0px;
margin:0px;
color:#727373 !important;
} 
#topNav a, #topNav .SkinObject {
color:#727373 !important;
font-size:0.95em !important;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
text-decoration:none;
font-weight:normal !important;
}
#topNav a:Hover, #topNav .SkinObject:hover {
text-decoration:none !important;
color:#f78f20 !important;
}
#AddThis {
float:right;
width:145px;
padding:3px 0px 0px 0px;
margin:0px;
}
#tb {
float:left;
width:930px;
_width:954px;
height:17px;
padding:0px;
margin:0px 0px 0px 12px;
_margin-left:0px;
background-image:url(tb.jpg);
background-repeat:repeat-x;

}
#tlc {
float:left;
background-image:url(tlc.gif);
_background-image:url(tlc2.jpg);
background-position:left top;
width:12px;
height:17px;
padding:0px;
margin-left:-12px;
_margin-left:0px;
} 
#trc {
float:right;
background-image:url(trc.gif);
_background-image:url(trc2.jpg);
background-position:right top;
width:12px;
height:17px;
margin-right:-12px;
_margin-right:0px;
}
#bb {
float:left;
width:930px;
_width:954px;
height:17px;
padding:0px;
margin:0px 0px 0px 12px;
_margin:0px 0px -1px 0px;
background-image:url(bb.jpg);
background-repeat:repeat-x;
}
#blc {
float:left;
background-image:url(blc.gif);
_background-image:url(blc2.jpg);
width:12px;
margin-left:-12px;
height:17px;
_margin-left:0px;
}
#brc {
float:right;
background-image:url(brc.gif);
_background-image:url(brc2.jpg);
width:12px;
margin-right:-12px;
height:17px;
_margin-right:0px;
}
#mainContent {
float:left;
width:930px;
background-image:url(contentbackg.jpg);
background-repeat:repeat-y;
padding:0px 12px;
margin:0px;
_margin:-1px 0px -20px 0px;
}
#headerLeft { 
width:660px;
height:135px;
float:left;
padding:0px;
margin:0px;
background-image:url(navBackg.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
#logo {
height:100px;
width:280px;
padding:0px;
margin:0px;
float:left;
text-align:left;
}
.tagline {
	float:right;
	width:370px;
	padding:0px;
	margin:0px;
}
/* navigation start */

#navHContainer {
float:left;
width:660px;
display:block;
margin:0px;
padding:0px;
height:26px;
margin-top:3px;
} 
#nav ul {
padding:0px;
margin:0px auto;
list-style:none;
float:left;
}
#nav li {
position: relative;
float:left;
list-style: none;

padding:0px 9px 0px 10px;
border-right:#959797 solid 1px;
}
/* second-level lists */
#nav li ul { 
position : absolute;
left: -999em;
padding:0px;
margin:0px;
}
#nav li , #nav a {
font-size:1em !important;
width:auto;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#727373 !important;
text-align:center;
font-weight:normal !important;
}
#nav a:visited {
color:#727373 !important;
}
#nav a:hover {
text-decoration:none !important;
color:#f78f20 !important;
}

/* set the hover properties for the main tab background */
#nav li:hover {
}
#nav li:hover a{
}
/*  set the submenu background and font color etc  */
#nav li li a {
}
/* set the hover effects for the submenu 1 text and background and cancels the image background from the main tab */
#nav li li a:hover{
}
#nav li li {
}
#nav li li:hover {
}
#nav .SelectedTab a{
color:#f78f1f !important;
}
#nav .SelectedTab {
color:#f78f1f !important;
}
#nav .SelectedTab a:hover{
}
#nav .DisabledTab {
color:#f78f1f !important;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 0px; /*sets positioning of the drop down menu level 1*/
	left:0;
	margin-top:26px;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:118px; /*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}

/*end of navigation*/
.headerRight {
float:right;
padding:0px;
margin:0px;
width:243px;
height:130px;
}
.headerRight p, .headerRight .SkinObject {
padding:0px;
margin:0px;
}
#twoPaneGroup {
float:left;
width:930px;
padding:20px 0px;
margin:0px 0px;
}
.content {
width:930px;
float:left;
padding:0px;
margin:0px 0px 10px 0px;
}

#spacer {
width:930px;
height:1px;
float:left;
padding:0px;
margin:0px;
}
#backgroundFooter {
	padding-bottom:30px;
}
#footer {
width:954px;
margin:0px auto 30px auto;
color:#ffffff !important;
text-align:center;
font-size:0.8em;
padding-top:20px;
}
#footer a, #footer .SkinObject{
color:#ffffff !important;
text-decoration:none !important;
font-weight:normal !important;
}
#footer .SkinObject {
font-size:0.95em;
}
#footer a:hover {
color:#ffffff !important;
text-decoration:none !important;
}

/* styling text etc */
p {
margin:5px 0px;
}
h1 {
font-size:1.9em;
color: #6f7375;
margin:5px 0px 10px 0px;
padding: 0px;
font-weight:normal;
	}
h2 {
font-size:1.3em;
color: #6f7375;
margin:5px 0px 10px 0px;
padding: 0px;
font-weight:normal;
	}	
h3 {
font-size:1em;
color: #6f7375;
margin:0px;
padding: 0px;
font-weight:normal;
	}	
h4 {
font-size:1em;
color: #6f7375;
padding:0px 0px 0px 20px;
margin:5px 0px 10px 0px;
background-image:url(h4.jpg);
background-position:left;
background-repeat:no-repeat;
font-weight:normal;
}
h5 {
font-size:1em;
color: #6f7375;
padding:0px;
margin:0px;
font-weight:normal;
}
p, .Normal, .NormalBold{
font-size:0.95em;
color: #6f7375;
}
a {
color:#f78f1f; !important;
text-decoration:none !important;
font-weight:normal;
}
a:hover{
color:#01bab9 !important;
text-decoration:underline !important;
}
ul, li {
color:#6f7375 !important;
}
ul {
margin:0px;
padding:0px;
font-size:0.9em;
list-style:inside;
}
li {
margin:8px 0px;
}
.StandardButton {
background-color:none;
background-image:url(TemplateButton.jpg);
width:128px;
height:35px;
color:#ffffff !important;
font-size:0.95em;
font-weight:bold;
border:none;
}
.NormalTextBox {
text-align:left !important;
width:150px !important;
margin:5px 0px 5px 0px !important;
background-color:#d4effc !important;
font-size:0.9em !important;
color:#4c5153 !important;
}
.TXTbox  {
text-align:left !important;
width:150px !important;
margin:5px 0px 5px 0px !important;
background-color:#d4effc !important;
font-size:0.95em !important;
color:#4c5153 !important;
}
.TXTboxNWDD {
margin:5px 0px 5px 10px !important;
background-color:#d4effc !important;
font-size:0.95em !important;
color:#4c5153 !important;
}
input, option, select {
background-color:#d4effc !important;
} 
.TXTboxNW {
margin:5px 0px 5px 10px !important;
background-color:#d4effc !important;
font-size0.95em !important;
color:#4c5153 !important;
}

.TXTboxNWDec {
margin:5px 0px 5px 0px !important;
background-color:#cccccc !important;
font-size:1.1em !important;
color:#4c5153 !important;
}


.TXTboxNWR {
text-align:left !important;
width:70px !important;
margin:5px 0px 5px 0px !important;
background-color:#d4effc !important;
font-size:1.2em !important;
color:#4c5153 !important;
border-top:#666 solid 2px !important;
border-left:#666 solid 2px !important;
border-bottom:#ccc solid 1px !important;
border-right:#ccc solid 1px !important;
}
.TXTboxNWN {
background-color:#d4effc !important;
font-size:1.2em !important;
color:#4c5153 !important;
border-top:#666 solid 2px !important;
border-left:#666 solid 2px !important;
border-bottom:#ccc solid 1px !important;
border-right:#ccc solid 1px !important;
}
.TXTboxNWRDec {
text-align:left !important;
width:27px !important;
margin:5px 0px 5px 0px !important;
background-color:#d4effc !important;
font-size:1.2em !important;
color:#4c5153 !important;
border-top:#B30000 solid 2px !important;
border-left:#B30000 solid 2px !important;
border-bottom:#FF5959 solid 1px !important;
border-right:#FF5959 solid 1px !important;
}


.smallTXT {
font-size:0.8em;
}
/* divs */

.div1 {
text-align:left;
width:500px;
margin:0px 0px 0px 100px;
color:#6f7375;
float:left;
display:block;
}
.div2 {
float:right !important;
width:300px;
color:#6f7375;
text-align:left;
padding:60px 0px 0px 0px;
display:block;
}

.div3 {
text-align:left;
width:600px;
margin:0px 0px 0px 30px;
color:#6f7375;
float:left;
display:block;
}

/* eof divs */
.smallTXT {
font-size:0.8em;
}
.orange { 
color:#f78f1f !important;
}
.orange a {
color:#f78f1f !important;
}
.green {
color:#01bab9 !important;
}
.green a {
color:#01bab9 !important;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.italicOrange {
color:#f78f1f;
font-style:italic;
} 
.italicGreen {
color:#01bab9;
font-style:italic;
}
p {
margin:5px 0px;
}
p, .Normal, .NormalBold .SubHead {
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
color: #6f7375 !important;
}
.SubHead {
font-size:1em;
font-weight:normal !important;
}
.GridHeader_WebBlue, .ResizeHeader_WebBlue {
background-image:none !important;
background-color:#f78f1f !important;
}