@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;
font-size:1em !important;
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 {
width:auto;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#727373 !important;
text-align:center;
}
#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;
}
#threePaneGroup {
float:left;
width:930px;
padding:20px 0px;
margin:0px 0px;
}
#leftPane {
width:180px;
float:left;
padding:0px 0px 355px 0px;
margin:0px;
background-image:url(ZapSunHome.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

.navLeftPane {
width:180px;
float:left;
padding:0px 0px 30px 0px;
}
#rightGroup {
width:735px;
float:right;
padding:0px;
margin:0px;
}
.content {
width:545px;
float:left;
padding:0px;
margin:0px 0px 10px 0px;
}
.rightpane {
float:right;
width:173px;
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;
}

/****** LINK COLORS ******/

.pSuperTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
}

.pSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0;
}

.pTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5pt;
	font-weight: bold;
	margin-top: 0;
}

.pHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3F3F3F;
	font-weight: bold;
}

.pBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.pInterTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
}

.pAuthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: Right;
	font-weight: bold;
}

.pSource {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: Right;
	font-style: italic;
	text-transform: uppercase;
}

.pAnswer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.pQuestion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}

.tLegend {
	font-size: 8.5pt;
	color: #888888;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.lImage {
	border: 1px solid #0000FF;
	cursor:hand;
	/* Invalid value: cursor: hand; */
}


.MenuHeader {

}

.MenuBG {
	width: 100%;
	height: 100%;/*not support for netscape*/
}
.VerMenuLevel0,.VerMenuLevel0:visited,.VerMenuLevel0:link {
cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
	text-decoration: none !important;

}

.VerMenuLevel0_ItemSelected:visited {

	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
	text-decoration: none !important;
}
.VerMenuLevel0_ItemSelected {
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
	text-decoration: none !important;
	background-color: #ffedcd;
}

.VerMenuLevel0_ItemSelected:hover {
	/* Invalid value: cursor: hand; */
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
		text-decoration: none !important;
}
.VerMenuLevel0:hover {
	/* Invalid value: cursor: hand; */
	background-color: #d9fbf9;
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
		text-decoration: none !important;
}

.VerParentMenuItem {
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 3px;
	text-decoration: none !important;
}

.VerMenuLevel1_Item,.VerMenuLevel1_Item:visited,.VerMenuLevel1_Item:link {

	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 8px;
	text-decoration: none !important;
}

.VerMenuLevel1_Item:hover {
	text-decoration: none !important;
	background-color: #d9fbf9;
	cursor:hand;
}

.VerMenuLevel1_ItemSelected,.VerMenuLevel1_ItemSelected:visited {
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 8px;
	text-decoration: none !important;
	background-color: #d9fbf9;
}

.VerMenuLevel1_ItemSelected:hover {
	text-decoration: none !important;
		background-color: #d9fbf9;
		cursor:hand;
}

.VerMenuLevel2_Item,.VerMenuLevel2_Item:visited,.VerMenuLevel2_Item:link {

	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 20px;
	text-decoration: none !important;
}

.VerMenuLevel2_Item:hover {
	text-decoration: none !important;
	background-color: #d9fbf9;
	cursor:hand;
}

.VerMenuLevel2_ItemSelected:hover {
	text-decoration: none !important;
	cursor:hand;

}

.VerMenuLevel2_ItemSelected,.VerMenuLevel2_ItemSelected:visited,.VerMenuLevel2_ItemSelected:link {
	/* Invalid value: cursor: hand; */
	cursor:hand;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em !important;
	color: #6f7375 !important;
	padding-left: 20px;
	text-decoration: none !important;
	background-color: #ffedcd;
}