* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
a:focus { outline: 0 }
body { font-family:Tahoma, Arial, helvetica, Sans-Serif; font-size: 62.5%; background: #FFF; margin-top: 0px }
p { color: #666; font-size: 1.1em; margin-bottom: 20px; line-height: 18px; }
.intro { font-weight: bold }
u { text-decoration: none }

#wrap0{width:980px;margin:0 auto;position:relative}

#header { float: left; width: 980px; height: 121px; background: url(../images/header-bg.jpg) no-repeat top left }
#sitename { float: left; width: 712px; padding: 37px 0 0 27px; height: 80px; position: relative }
    #sitename h1 { font-size: 2.4em; color: #000; font-weight: normal; text-transform: uppercase; line-height: 24px; margin-bottom: 2px }
    #sitename h1 a { color: #000; text-decoration: none }
    #sitename h2 { font-size: 1.4em; color: #000; font-weight: bold; line-height: 14px; position: absolute; bottom: 1px; left: 27px; width: 400px }
#support { float: left; width: 112px; padding: 30px 0 0 0; }
#client { float: left; width: 129px }

#hwrap { float: left; width: 980px; height: 30px; background: url(../images/nav-left.jpg) no-repeat top left }
#hwrap1 { float: left; width: 946px; height: 30px; background: url(../images/nav-right.jpg) no-repeat top right; padding: 0 17px }


/* Styles for the nav */
	
	/* primary nav divs */
	#Navigation {float: left; position:relative; height: 30px; width: 963px; background: url(../images/nav-bg.jpg) repeat-x;  }

	
/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
    position:relative;
    font-family: Trebuchet MS; 
    font-size: 10px; 
    text-transform: uppercase;

}

ul#navmenu li {
  float: left; 
  display: block; 
  height: 30px; 
  padding-right: 2px; 
  background: url(../images/nav-sep.jpg) no-repeat top right; 
  list-style: none;
  position: relative;
  top: 0px;
}

ul#navmenu a {
  display: block;
  float: left; 
  padding: 8px 20px 0 20px; 
  height: 22px; 
  line-height: 14px; 
  color: #FFF; 
  text-decoration: none;  
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  font-size: 10px;
  text-align:center;
  position: absolute;
  top: 30px;
  left: -7px;
  z-index: 1000;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 100%;
  float: left; /*For IE 7 lack of compliance*/
  clear: left;
  display: block !important;
  display: inline; /*For IE*/
  list-style-type: none;
  position: relative;
  z-index: 10;
  margin-bottom: -1px;
  border: solid 1px white;
  border-left: 0;
  border-right: 0;
  font-size: 10px;
  height: auto;
    background: none; 

}

/* Root Menu */
ul#navmenu a {
float: left; 
padding: 8px 20px 0 20px; 
height: 22px; 
line-height: 14px; 
color: #FFF; 
text-decoration: none
}

ul#navmenu .on { background: #8390a3 url(../images/nav-on.jpg) repeat-x }

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #8390a3 url(../images/nav-on.jpg) repeat-x
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  width: 110%;
  float: left;
  background: #333333 ;
  padding: 8px 0 8px 0;
  color: #FFF;
  z-index: 10;
  height: auto;
  }

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  color: #FFF;
  z-index: 10;
  height: auto;
  background: #9dacc1 url(../images/nav-on.jpg) repeat-x bottom;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#main { float: left; padding: 0 15px 0 0;  }

#pic { float: left; width: 225px; padding: 25px 15px 0 0; }
#left { float: left; width: 225px; padding: 24px 0 0 15px;  }
#hys { float: left; width: 208px; background: #c1cddd url(../images/left-topcurve.gif) no-repeat top left; padding: 9px 9px 0 9px;  }
#support-left { float: left; padding: 0 0 13px 0 }
#hys h2 { font-size: 2.4em; color: #333; font-weight: normal; line-height: 25px; margin-bottom: 0 }
#hys h3 { font-size: 1.1em; color: #333; font-weight: normal; line-height: 11px; margin-bottom: 0px; border-bottom: solid 1px #6d83a2; width: 208px; padding-bottom: 10px; margin-bottom: 12px }
#hys p { color: #666; font-size: 1.1em; margin-bottom: 14px; line-height: 14px; }
#hys label { float: left; clear: left; color: #666; font-size: 1em; margin-bottom: 6px; line-height: 14px; }
#hys input { float: left; clear: left; border: solid 1px #ccc; color: #666; font-size: 11px; font-family: Tahoma; height: 19px; line-height: 19px; width: 179px; margin-bottom: 15px }
#hys #subbutton { float: left; clear: left; border: none; color: #666; font-size: 11px; font-family: Tahoma; height: auto; line-height: 13px; width: 100px; margin-bottom: 5px; background: none; text-align: left; vertical-align: top; text-decoration: none }
#hys #regbutton { float: left; clear: left; border: none; color: #666; font-size: 11px; font-family: Tahoma; height: auto; line-height: 13px; width: 100px; margin-bottom: 5px; background: none; text-align: left; vertical-align: top; text-decoration: none }
#hys a { color: #666; text-decoration: underline }

.leftbottom { float: left; clear: left; width: 226px; height: 9px; overflow: hidden; position: relative; z-index: 0 }
.leftbottom img { float: left }


#text { float: left; width: 425px; padding: 28px 36px 10px 21px; overflow: hidden }
#text h2 { font-size: 2.4em; color: #333; font-weight: normal; line-height: 25px; margin-bottom: 12px }
#text h3 { font-size: 1.1em; color: #333; font-weight: bold; text-transform: uppercase; line-height: 18px; }
#text ul { color: #666; font-size: 1.1em; margin-bottom: 20px; line-height: 18px; margin-left: 15px; list-style-type: disc }
#text ol { color: #666; font-size: 1.1em; margin-bottom: 20px; line-height: 18px; margin-left: 15px; list-style-type: decimal }
#text a { color: #6d83a2 }

#text #snav { color: #666; font-size: 1.1em; margin-bottom: 30px; line-height: 18px; margin-left: 0; list-style-type: none }
#text #snav li { float: left; padding-right: 26px; margin-right: 26px; border-right: solid 1px #a7b5c7 }
#text #snav .last { padding-right: 0; margin-right: 0; border-right: 0 }
#text #snav a { text-decoration: none }

#right { float: left; width: 225px; padding: 32px 0 0 0 }
#right #flasharea { float: left; width: 225px; margin: 0 0 20px 0 }

#map { float: left; width: 979px; margin: 24px 0 10px 0; }
#map .caption { color: #666; text-decoration: none }
#map a { text-decoration: none }
#noflash { float: left; padding: 0 0 0 15px; }

#footer{float:left;clear:both;width:979px;height:70px;margin-top:14px;border-top:solid 3px black;}
#fleft{float:left;width:500px;font-size:.9em;color:black;line-height:18px;color:#999;}
#fleft a, #fright a{color:#999;text-decoration:underline;}
#fright{float:left;width:479px;font-size:.9em;color:black;line-height:18px;color:#999; text-align: right}

#od { font-family: verdana, geneva, Sans-Serif; font-size: 10px; color: #666; padding: 5px 0 10px 18px; float: left }
#od a { color: #666; text-decoration: none;  }

.frm{ margin-bottom: 1.4em; float: left;width:375px;}
.frm label{ display:block; width:180px; float: left;color: #666; font-size: 1.1em; line-height: 18px; padding-top: 2px;}
.frm input, .frm select, .frm textarea { float: left; margin-bottom: 3px; font-family: Tahoma; color: #666; font-size: 12px }
.frm textarea { width: 215px }
.frm br { clear: left }
.frm .sub { float: left; margin-left: 180px; margin-top: 5px }
.commentbox label { width: auto; margin-bottom: 5px }
.commentbox textarea { clear: left; width: 432px; height: 100px }
.commentbox .sub { clear: left; margin-left: 0px }
.frm #sec { float: left; padding-left: 180px; padding-top: 2px }
.frm #sec img { float: left; margin-bottom: 4px }
.frm #sec .refresh { float: left; margin-top: 40px; margin-left: 5px }
.linkbox{float:left;border:solid 1px #16b2e0; background:#FFF url(../images/linkboxbg.gif) no-repeat 0px 0px;width:193px;overflow:hidden;height:95px;padding:10px;border:solid 0px red;}
.linkbox h3{color:#666666;font-size:1.2em;line-height:18px;margin-bottom:10px;}
.pdflink{ padding:0 0 10px 25px; background:url(../images/icon_pdf.gif) no-repeat top left;}
.intlink{ padding:0 0 10px 25px; background:url(../images/link_go.gif) no-repeat top left;}
.weblink{ padding:0 0 10px 25px; background:url(../images/world_link.gif) no-repeat top left;}

#text .roundbox { float: left; width: 432px; background: #c1cddd url(../images/mid-topcurve.gif) no-repeat top left; padding: 9px 9px 0 9px}
#text .roundbox h3 { font-size: 1.1em; color: #333; font-weight: bold; text-transform: uppercase; line-height: 18px; margin-bottom: 6px }
#text .roundboxbottom { float: left; clear: left; width: 450px; height: 9px; overflow: hidden;  }
#text .roundboxbottom img { float: left }
#text .nomargin { margin-bottom: 0 }
#text .right { font-size: 10px; padding: 0px 0 5px 0; text-align: right }
#text .right a { color: #666; text-decoration: none }

#text #exhibitionlist { list-style-type: none; float: left; margin-left: 0; margin-bottom: 10px }
#exhibitionlist li { float: left; width: 135px; height: 95px; padding: 0 6px 6px 0; list-style-type: none; }
#exhibitionlist li img { float: left; width: 135px; height: 95px; border: solid 1px #ccc }