/* skin by wsi-internetmarketing.co.uk */
body{
margin:0px auto;
background-color:#d2ebff;
font-family:Arial, Helvetica, sans-serif;
} 
#ControlPanel {
}
.adminMenu {
width:1000px;
margin:0px auto; 
text-align:left; 
}
#pageBackground {
padding:0px;
margin:0px auto;
width:954px;
background-image:url(pageBackground.jpg);
background-repeat:repeat-y;
background-position:center;
}
#PageFrame {
width:922px;
margin:0px auto;
padding:0px;
margin:0px auto;
border:#3782a4 solid 1px;
}
#topGroup {
width:922px;
height:144px;
border-bottom:#00638f solid 1px;
background-color:#00638f;
}
#logo {
float:left;
width:144px;
height:144px;
padding:0px;
margin:0px;

}
#header {
float:right;
width:778px;
margin:0px;
padding:0px;
}
.HacekaFlash {
margin:0px;
padding:0px;
height:119px;
width:738px;
float:right;
}
.HacekaFlash p, .HacekaFlash .Normal, .HacekaFlash .NormalBold {
	padding:0px;
	margin:0px;
}

#navigation {
clear:right;
height:25px;
margin:0px;
padding:0px;
background-color:#408aab;
border-top:#FFFFFF solid 1px;
border-left:#FFFFFF solid 1px;
}

/* navigation start */

#navHContainer {
float:left;
width:368px;
display:block;
margin:0px;
padding:0px;

} 

#nav ul {
padding:0px;
margin:0px auto;
list-style:none;
float:left;
height:23px;
}
#nav li {
position: relative;
float:left;
list-style: none;
font-size:0.85em !important;
padding:4px 19px 6px 20px;
height:13px;
border-right:#FFFFFF solid 1px;
}
/* second-level lists */
#nav li ul { 
position : absolute;
left: -999em;
padding:0px;
margin:0px;
background-image:none;
background-color:#408aab;
}
#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:normal;
}
#nav a:visited {
color:#ffffff !important;
}
#nav a:hover {
text-decoration:none !important;
color:#ffffff !important;
}

/* set the hover properties for the main tab background */
#nav li:hover {
background-color:#00638f;

}
#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{
color:#ffffff !important;
text-decoration:none !important;
}
#nav li li {
background-color:#408aab;
width:140px;
list-style: none;
font-size:0.9em !important;
text-transform:none !important;
font-weight:normal !important;
padding:4px 4px !important;
margin:0px !important;
border-bottom:#FFFFFF solid 1px;
border-right:none;
border-left:none;
border-top:none;
height:auto;
text-align:left;
}
#nav li li li {
font-size:1em !important;
}
#nav li li:hover {
background-image:none;
background-color:#00638f;
}
#nav .SelectedTab a{

}
#nav .SelectedTab li a {
color:#FFFFFF !important;
}
#nav .SelectedTab li a:hover {
color:#FFFFFF !important;
}
#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:23px;
}
#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:147px; 
	/*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}

/*end of navigation*/
#rightNavigationGroup {
float:right;
width:270px;
height:23px;
padding:0px;
margin:0px;
}
.linksNavigation {
width:60%;
float:left;
padding:0px;
margin:0px;
height:23px;
overflow:hidden;
text-align:right;
}
.linksNavigation p, .linksNavigation .Normal, .linksNavigation .NormalBold {
padding:0px;
margin:0px;
}
.date .SkinObject {
padding:0px 10px 5px 0px;
text-align:right;
}
#Search {
float:right;
width:40%;
}
#Search .SkinObject {
color:#FFFFFF !important;
font-size:0.7em;
font-weight:normal;
}
#threepaneGroup {
float:left;
width:920px;
margin:0px;
padding:0px;
clear:both;
background-image:url(UnderNavBackg.jpg);
background-position:left;
background-repeat:repeat-y;
}
.leftPane {
float:left;
width:144px;
border-right:#d8d8d8 solid 1px;
margin:0px 0px 405px 0px;
padding:10px 0px 50px 0px;
background-image:none;
background-color:#ffffff;
}
#mainContentGroup {
float:right;
width:755px;
margin:0px 8px 0px 0px;
padding:0px 0px 10px 0px;
}
#mainContent {
float:left;
border:#d8d8d8 solid 1px;
width:568px;
padding:5px 8px 0px 8px;
margin:15px 0px 0px 0px;
}
.breadcrumb {
float:left;
width:566px;
background-color:#cce0e9;
padding:1px;
margin:0px 0px 17px 0px;
}
.contentpane {
float:left;
width:568px;
padding:0px 0px 4px 0px;
margin:0px;
clear:left;
}
.rightPane {
float:right;
width:155px;
padding:0px;
margin:15px 0px 0px 0px;
}
.footer {
clear:both;
width:954px;
background-image:url(footerBackg.jpg);
background-position:top;
background-repeat:no-repeat;
padding:20px 0px 0px 0px;
margin:-1px auto 0px auto;
text-align:center;
color:#00638f !important;
}
.footer a {
	color:#00638f !important;
}
.footer p, .footer .SkinObject, .footer .SkinObject a, .footer .SkinObject:hover {
color:#00638f !important;
text-align:center;
padding:0px;
margin:0px;
font-size:0.85em !important;
font-weight:normal;
text-decoration:none !important;
}
.loginFooter {
clear:both;
width:934px;
background-image:none;
padding:20px 20px 10px 0px;
margin:-1px auto 0px auto;
text-align:right;
color:#00638f !important;
font-size:0.75em;
}
.loginFooter  a:hover, .loginFooter a, .loginFooter p, .loginFooter .SkinObject {
color:#00638f !important;
text-align:center;
padding:0px;
margin:0px;
font-size:0.8em;
font-weight:normal;
text-decoration:none !important;
}
#spacer {
clear:both;
width:922px;
padding:0px;
margin:0px;
_margin-bottom:-20px;
height:1px;
}
/* styling text etc */
p {
margin:5px 0px;
}
h1 {
font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
color: #00638f;
margin:5px 0px 5px 0px;
padding: 0px;
font-weight:normal;
	}
h2 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color: #00638f;
margin:5px 0px 5px 0px;
padding: 0px;
font-weight:normal;
	}	
h3 {
font-size:1em;
font-family:Arial, Helvetica, sans-serif; 
color: #00638f;
margin:0px;
padding: 0px;
font-weight:normal;
	}	
p, .Normal, .NormalBold{
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color: #000000;
}
p {
padding:0px;
margin:4px 0px;
}
a {
color:#009ddf !important;
text-decoration:none !important;
font-weight:normal;
}
a:hover{
color:#00638f !important;
text-decoration:underline !important;
}
.FormLabel
{
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
color: #00638f;
margin:5px 0px 5px 0px;
padding: 0px;
font-weight:normal;
}