html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; color: #FFF; background: #B4C9C5 url(images/bg-pattern.gif) top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
div#wrapper {height: 100%; margin: 0 auto; width: 760px;}
div#nav-band {float: left; display: inline;}
div#nav-band img {float: left; display: inline;}

/* Header */
div#header {float: left; width: 760px; height: 145px; background: #293458 url(images/logo.gif) top right no-repeat;}
div#topmenu {margin: 0 0 0 20px; height: 29px;}
div#topmenu ul {padding: 0; margin: 0; list-style: none;}
div#topmenu li {display: inline; position: relative; top: 15px;}
div#topmenu a {text-decoration: none;}
div#topmenu a:link {color: #808999;}
div#topmenu a:visited {color: #808999;}
div#topmenu a:hover {color: #FFF;}
div#topmenu a:active {color: #808999;}
div#topmenu li.separator {background: url(images/v-dot.gif) right no-repeat; padding: 15px 10px 0 0; margin-right: 10px;}
div#strapline {float: left; clear: left; background: url(images/strapline.gif); width: 302px; height: 53px; margin: 45px 0 0 20px;}
div.tel {font-family: Arial, Helvetica, sans-serif; float: right; font-size: 22px; color: #E3F4F1; font-weight: bold; margin: 0 22px 0 0;}

/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; display: inline; width: 760px; height: 36px; background: #74C7B8 url(images/bg-nav.gif);}
#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none;}
#nav {margin: 4px 0 0 10px;}
#nav a {display: block; width: auto;}
li.headli {height: 22px; padding: 0 0 10px 0; background: url(images/bg-tab.gif); border-left: 1px solid #389983; margin-right: 4px;}
li.headli a {color: #FFF; text-decoration: none;}
li.headli div {height: 16px; \height: 12px; he\ight: 16px; padding: 6px 9px 0 9px; background: url(images/bg-tab-corner.gif) top right no-repeat;}
#nav li { /* all list items */background-color: #389983; position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */position: absolute; display: block; top: 22px; padding: 10px; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {clear: both; display: block; width: 11em; color: #FFF; font-size: 95%;}
#nav li ul li a:link {color: #FFF; text-decoration: none; margin: 0; padding: 5px;}
#nav li ul li a:visited {color: #FFF; text-decoration: none; margin: 0; padding: 5px;}
#nav li ul li a:hover {color: #FFF; text-decoration: none; margin: 0; padding: 5px; background: #58B9A3;}
#nav li ul li a:active {color: #FFF; text-decoration: none; margin: 0; padding: 5px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */left: -11px;}

div#content-wrap {float: left; background: #BFE0D1 url(images/bg-content.gif) top repeat-x; width: 760px;}

/*ESCAPE*/div.column-1 {float: left; padding: 0 25px 0 15px; width: 234px; \width: 274px; w\idth: 234px; display: inline;}
/*ESCAPE*/div.column-2 {float: left; padding: 0 25px 0 15px; width: 234px; \width: 274px; w\idth: 234px; display: inline;}
/*ESCAPE*/div.column-3 {float: left; padding: 0 25px 0 15px; width: 236px; \width: 276px; w\idth: 236px; display: inline;}
/*ESCAPE*/div.column-left {float: left; padding: 0; width: 532px; display: inline;}
/*ESCAPE*/div.column-right {float: left; padding: 0; width: 228px; display: inline;}

div.content {float: left; display: inline; padding: 15px 15px 0 15px; width: 502px; \width: 532px; w\idth: 502px; color: #000;}
div.content h1 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #000; font-weight: normal; margin: 0 0 3px 0;}
div.content .vline {color: #389983;}
div.content h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; font-weight: normal; margin: 0 0 3px 0;}
/*div.content h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #3F4D5E; font-weight: normal; margin: 0 0 3px 0;}*/
div.content h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight: normal; margin: 0 0 3px 0;}
div.content p {color: #000;}
div.content p.phr {background: url(images/h-dot.gif) repeat-x scroll center; margin-top: 2px; margin-bottom: 10px; height: 1px; line-height: 1px;}
div.content ul {color: #000; padding: 0 7px; margin: 0 8px; list-style-position: inside;}
div.content ul li {padding: 4px 0;}
div.content a {font-weight: bold; color: #000;}
div.content a:link {text-decoration: none;}
div.content a:visited {text-decoration: none;}
div.content a:hover {text-decoration: underline;}
div.content a:active {text-decoration: none;}
div.content img.pageimg {float: left; display: inline; border-left: 15px solid #293458; margin: 0 15px 15px -15px;}
div.content img.pageimg2 {float: left; display: inline; margin: 0 15px 10px 0;}

div.right-content {padding: 10px 10px 0 0;}
div.newsbox {width: 218px;}
div.newsbox a {color: #000;}
div.newsheader {background: #FFF url(images/edge-news.gif) top right no-repeat; color: #000; padding: 7px 10px;}
div.newsheader h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 0;}
div.news1, div.news2 {padding: 7px 10px;}
div.news1 {background: #DFEFE8 url(images/bg-features.gif) top repeat-x;}
div.news2 {background: #FFF;}
div.newsbox p.title {color: #000; padding: 0; margin: 0 0 5px 0; font-weight: bold;}
div.newsbox p.abstract {color: #389983; padding: 0; margin: 0 0 5px 0;}
div.newsbox p.date {color: #000; padding: 0; margin: 0; font-weight: bold;}
div.casebox {width: 218px;}
div.caseheader {float: left; width: 200px; \width: 218px; w\idth: 200px; height: 90px; \height: 108px; he\ight: 90px; float: left; background: #FFF url(images/edge-casestudy.gif) top right no-repeat; color: #000; padding: 9px; margin-top: 7px;}
div.caseheader div.mask {float: left; width: 200px; height: 90px; float: left; background: #FFF; color: #000; border: 9px solid #FFF; margin-top: 7px;}
div.casecontent {float: left; background: #DFEFE8 url(images/bg-features.gif) top repeat-x; padding: 7px 10px; width: 198px; \width: 218px; w\idth: 198px;}
div.casebox p.title {color: #000; padding: 0; margin: 0 0 5px 0; font-weight: bold;}
div.casebox p.abstract {color: #000; padding: 0; margin: 0 0 5px 0;}
div.casebox a {font-weight: bold; color: #000;}
div.casebox a:link {text-decoration: none;}
div.casebox a:visited {text-decoration: none;}
div.casebox a:hover {text-decoration: underline;}
div.casebox a:active {text-decoration: none;}

div#bottomspace {clear: both; width: 760px; height: 10px;}
div#footer {float: left; clear: both; width: 760px; font-size: 90%; background: #293458;}
/*div#footer div.left {float: left; display: inline; padding: 12px 10px 12px 20px;}
div#footer div.right {float: left; display: inline; padding: 12px 20px 12px 10px; color: #949AAC;}
div#footer img.fsep {float: left; display: inline; position: relative; top: 10px;}*/
div#footer div.contact {padding: 12px 20px; color: #949AAC; float: left; width: 420px; }
#footer img { float: right; padding: 10px 20px 10px 0; }
div#footer div.contact strong {display: block; padding-bottom: 3px; color: #FFF;}

div#below-footer {float: left; background: #B4C9C5 url(images/below-footer.gif) top repeat-x; height: 100px; color: #2C3B55; padding: 5px 0 0 20px; width: 740px; \width: 760px; w\idth: 740px; font-size: 9px;}
div#below-footer a {color: #2C3B55; text-decoration: none;}

/* Homepage */
img.homeimg {float: left; display: inline; border-left: 15px solid #293458; margin: 16px 0 0 0;}

/* News */
img.thumbnail {float: left; display: inline; margin: 0 10px 10px 0;}
div.articleimg {float: left; display: inline; width: 240px; margin: 10px 10px 10px 0;}

/* Sponsors */
table.sponsors {border-collapse: collapse;}
table.sponsors td, table.sponsors th {padding: 10px; vertical-align: top;}

/* Registration */
table.register {border-collapse: collapse;}
table.register td, table.register th {padding: 7px; vertical-align: top;}