body{margin:0;padding:0;text-align:center;height:100%; /* this is the key! */ }
#page{width:760px;text-align:left;float:none;margin-left:auto; margin-right:auto; height:100%; }

#wrap{margin-top:58px;text-align:justify; height:100%; background-color:#fff;}
#wrap-left{margin:0; padding:0;width:357px; float:left;height:100%;background-color:#f0f7f8;}
#wrap-left-left{background-color:#eee;height:100%;bottom:50px;width:158px;float:left;}
#wrap-left-right{float:right;width:199px; height:100%; background-color:#fff;}

#navigation{float:left;padding:128px 23px 0 17px;height:100%; min-height:800px !important;position:relative; background-color:#fff;}
#navigation ul {margin: 0;padding: 0;}
#navigation ul li {margin: 0;padding: 0;display: inline;list-style-type: none; }
#navigation ul li a {text-decoration:none;font:13px, Tahoma, Arial, Helvetica, sans-serif;}
#navigation ul li a img{border:0px;margin-top:-4px;padding: 0;}



#navigation-short{float:left;padding:128px 23px 0 17px;height:100%; min-height:500px !important;position:relative; background-color:#fff;}
#navigation-short ul {margin: 0;padding: 0;}
#navigation-short ul li {margin: 0;padding: 0;display: inline;list-style-type: none; }
#navigation-short ul li a {text-decoration:none;font:13px, Tahoma, Arial, Helvetica, sans-serif;}
#navigation-short ul li a img{border:0px;margin-top:-4px;padding: 0;}



#navigation-long{float:left;padding:128px 23px 0 17px;height:100%; min-height:1100px !important;position:relative; background-color:#fff;}
#navigation-long ul {margin: 0;padding: 0;}
#navigation-long ul li {margin: 0;padding: 0;display: inline;list-style-type: none; }
#navigation-long ul li a {text-decoration:none;font:13px, Tahoma, Arial, Helvetica, sans-serif;}
#navigation-long ul li a img{border:0px;margin-top:-4px;padding: 0;}













#stepbystepnav-lvl2{padding-top:5px;padding-bottom:25px;}
#stepbystepnav-lvl3_1{padding-top:0px;padding-bottom:15px;}
#stepbystepnav-lvl3_2{padding-top:3px;padding-bottom:15px;}
.navhide{display: none ;}
.navshow{display: block ;}

/*#footerstrip-ie{ position:absolute; bottom:2px; background-color:#CCCCCC; height:19px;width:158px;}
#footerstrip-ff-ns{ position:absolute; bottom:8px; background-color:#CCCCCC; height:19px;width:158px;}
#navigation ul li .srollover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
#navigation ul li .srollover:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;}*/


#mainpic{ margin-right:-2px; position:relative; min-height:339px !important;height:339px;margin-top:0px;padding-top:0px;width:199px; }
#mainpic img{border:0px;position:absolute;bottom:0;}


#writeup{width:199px; background-color:#f0f7f8; float:left; padding-bottom:20px; position:absolute;top:395px; }

#writeup-desc{ padding:5px 17px 0 17px;font:11px, Tahoma, Arial, Helvetica, sans-serif; color:#999999;}
#writeup-desc .writeup-desc-header{ font-weight:bold; }
#writeup-photoby{ padding:10px 17px 0 17px; float:right;text-align:right; font:11px, Tahoma, Arial, Helvetica, sans-serif; color:#666;}


#wrap-right{width:393px;float:right; background-color:#fff; padding-right:10px;}
#header{height:85px;padding-left:30px; padding-bottom:43px; }
#content{float:right;}
#maintext{width:353px;float:right; padding: 0px 10px 23px 30px; font:12px, Arial, Tahoma, Helvetica, sans-serif; background-color:#fff;text-align:justify; color:#666; line-height:12pt;}
#maintext .boldtext{font-weight:bold;}
#maintext a {font:12px, Arial, Tahoma, Helvetica, sans-serif; color:#0066cc;}
#maintext a:visited {font:12px, Arial, Tahoma, Helvetica, sans-serif; color:#009999;}
#maintext .quote{ font:12px, Arial, Tahoma, Helvetica, sans-serif; text-align:justify; color:#666;}
#maintext .page{color:#0066cc;font:11px, Tahoma, Arial, Helvetica, sans-serif;text-align:right;}
#maintext .page-active{color:#0066cc;font:11px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext .next-link{color:#0066cc;font:11px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext table a{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext table a:hover{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext table a:visited{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext li a{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext li a:hover{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext li a:active{color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
#maintext li a:visited{color:#009999;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
a:link {color:#0066cc;font:12px, Arial, Tahoma, Helvetica, sans-serif;text-align:right;}
a:visited {color:#0066cc;font:11px, Tahoma, Arial, Helvetica, sans-serif;text-align:right;}
.links { text-decoration: none; font:12px, Arial, Tahoma, Helvetica, sans-serif;line-height:12pt;color: #000066; list-style: circle outer;}
#footer{clear:none;height:19px; background-color:#ccc;width:750px; text-align:center;float:right; padding-right:10px;}
#footer-copyrights{float:right;}
#organisation{width:450px;font:12px, Arial, Tahoma, Helvetica, sans-serif; background-color:#fff;text-align:left; color:#666; line-height:12pt;}