/* reset styles */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
/* eof reset styles */

/* skin Matt at wsi-internetmarketing.co.uk */ 
#body{
width:100%;
height:100%;
margin:0px auto 20px auto;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background-image:url(bodybackg.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#FFF; 
}
html {
background-color:#FFF;  
}
#ControlPanel {
}
.adminMenu {
width:954px;
margin:0px auto; 
text-align:left; 
}

#PageFrame {
width:953px;
margin:0px auto;
padding:0px;
text-align:left;
background-color:#FFF;
}
#header {
	background-image:url(header.jpg);
	background-repeat:no-repeat;
	width:954px;
	height:160px;
}
.phone {
	padding:20px 0px 0px 25px;
	width:50%;
	text-align:left;
	height:110px;
}
.phone, .phone p {
	font-size:1.15em !important;
	color:#4e6e9f !important;
}

#navHContainer {
display:block;
margin:0px 0px 0px 28px;
padding:5px 0px 0px 0px;
width:900px;
color:#FFF;
} 

#nav ul {
padding:0px;
margin:0px auto;
list-style:none;
float:left;
}
#nav li {
position: relative;
float:left;
list-style: none;
font-size:0.9em !important;
padding:0px 0px 10px 0px;
}
/* second-level lists */
#nav li ul { 
position : absolute;
left: -999em;
padding:0px;
margin:0px;
background-image:none;
} 
#nav li , #nav a {
width:auto;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#ffffff !important;
text-align:center; 
font-weight:bold !important;
padding:0px 11px;
}
#nav a:visited {
color:#ffffff !important;
}
#nav a:hover {
text-decoration:none !important;
color:#403f3f !important;
}
#nav li li a {
color:#403f3f !important;
margin:0px;
padding:5px;

}
/* 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{

color:#ffffff !important;
text-decoration:none;
}
#nav li li {
width:159px;
padding:4px 0px 4px 0px;
margin:0px;
background-color:#5879AE;
background-image:none !important;
border:#7592BA solid 1px;
}
#nav li li:hover {
}
#nav .SelectedTab a{
font-size:1em;
}
#nav li .SelectedTab a{

}
#nav .DisabledTab {
    color:#ccc;
}
/* 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:22px;
}
#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:159px; /*sets positioning of the drop down menu level 2*/
	margin-top:5px;
}

/*end of navigation*/

#mainContent {
	clear:both;
	padding:15px 25px 10px 25px;
	margin:0px;
	background-color:#FFF;
}
#topFour, #contentGroup {
	width:100%;
	padding:0px 0px 5px 0px;
	margin:0px;
}
#topFourLeft {
	width:672px;
	float:left;
	padding:0px;
	margin:0px;
}
#topFourRight {
	width:219px;
	padding:0px;
	margin:0px;
	float:right;
	}
.t1, .t2, .t3 {
	float:left;
	padding: 0 3px;
	width:216px;
}
 .t4 {
	width:205px;
}
.ContentPane {
	float:left;
	width:672px;
}
.rightPane {
padding-top:10px;
	width:205px;
}
#tagline {
	background-image:url(tagline.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:70px;
	clear:both;
}
.footer {
	width:100%;
	margin:20px 0px 5px 0px;
	text-align:center;
}
.footer, .footer .SkinObject, .footer a, .links, .links a {
	color:#285395 !important;
	font-size:1em !important;
	font-weight:normal;
	text-decoration:none !important;
}
.footer .SkinObject a:hover, .footer a:hover, .links a:hover {
	text-decoration:underline !important;
}
.links {
	text-align:center;
	clear:both;
}
.spacer {
	width:100%;
	padding:0px;
	height:1px;
	margin:0px;
	clear:both;
	
}

/* styling text etc */
p {
margin:5px 0px;
}
h1 {
font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
color: #0f81cf;
margin:5px 0px 5px 0px;
padding: 0px;
font-weight:bold;
	}
h2 {
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
color: #0f81cf;
margin:5px 0px 5px 0px;
padding: 0px;
font-weight:bold; 
	}	
h3 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color: #0f81cf;
margin:0px; 
padding: 0px;
font-weight:normal;
	}	
p, .Normal, .NormalBold {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #383f44;
}

p {
padding:0px;
margin:4px 0px;
}
a {
color:#0f81cf !important;
text-decoration:underline !important;
font-weight:normal;
}
a:hover{

text-decoration:none !important;
}
ul li {
color:#383F44;
font-size:1em;
}

#mainContent ul li {
background-image:url(list-blue-arrow.gif);
background-position:1px 8px;
background-repeat:no-repeat;
color:#383F44;
display:block;
font-size:1em;
padding:5px 5px 5px 12px;
}
ul {padding:0px 0px 0px 14px;
	margin:0px;
}
td ul {
	padding:0px 0px 0px 14px;
	margin:0px;
}