body {
margin:0;
padding:0;
padding-top:4px;
color:#000;
background-color: #999999;

}
img {
border:none;
}
img.centered {
display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    }
p {margin: 0 0 8px 0; }
#wrap{
background-color: #bebebe;
width:840px;
border: none;
margin:0 auto;
font-family: sans-serif;
line-height: 1.4em;
font-size: small;
padding: 4px 4px 4px 0 ;
}
#content_wrap{position:relative;
}
div#top_logo{
height:72px;
background-image: url('/images/zunalogo');
background-repeat: no-repeat;
background-position: 2px 4px;
 }
#top_logo a{

}
div#header {
position:relative;
background-color: #ffffff;
color: #000000;
height:350px;
border:none;
 }
div#topicons{
padding-top:4px;
margin:0;
position:absolute;
left:708px;
top:0px;
list-style:none;
width:130px;
height:40px;
}
ul.nav{
list-style-type:none;
padding:0;
margin:0;
overflow:hidden;
}
ul.nav li{float:left;
}
ul.nav a{
display:block;
width:42px;}
div#toplinks{

position:absolute;
left:668px;
top:58px;
list-style:none;
width:167px;
height:20px;
}
#toplinks ul{

margin:0;
margin-top:-20px;
padding:0;
text-align:center;
}
#toplinks li{
list-style:none;}

div#column_head{
padding-top:8px;
width:100%}
h1 {
text-align:left;
font-size:14px;
color: #000066;
line-height:1em; }
 h2 {
font-size:13px;
color: #000066; 
text-align:left;
padding-left:24px;
line-height:1em;}
div#picture_rnav{
float:left;
top:0px;
height:250px;
width:840px;
background: #999999}
#picture_rnav img{
border-right: 1px solid black;
border-bottom:1px solid black;
/* width:690px;
height:160px; */
width:640px;
height:250px;
}div#column_head img{
margin-top:0px;
margin-left:0px;}
div#footer {
font-size:10px;
margin:4px;;
padding: 12px 0 0 0 ;
padding-bottom:2px;
text-align: center;
line-height:.75em;
clear: both;
background-color: #c0c0c0;
border-top:1px solid black;
color: #000000;
width:840px; }
div#onecolumn {background-color:#ffffff;
float:left;
border:none;
padding: 8px 12px 0 8px;
text-align: justify;
margin-top:4px;
min-height:24em;
width:820px;}

div#maincontent {
background-color:#ffffff;
float:left;
padding: 8px 12px 16px 8px;
text-align: justify;
margin-top:4px;
min-height:32em;
width:620px;
border-right: thin solid black;
background-color: #ffffff; }
#maincontent h2 {
size:18px;
color:#0000bbb;
}
#shortcontent{
height:20em}
div#midcolumn{
text-align:justify;
margin-top:14px;
padding: 0px 18px 0 10px;
border-left:black 1px solid;
margin-left:350px;
margin-right:2px;
/* height:48em;*/
background-color:#ffffff}
div#graphic_link{
margin-top:18px;}
div#rightcolumn{
display:block;
background-color: #999999}
div#leftcolumn {
margin-top:10px;
margin-right:0;
padding:0px 12px 0 10px;
float: left;
height:580px;
text-align: justify;
width: 316px;

border-right:none;
background-color:#ffffff}
div#navcolumn {
margin:0;
padding: 8px 0px 36px 6px;
float:left;
width: 220px;
color: #000000;
 }
.midlist_box {
margin-top:18px;
list-style:none;}
.midlist_box ul{background-image: url('images/listbox2.png');
list-style-type:none;
height:170px;
margin:0 20px 0 20px;
width:580px;
background-repeat: no-repeat; }
.midlist_box li{list-style-type:none;
float:left;}
.midlist_box li a{
font-size:1.1em;
width:16em;
display:block;
text-decoration:none;
padding:10px 10px 10px 24px;
color:#000000;
}
.midlist_box span{
padding-top:12px;
padding-bottom:18px;
display:block;
width:460px;
font-size:1.2em;
text-align:center;
color: #000000; }

#rightbox_long{
padding-left:0px;
margin:12px 0 0 -16px ;
background-image: url('images/graphix_box_long.png'); 
width:192px;
height:300px;
}
#rightbox_vlong{
padding-left:0px;
margin:12px 0 0 -16px ;
background-image: url('images/right_box_repeat.png'); 
width:192px;
/* height:500px; */
background-repeat: repeat-y; }
#rightbox_long ul{
}
#rightbox_long li{

}

#rightbox_long{}
#leftside{
float:left;
width:620px;
background-color: #ffffff;
padding:4px 9px 8px 12px;}

li.leftside {margin:0 0 0px 12px}
li.listindent {margin: 0 0 0 24px}

#leftside_main{

float:left;
/* margin:0 3px 0px 0px; */
width:630px;
background-color: #ffffff;
padding:4px 0px 8px 8px;}

#leftside_long{
float:left;
/*height:66em; */
/* margin:0 6px 0px 0; */
width:620px;
background-color: #ffffff;
padding:4px 9px 8px 12px;}
#leftside_vlong{
float:left;
/*height:82em*/;
margin:0 6px 0px 0;
width:618px;
background-color: #ffffff;
padding:4px 9px 8px 12px;}

#leftside_short{
float:left;
height:24em;
width:620px;
margin:0 6px 0px 0;
background-color: #ffffff;
padding:4px 9px 8px 12px;}
#rightside_long{
float:right;
background-color: #bebebe; 
/*height:66em*/;
margin:0 0 12px 0;
padding:4px 0px 0px 12px;}
#rightside_vlong{
float:right;
background-color: #bebebe; 
/*height:82em;*/
margin:0 0 12px 0;
padding:4px 0px 12px 12px;}
#rightside{
float:right;
background-color: #bebebe; 
margin:0 0 12px 0;
padding:12px 0px 12px 12px;
}
#rightside_main{
float:right;
background-color: #bebebe; 
margin:0 0 12px 0;
padding:0;
}
#rightside_short{
float:right;
background;
background-color: #bebebe; 
height:24em;}

div#rightbox1{
margin:12px 0 0 4px;
padding-left:0px;
background-image: url('images/graphix_box.png'); 
width:192px;
height:250px;}
#rightbox1 p{
margin-left:18px;
width:160px;}

#rightbox1 span{
display:block;
margin-left:-12px;
margin-top:0px;
padding:0;
margin-right:4px;
text-align:center;
background-color: #000066;
color: #fdfdfd;
width:192px;
height:1.4em }
#rightbox ul{
padding:8px 0 0 0;
margin:0;
list-style:disc;
}

div#rightbox2{
margin:12px 0 0 4px;
padding-left:0px;
background-image: url('images/graphix_box.png'); 
height:250px;
width:192px;}
#rightbox2 span{
display:block;
margin-left:-12px;
margin-top:0px;
padding:0;
margin-right:4px;
text-align:center;
background-color: #000066;
color: #fdfdfd;
width:192px;
height:1.4em }
#rightbox2 p{
margin-left:18px;
width:140px;}


#rightbox li{
margin-left:24px;
padding-top:24px;
font-size:12px;
}
.call_list ul{
padding:8px 0 0 0;
margin:0;
list-style:disc;
}
.call_list li{
padding:8px 0 0 6px;}
.call_list span{
display:block;
margin-left:-40px;
margin-top:0px;
padding:0;
text-align:center;
background-color: #000066;
color: #fdfdfd;
width:192px;}
div#rightcontactbox{
padding-left:0px;
margin:12px 0 0 -12px ;
width:192px;
background:no-repeat;
background-image: url('images/graphix_contactbox.jpg'); 
height:600px;}

.right_gbox{}
.right_gbox_h2{
line-height:1.3em;
margin-left: 4px;
margin-top:4px;
margin-right:4px;
text-align:center;
padding:0;
background-color: #000066;
color: #fdfdfd;
width:188px;}
.right_gbox_p{
width:180px;
margin-left:13px;
margin-right:8px;
padding:0 4px 0 0}
.right_gbox_h3{
color:#000066;
font-size:14px;
text-align: center;}
.contact_text{
color:#000066;
font-size:13px;
margin-left:8px;
}
.right_gbox_ul{
padding:0 4px 0 8px;
margin-left:12px;
margin-right:8px;	}
.right_gbox_ul li{
padding:0;
margin:0}
div#longnavcolumn {
margin:0;
padding: 8px 0px 40px 6px;
float:left;
width: 230px;
color: #000000;
}
div#navcolumn h2{
font-size:13px;
line-height: 1em;
color: #0033cc; }


div#navbar {
float: left;
padding-left:0px;
width:840px;
position:absolute;
top:76px;
 }

.menu {width:840px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:840px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:162px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:167px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000066; width:160px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#d4dbee; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:156px; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 126px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:168px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d4d4; color:#000066; height:auto; line-height:1em; padding:5px 10px; width:144px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:164px;w\idth:168px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7c8f6;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7c8f6;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.rightnavlist {
background-image: url('images/right_menubg_plain.png');
background-repeat: no-repeat;
margin-left:642px;
margin-top:-252px;
list-style:none;
height:252px;
padding:0;
}
.rightnavlist  span{
margin-left:0px;
font-size: 14px;
display:block;
background-image: url('images/line.gif');
background-repeat: no-repeat;
background-position:bottom; 
margin-bottom:4px;
padding:8px 0 8px 8px;
color: #000066;
font-weight: bold; }

.rightnavlist  a{
margin:0 0px 0 36px;
padding:8px 0 8px 0;
display:block;
width:160px;
text-decoration:none;
color: #000066;
font-size: 13px;
background-image: url('images/line.gif');
background-repeat: repeat-x;
background-position: bottom; }

div#rightnav {
position:absolute;
padding:0;
left:644px;
top:0px;
padding-right:4px;
width:190px;
height:252px;
background-image: url('images/right_menubg_plain.png');
background-repeat: no-repeat;
border:none; }
#rightnav ul{
padding:0;
margin:0 ;
list-style:none;
}
#rightnav span{
font-size: 14px;

display:block;
background-image: url('images/line.gif');
background-repeat: no-repeat;
background-position:bottom; 
margin-bottom:4px;
padding:8px 0 8px 8px;
color: #000066;
font-weight: bold; }
#rightnav li{
padding-top:6px;
padding-left:14px;
padding-right:0px;
margin:0;
list-style:none;
/*background-image: url('images/line.gif');
background-repeat: no-repeat;
background-position:bottom; */
margin-bottom:8px;
height:20px;
}
#rightnav a{
margin:0 0px 0 0px;
padding:0 0 4px 18px;
display:block;
width:160px;
text-decoration:none;
color: #000066;
font-size: 13px;
background-image: url('images/line.gif');
background-repeat: repeat-x;
background-position: bottom left; }
.arrow_list{
margin:0;
margin-left:12px;
padding:0;
padding-bottom:12px;
list-style:disc;
/*list-style-image: url(images/bullet3.png);*/

width:170px;
}
.arrow_list li{
margin:8px 4px 0 12px;
padding:0 0 6px 2px;

color:#000066;}

span.arrow_list{
display:block;
margin-left:-10px;
margin-top:0px;
padding:0;
margin-right:4px;
text-align:center;
background-color: #000066;
color: #fdfdfd;
width:192px; }
.contacticon {
margin-left:36px;}
#SideContactForm{}
#SideContactForm .label{
float:left;
width:175px;
margin-left: 2px;
text-align:left;
clear: left;}
#rightcontactbox p{
margin:0 16px 0 0px;
padding:8px 0px 0 0px;
width:178px;}
#ContactForm_box{
border:1px black solid;
width:600px;
height:480px;
}

#ContactForm_box p{
margin-left:24px;
text-align: center; }
#ContactForm_box h2{font-size:12px;
color: #000066; 
text-align:center;
width:600px;
padding-top:12px;}
#ContactForm{
margin-left:24px;}
#ContactForm .label{
float:left;
width:280px;
margin-right: 10px;
text-align:left;
}
input#submit {
}

input#Name, input#Email, textarea#Message,input#Company {
width:200px;
}
.texttable table{

width:800px;
border:none;}
.texttable td{
text-align:left;
width:180px;
}
.texttable th{
width:250px;
}
.listtable table{
padding-bottom:12px;
width:820px;
border:none;}
.listtable td{
text-align:left;
width:400px;
}
.listtable th{
width:350px;
}
.listtable tr{
padding-bottom:12px;}
.cnttbl{
border:0;
width:100%;
}
.cnttbl_header{
padding-bottom: 2px;
padding-top: 1px;
}
.cnttbl_text{
border-top: 1px solid #bfbfbf;
padding: 10px 0px 0px 0px;
vertical-align:top;
}

p.contact_page {
margin-left:24px;
}
.listpar {
margin-left:12px;
margin-right:12px;
}
.listletter {
list-style-type:lower-alpha;
margin-left:24px;
margin-right:24px;
}
.coe {
padding:0;
margin:0;
list-style:disc;
padding:16px 0 0px 0;
}
li.coe {
padding-top:12px;
margin-left:24px}
ul.coe a{color:#000066;}
span.coe{
display:block;
margin-left:0px;
margin-top:0px;
padding:0;
margin-right:4px;
text-align:center;
background-color: #000066;
color: #fdfdfd;
width:192px; }
ul.lt{
padding:0;
margin:0;
margin-left:8px;;}
ul.lt li{

padding: 0;
margin: 0 0 0 24px; }
ul.bl{
padding:0;
margin-left:8px;
margin-bottom:8px;}
ul.bl  span{
display:block;
margin:0 0 8px 0;;
font-weight:bold;}
ul.bl li{
padding: 0;
margin: 0 0 6px 24px; 
}
ul.center_list{
padding:0;
list-style:disc;
}
li.center_list{
margin-left:48px;
}

ul.bl li span{display:block;
width:12em;}