@charset "utf-8";
/* CSS Document */

@import 'sumo-reset.css';
@import 'sumo-common.css';
@import 'navigation.css';

/* Global styles, mostly classes */
body {background: #ececec; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 72%;}

h1 {font-size: 45px; padding: 0 0 22px 0; border-bottom: #d4d4d4 1px solid; margin: -15px 0 19px 0; line-height: 100%}
h2 {font-size: 18px;border-bottom: #d4d4d4 1px solid; padding: 0 0 8px 0; margin: 16px 0 14px 0;}
p {margin: 0 0 20px 0;}

.parent-node {font-weight: bold; color: #464646; text-transform: uppercase; display: block; margin: 26px 0 0 24px;}
.child-node {font-weight: bold; color: #898989; text-transform: uppercase; display: block; line-height: 12px; margin: 0 0 2px 0; }
a {color: #5ea197; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
.learn-more {background: url(images/learn-more-background.gif) no-repeat 0 50%; padding: 0 0 0 11px; font-weight: bold;color: #5ea197;}

/* Wrapper styles */

#pagewrap {margin: 18px auto; width: 964px;}

#sitecontainer-outer {background: url(images/sitecontainer-outer-background.gif) repeat-y 0 0; float: left; width: 964px;}
#sitecontainer-inner {background: url(images/sitecontainer-inner-background.gif) no-repeat 0 bottom; float: left; width: 964px;}
#sitecontainer {background: url(images/sitecontainer-background.jpg) no-repeat 0 0; float: left; padding: 1px 3px 5px 3px; width: 958px; position: relative;}

#header {height: 151px; position: relative; }

#header a#logo {display: block; background: url(images/logo.gif) no-repeat; width: 352px; height: 49px; text-indent: -9999px; float: left; margin: 19px 0 0 33px;}
* html #header a#logo {margin-left: 15px;}

#header ul#utility-navigation {float: right; text-transform: uppercase; font-size: 95%; font-weight: bold; margin: 22px 0 0 0;}
#header ul#utility-navigation li {float: left; margin: 0 25px 0 0;}
#header ul#utility-navigation a {color: #fff; text-decoration: none; display: block; float: left;}
#header ul#utility-navigation a.active, #header ul#utility-navigation a:hover {color: #374947;}




/* Home page */

#homecontainer {background: url(images/home-background.jpg) no-repeat 0 0; height: 667px; float: left; width: 916px; padding: 69px 24px 0 24px; margin: -4px 0 0 0; line-height: 135%;}

* html #homecontainer {margin-top: -16px;}

#homecontainer h1 {border-bottom: none; padding: 0; margin: 0 0 12px 0; background: url(images/homepage-h1-background.gif) no-repeat; width: 509px; height: 38px; text-indent: -9999px;}
#homecontainer h2 {border-bottom: none; padding: 0; margin: 0 0 17px 0; font-size: 24px; color: #464646; line-height: 115%; font-weight: bold;}

#homecontainer .left-column {width: 285px; float: left; padding: 161px 0 0 0;}
#homecontainer .right-column {float: right; width: 599px; color: #92a28e;}

#homecontainer .right-column .panel {background: url(images/homepage-panel-background.gif) no-repeat 0 0; float: left;}
#homecontainer .right-column .panel#tl, #homecontainer .right-column .panel#bl {margin: 0 28px 20px 0;}
#homecontainer .right-column .panel#tl, #homecontainer .right-column .panel#tr {margin-top: 75px;}

#homecontainer .right-column .panel a { width: 236px; height: 158px; display: block; color: #363636; font-size: 95%; font-weight: normal; padding: 10px 30px 0 18px; }
#homecontainer .right-column .panel a:hover {text-decoration: none;}
#homecontainer .right-column .panel a span.title, #homecontainer .right-column .panel span.title {color: #252525; font-size: 110%; font-weight: bold; margin: 0; display: block;}
#homecontainer .right-column .panel .learn-more {margin: 5px 0 0 0; display: block;}

#homecontainer .right-column .panel#tl a {background: url(images/panel-top-left-background.gif) no-repeat right bottom;}
#homecontainer .right-column .panel#tr a {background: url(images/panel-top-right-background.gif) no-repeat right bottom;}
#homecontainer .right-column .panel#bl a {background: url(images/panel-bottom-left-background.gif) no-repeat right bottom;}
#homecontainer .right-column .panel#br a {background: url(images/panel-bottom-right-background.jpg) no-repeat right bottom; width: 236px; height: 158px; display: block; color: #363636; font-size: 95%; font-weight: normal; padding: 10px 30px 0 18px;}

#homecontainer .footer {color: #898989;font-size: 95%; float: left; margin: 80px 0 0 0;}
#homecontainer ul#contributors {margin: 0; padding: 0; list-style: none;}
#homecontainer ul#contributors li {float: left;  margin: 0 10px 0 0;}


/* Internal pages */
#contentcontainer {background: url(images/contentcontainer-background.gif) repeat-y 213px 0; float: left; margin: 0 24px 112px 24px; width: 916px;}
* html #contentcontainer {margin-left: 12px;}
#contentcontainer .left-column {float: left; width: 213px; padding: 14px 0 25px 0;}
#contentcontainer .left-column a {text-decoration: none; color: #5ea197; font-weight: bold; display: block;}
#contentcontainer .left-column a:hover {color: #707070;}

/* Level 1 */
#contentcontainer .left-column ul {list-style: none; margin: 0; padding: 0; width: 213px; font-size: 100%;}
#contentcontainer .left-column ul li {border-bottom: 1px solid #898989;}
#contentcontainer .left-column ul li.last {border-bottom: none;}
#contentcontainer .left-column ul li a {background: url(images/left-column-navigation-arrow.gif) no-repeat 199px 50%; width: 189px; padding: 5px 24px 6px 0;}
* html #contentcontainer .left-column ul li a {width: 180px;}
#contentcontainer .left-column ul li a.active {background: url(images/left-column-navigation-arrow-active.gif) no-repeat 201px 10px;}

/* Level 2 */
#contentcontainer .left-column ul ul {font-size: 95%; margin: 0 0 6px 0;}
#contentcontainer .left-column ul ul li {border-bottom: 1px solid #d4d4d4;}
#contentcontainer .left-column ul ul li a {padding: 5px 24px 4px 9px; background: url(images/left-column-navigation-arrow-small.gif) no-repeat 1px 9px;}
#contentcontainer .left-column ul ul li a.active {color: #707070; background: url(images/left-column-navigation-arrow-small.gif) no-repeat 1px 9px;}

/* Level 3 */
#contentcontainer .left-column ul ul ul {}
#contentcontainer .left-column ul ul ul li {border-bottom: none;}
#contentcontainer .left-column ul ul ul li a {font-weight: normal; padding: 3px 0 3px 16px; background: url(images/left-column-navigation-dash.gif) no-repeat 9px 7px;}
#contentcontainer .left-column ul ul ul li a.active {background: url(images/left-column-navigation-dash.gif) no-repeat 9px 7px; color: #707070;}



#contentcontainer .right-column {float: left; width: 671px; padding: 0 0 0 26px; line-height: 135%;}
#contentcontainer .right-column ul {margin: 0 0 10px 30px;}
#contentcontainer .right-column ol {margin: 0 0 10px 30px;}


/* Table styles */

table {border-top: #dcdcdc 1px solid; border-left: #dcdcdc 1px solid; margin: 20px 0; color: #555; }
table th {background: url(images/th-background.gif) repeat-x 0 0; color: #252525; font-weight: bold; text-align: left; border-right: #dcdcdc 1px solid; vertical-align: top; padding: 9px 15px;}
table td {text-align: left; vertical-align: top; border-bottom: #dcdcdc 1px solid; border-right: #dcdcdc 1px solid; padding: 15px;}