* {margin:0;padding:0}
body {text-align:center;background:#666;padding:0}
div  {text-align:left}

h1 {font:bold 15px tahoma,sans-serif;margin:0 0 8px 0}
h2 {font:bold 13px tahoma,sans-serif;margin:0 0 8px 0}
p, div, td, li, input {font:12px/16px tahoma,sans-serif}
p, h1, h2, h3, h4, h5, h6, ul, ol {margin:0 0 8px 0}
img {border:0}
.arrow {background:url(df_arrow.gif) no-repeat left center;padding:0 0 0 18px;border-bottom:1px solid #36c;margin:0}
hr {color: #fff;background-color:#fff;border:none;border-top:1px dotted #36c;height:1px;margin:15px 0}
a:link, a:visited {color:#36c}
a:active, a:hover {color:#333}
input {width:250px;font:11px tahoma,sans-serif}
textarea {width:250px;height:120px;overflow:auto;font:11px tahoma,sans-serif}

#brand {width:870px;margin:0 auto;padding:53px 0 0 0;text-align:center;background:url(hm_bg_top.gif) no-repeat top center}
#brand div {width:822px;height:168px;margin:0 auto;background:#69f url(hm_header.jpg) no-repeat;text-align:right}
#brand img {margin:0}

body.defaultA #brand div {height:103px;background:#69f url(dfA_header.jpg) no-repeat}
body.defaultB #brand div {height:103px;background:#69f url(dfB_header.jpg) no-repeat}

#container {width:870px;position:relative;margin:0 auto;text-align:left;background:url(hm_bg.gif) no-repeat center bottom}
#content {padding:50px 65px 5px 65px}
#columns {width:846px}
body.defaultA #content, .defaultB #content {padding:70px 0 5px 0;float:right;display:inline;width:600px;margin:0 0 15px 0;position:relative}
#sidebar {}
#sidebar {float:left;display:inline;width:205px;background:#E0EBFF;margin:25px 0 15px 24px}
body.defaultB #sidebar {background:#CCC}
#sidebar p {margin:0 0 0 5px;padding:0}
#sidebar img {margin:0 0 5px 0;padding:0}
#sidebar div {margin:5px;background:#fff;padding:5px;text-align:center;color:#333}
body.defaultA .nav h2 {background:url(df_topA.gif) no-repeat;color:#36c;font:bold 12px/24px tahoma,sans-serif;padding:0 0 0 20px;margin:15px 0 0 0}
body.defaultB .nav h2 {background:url(df_topB.gif) no-repeat;color:#333;font:bold 12px/24px tahoma,sans-serif;padding:0 0 0 20px;margin:15px 0 0 0}
div.nav h3 a {color:#E0EBFF}
div.nav ul {margin:5px 0 50px 0;padding:0}
div.nav ul ul {margin:0}
div.nav li {display:block;border-bottom:2px solid #fff}
div.nav li li {border:none}
div.nav li a {padding:0 5px 0 29px;background:url(df_nC.gif) no-repeat center left;display:block;height:20px;font:bold 12px/20px tahoma,sans-serif;color:#333;text-decoration:none}
div.nav li.active a {background:url(df_nCo.gif) no-repeat center left}
div.nav li.active li a {background:url(df_nD.gif) no-repeat center left}
div.nav li li a {padding:0 5px 0 37px;background:url(df_nD.gif) no-repeat center left;display:block;height:20px;font:12px/20px tahoma,sans-serif;color:#333;text-decoration:none}
div.nav a:link, div.nav a:visited {color:#333}
div.nav a:active, div.nav a:hover {color:#36c}

#breadcrumb {position:absolute;top:43px;left:0;font:11px tahoma,sans-serif;color:#36c}
#breadcrumb a {color:#36c}

#target_groups {float:right;width:250px;margin:0 0 10px 5px}
#target_groups * {padding:0;margin:0}
#target_groups li {list-style-type:none;background:url(hm_tgA.gif) no-repeat;display:block;height:24px;margin:0 0 4px 0}
#target_groups a {font:bold 12px/24px tahoma,sans-serif;color:#36C;text-decoration:none;padding:0 0 0 24px}
#target_groups li.extranet {background:url(hm_tgB.gif) no-repeat}
#target_groups li.extranet a {color:#690}
#about a:link, #about a:visited {}
#about a:active, #about a:hover {color:#333}


#highlights {display:block;width:470px;float:left;overflow:hidden}
#highlights * {padding:0;margin:0}
#highlights li {display:block;float:left;width:222px;margin:0 13px 0 0}
#highlights ul {display:block;float:left;width:222px}
#highlights li li {width:222px;display:block;height:124px;margin:0 0 13px 0;background:url(hm_highlight.gif) no-repeat}
#highlights h2, #highlights h3 {font:bold 12px/24px tahoma, sans-serif}
#highlights h2 a, #highlights h3 a {text-decoration:none;color:#36C;padding:0 0 0 22px}
#highlights p {padding:3px 15px 0 22px}

#sponsors {float:right;width:250px;height:261px;border:1px dotted #36c;text-align:center;overflow:hidden}
#sponsors * {padding:0;margin:0}
#sponsors p {margin:5px 0 8px 0;color:#333}
#sponsors hr {margin:0}
#sponsors img {border:none}

#about {position:absolute;top:0;left:492px;width:354px;height:25px;background:#666;margin:0;padding:0}
#about li {float:left;display:block}
#about li p {float:left;display:block;background:url(hm_a.gif) no-repeat top right}
#about li ul {height:25px;display:block;overflow:hidden;margin:0}
#about li li {background:none;height:25px; font:bold 12px/25px tahoma,sans-serif}
#about a {padding:0 24px;color:#fff;text-decoration:none;background:url(hm_nB.gif) no-repeat;display:block;float:left;height:25px;font:bold 12px/25px tahoma,sans-serif}
#about li li p {display:block;float:left;background:none;height:25px;font:12px/25px tahoma,sans-serif;margin:0}
#about li li p input {width:80px;height:13px;margin:3.5px 0 0 10px}
#about li li input {margin:0 5px 0 0;width:auto}
#about a:link, #about a:visited {}
#about a:active, #about a:hover {color:#333}
#about img, #about p, #about ul {margin:0;padding:0}

#navigation {position:absolute;top:0;left:22px;background:#69f;width:472px;margin:0;padding:0}
#navigation li {float:left;display:block;background:url(hm_a.gif) no-repeat;height:25px;}
#navigation a {padding:0 18px 0 23px;color:#fff;text-decoration:none;background:url(hm_nA.gif) no-repeat;display:block;float:left;height:25px;font:bold 12px/25px tahoma,sans-serif}
#navigation a:link, #navigation a:visited {}
#navigation a:active, #navigation a:hover {color:#333}
#navigation p {margin:0;padding:0}

#footer {text-align:center;color:#fff;font:11px tahoma,sans-serif;margin:0;padding:0}
#footer b {color:#69f}
#footer a {color:#fff}