/* skin by wsi-internetmarketing.co.uk */
body{
margin:0px auto;
background-color:#f3f3f5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#646464;
}
#ControlPanel {
}
.adminMenu {
width:818px;
margin:0px auto;
text-align:left;
}
#topBackg {
width:818px;
height:12px;
margin:0px auto;
background-image:url(topBackg.jpg);
background-repeat:no-repeat;
background-position:center;
}
.PageFrame {
width:800px; 
padding:0px 9px;
margin:0px auto;
background-image:url(pageBackg.jpg);
background-repeat:repeat-y;
}
#logo {
width:800px;
height:80px;
padding:0px;
margin:0px;
background-image:url(logoEcho.jpg);
background-position:left;
background-repeat:no-repeat;
}
.telephone {
float:right;
margin:10px;
font-size:200%;
color:#0874bd;
}
#navGroup{
background-image:url(navBackg.jpg);
background-repeat:repeat-x;
height:27px;
padding:0px;
margin:0px;
}
/* navigation start */
#navHContainer {
display:block;
margin:0px;
padding:0px;
float:left;
} 

#nav ul {
padding:0px 0px 0px 25px;
margin:0px auto;
    list-style:none;
    float:left;
}
#nav li {
position: relative;
float:left;
width:auto;
list-style: none;
font-size:100%;
padding:6px 20px 5px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.05em;
}
/* second-level lists */
#nav li ul { 
position:absolute;
left: -999em;
padding:0px;
margin:0px;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#ffffff !important;
text-align:center;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#nav a:visited {

}
#nav a:hover {
color:#ffffff!important;
}
#nav ul li {
}
/* set the hover properties for the main tab background */
#nav li:hover {
}
/*  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{
}
#nav .DisabledTab {
}
/* 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*/
.search {
float:right;
height:27px;
margin:0px 5px 0px 0px;
padding:2px 0px 0px 0px;
}
#twopanecontent{
width:800px;
padding:0px;
margin:4px 0px 0px 0px;
clear:both;
}
.leftpane{
float:left;
width:148px;
height:540px;
background-image:url(leftPBackg.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:5px 4px 20px 0px;
margin:0px;
border-right:#CCCCCC dotted 3px;
}
/* -- content group starts */
#ContentGroup {
font-family:Verdana, Arial, Helvetica, sans-serif !important;
float:right;
width:640px;
padding:0px;
margin:0px;
_margin-right:-10px;
}
/* ---- */
#CGL {
float:left;
width:465px;
padding:0px;
margin:0px;
}
.topContent {
width:465px;
margin:0px;
padding:0px;
height:150px;
float:left;
z-index:100;
}
.rightPane {
float:right;
width:154px;
padding:0px 0px 0px 4px;
border-left:#CCCCCC dotted 2px;
margin-right:6px;
}
.contentpane {
width:307px;
float:left;
padding:0px;
margin:0px;
}
.contentRight {
	width:150px;
	float:right;
	z-index:200;
	padding:0px;
	margin:-60px 0px 0px 0px;
}
.contentBottom {
clear:both;
width:472px;
margin:0px;
padding:0px;
}
/* content ends rest should be the same */

#footer {
clear:both;
width:780px;
height:16px;
background-color:#bababa;
color:#FFFFFF;
padding:8px 10px 4px 10px;
text-align:left;
font-size:100%;
font-weight:bold;
}
#footer a, #footer .SkinObject {
color:#FFFFFF !important;
text-decoration:none;
font-weight:bold;
}
#footer a:hover {
color:#ffffff;
text-decoration:none;
}
.login {
margin-left:210px;
}
.footer2{
width:780px;
clear:both;
padding:6px 10px;
margin:0px;
}
.footer2 p {
padding:0px;
margin:0px;
}
#botBackg {
background-image:url(botBackg.jpg);
height:19px;
width:818px;
margin:0px auto 5px auto;
}

/* styling text etc */

iframe,a img,fieldset,form,table
{
	border:0;
}

legend
{
	color:#000;
}

button,select,textarea,input
{
	font-size:100%;
}

table
{
	border-collapse:collapse;
}

caption,th,td
{
	text-align:left;
}

h2,h3,h4,h5
{
	clear:left;
	color:#000;
	margin:0;
	padding:.5em 5px;
}

h1
{
	font-size:180%;
}

h2
{
	font-size:160%;
}

h3
{
	font-size:140%;
}

h4
{
	font-size:120%;
}

h5
{
	font-size:100%;
	font-weight:bold;
}

h6
{
	font-size:100%;
	font-weight:bold;
	color:#000;
	padding:.3em 5px;
}
p, .Normal, .NormalBold {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
}
p
{
padding:4px 0px;
margin:0px;
}

img,img a
{
	border:none;
}

.hide
{
	display:none;
}

dd,dt,li,dl,ul,ul
{
	list-style:none;
}

a:link,a:visited,a:hover
{
	color:#0874bc;
	text-decoration:none;
}
.print {
	display:none;
}
/* header container style */
.HeaderContainer {
width:100%;
margin:0px 0px 10px 0px;
background-color:#dcdcdc;
padding:0px;

}
.HeaderContainerContent {
padding:0px;
margin:0px;
}
.HeaderContainer p, .HeaderContainer h1, .HeaderContainer .Normal, .HeaderContainer .NormalDisabled {
margin:0px;
padding:0px;
}
/* change background for different skins */
.HeaderContainerContent h4{
padding:3px 0px 3px 5px;
background-color:#0078c1;
color:#FFFFFF !important;
font-weight:bold !important;
font-size:1.1em;
}
.HeaderContainerContent ul {
padding:3px 0px 0px 8px;
margin:0px 0px 10px 3px;
}
.HeaderContainerContent li{
padding:0px;
margin:0px 0px 0px 5px;
list-style:disc;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:0.85em;
}