/* Logo */

#logo {background: url(../images/logo.png) 0 0 no-repeat;}


#pathway {color: #c00;}
#pathway a {color: #999;}
#page-bg {background: #fff;}
#copyright {color: #79A1B5;}
#showcase {background: #AED6EC url(../images/showcase-bg.png) 0 0 repeat-x;}
#showcase-bottom-bg {background: url(../images/showcase-bottom-bg.png) 0 100% repeat-x;}
#footer-top {background: #fff url(../images/footer-top.png) 20% 5px repeat-x;}
#footer-top2 {background: url(../images/footer-top2.png) 40% 100% repeat-x;}
#footer {background: url(../images/footer-bg.png) 0 0 repeat-x;}
#footer-bar {background: url(../images/footer-bar.png) 50% 0 no-repeat;}
img#rocket {background: url(../images/rocket.png) 0 0 no-repeat;}
.xhtml-button {background: url(../images/xhtml.png) 0 0 no-repeat;}
.css-button {background: url(../images/css.png) 0 0 no-repeat;}

#showcase-layer1 {background: url(../images/showcase-layer1.png) 20% 100% repeat-x;}
#showcase-layer2 {background: url(../images/showcase-layer2.png) 40% 100% repeat-x;margin: 0;padding: 0;width: 100%;}
#showcase-layer3 {background: url(../images/showcase-layer3.png) 70% 0 repeat-x;margin: 0;padding: 0;width: 100%;}
#showcase-bottom {background: url(../images/showcase-bottom.png) 50% 100% no-repeat;}

/* Firefox2 Hack */
#showcase-layer1 {font-family: "20% 100%";}
#showcase-layer2 {font-family: "40% 100%";}
#showcase-layer3 {font-family: "70% 0";}



#horiz-menu {background: url(../images/horiz-menu-bg.png) 0 0 repeat-x;}
#horiz-menu a, #horiz-menu .separator {color: #fff;}
#horiz-menu li {background: url(../images/horiz-r.png) 100% 4px no-repeat;}
#horiz-menu li a, #horiz-menu li .separator {background: url(../images/horiz-l.png) 0 4px no-repeat;}
#horiz-menu li.active, #horiz-menu li.active:hover, #horiz-menu li.active.sfHover, #horiz-menu li:hover, #horiz-menu li.sfHover {background: url(../images/horiz-active-r.png) 100% 4px no-repeat;}
#horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li.active a:hover, #horiz-menu li.active .separator:hover, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {background: url(../images/horiz-active-l.png) 0 4px no-repeat;color: #c00;}
#horiz-menu ul ul li a:hover, #horiz-menu ul ul li .separator:hover, #horiz-menu ul ul li.parent a:hover, #horiz-menu ul ul li.parent .separator:hover, #horiz-menu ul ul li:hover, #horiz-menu ul ul li.active:hover, #horiz-menu ul ul li.sfHover, #horiz-menu ul ul li.active.sfHover {background: #63A1CA url(../images/dropdown-arrow.png) 10px 12px no-repeat;}
#horiz-menu ul ul li a.daddy:hover, #horiz-menu ul ul li .separator.daddy:hover, #horiz-menu ul ul li.parent:hover, #horiz-menu ul ul li a.daddy.sfHover, #horiz-menu ul ul li .separator.daddy.sfHover {background: #63A1CA url(../images/dropdown-active.png) 95% 12px no-repeat;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu li.active li a:hover, #horiz-menu li.active li a.sfHover, #horiz-menu li a.separator {background: url(../images/dropdown-arrow.png) 10px 12px no-repeat;color: #fff;}
#horiz-menu ul ul {background: url(../images/menu-dropdown-bg.png) 50% 100% no-repeat;}
#horiz-menu ul ul a, #horiz-menu li:hover li a, #horiz-menu ul ul .separator, #horiz-menu li:hover li .separator, #horiz-menu li.sfHover li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li:hover a, #horiz-menu li:hover li:hover .separator, #horiz-menu li.sfHover li.sfHover a, #horiz-menu li.sfHover li.sfHover .separator {color: #fff;}



span.subline {color: #666;}
.top-module span {color: #cc0000;}
.top-module {color: #990033;}

#logo {width: 225px;height: 72px;position: absolute;top: 20px;left: 0;}

form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 200%;line-height: 100%;}
h2 {font-size: 175%;line-height: 100%;}
h3 {font-size: 150%;}
h4 {font-size: 120%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
#main-content ul, #mainmodules3 ul {padding-left: 15px;}
#main-content ul li, #mainmodules3 ul li {list-style: none;padding: 0 0 5px 15px;background: url(../images/main-bullet.png) 0 3px no-repeat;}


.header-alt {margin-top: 20px;padding-bottom: 15px;}
#main-body {position: relative;}
#maincol {float: left;}
#leftcol {float: left;}
#leftcol .padding {padding: 0 15px 0 0;}
#rightcol .padding {padding: 0 0 0 15px;}
#rightcol {float: left;}
#maincol .padding {padding: 0 15px 15px 15px;}

#showcase {position: relative;}
#showcase .wrapper {position: relative;}
#showcase-height {height: auto;}
#showcase-height.alt {height: 90px;}
#showcase-bottom {z-index: 1;position: relative;}
#showcase-bottom-bg {position: relative;z-index: 1;}
#tools-block {height: 40px;position: relative;z-index: 3;}
#footer-top, #footer-top2 {height: 100px;}
#footer-bar {height: 50px;margin-bottom: 15px;}
#footer-highlight {padding-top: 10px;}
#horiz-menu-shadow {background: url(../images/horiz-menu-shadow.png) 50% 0 no-repeat;}
#main-body-top {background: url(../images/mainbody-top.png) 50% 0 no-repeat;height: 40px;}
#main-body-bottom {background: url(../images/mainbody-bottom.png) 50% 100% no-repeat;height: 40px;}

.logo-module {width: 400px;float: left;overflow: hidden;padding: 15px 0;}
.toolsblock-right {width: 310px;height: 35px;float: right;}
.toolsblock-left {width: 65%;height: 35px;float: left;}

#main-body {border-top: 0;margin-bottom: 4px;}
#inset-block-right {float: right;}
#inset-block-right .right-padding {padding-left: 20px;}
#inset-block-left {float: left;}
#inset-block-left .left-padding {padding-right: 20px;}

#searchmod {height: 29px;padding: 0;float: left;text-align: right;overflow: hidden;}
#searchmod .moduletable {padding: 0;}
#searchmod .search {width: 249px;height: 29px;border: 0;padding: 0;float: left;background: url(../images/search-bg.png) 0 0 no-repeat;}
#searchmod .inputbox {background: none;border: 0;float: left;width: 85%;padding: 4px 0 4px 6px;color: #666;font-size: 110%;}

.logo-module .moduletable h3 {display: none;}
.banner-mod {float: right;}
#leftcol .module, #rightcol .module, .module-sidenav, .slider1 {background: url(../images/module-br.png) 100% 100% no-repeat;padding: 0;}
#leftcol .module div, #rightcol .module div, .module-sidenav div, .slider2 {background: url(../images/module-bl.png) 0 100% no-repeat;}
#leftcol .module div div, #rightcol .module div div, .module-sidenav div div, .slider3 {background: url(../images/module-tr.png) 100% 0 no-repeat;}
#leftcol .module div div div, #rightcol .module div div div, .module-sidenav div div div {background: url(../images/module-tl.png) 0 0 no-repeat;padding: 15px;}
.slider4 {background: url(../images/module-tl.png) 0 0 no-repeat;}
.mainmod-top {height: 15px;background: url(../images/mainmod-tm.png) 0 0 repeat-x;}
.mainmod-top .topleft {background: url(../images/mainmod-tl.png) 0 0 no-repeat;height: 15px;}
.mainmod-top .topright {background: url(../images/mainmod-tr.png) 100% 0 no-repeat;height: 15px;}
.mainmod-surround {background: #F7F7F7;border-left: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;}
.mainmod-bottom {height: 15px;background: url(../images/mainmod-bm.png) 0 100% repeat-x;margin-bottom: 20px;}
.mainmod-bottom .bottomleft {background: url(../images/mainmod-bl.png) 0 100% no-repeat;height: 15px;}
.mainmod-bottom .bottomright {background: url(../images/mainmod-br.png) 100% 100% no-repeat;height: 15px;}
#mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #bottommodules, #extendedmodules, .showcase-module, .showcase-module2 {overflow: hidden;}
.module-icon1, .moduletable-icon1 {background: url(../images/icon1.png) 15px 12px no-repeat;}
.module-icon2, .moduletable-icon2 {background: url(../images/icon2.png) 15px 12px no-repeat;}
.module-icon3, .moduletable-icon3 {background: url(../images/icon3.png) 18px 12px no-repeat;}
.module-icon4, .moduletable-icon4 {background: url(../images/icon4.png) 15px 12px no-repeat;}
.top-module {width: 500px;float: left;margin-top: 125px;font-size: 210%;line-height: 130%;overflow: hidden;padding-bottom: 55px;}
.top-module span {font-size: 120%;}
.header-module {width: 406px;height: 375px;float: right;position: relative;z-index: 2;font-size: 130%;line-height: 140%;overflow: hidden;}



/* Horizontal Menus */

#horiz-menu {display: block;height: 37px;line-height: 37px;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: right;}
#horiz-menu li, #horiz-menu li a, #horiz-menu li .separator {z-index:200;position:relative;}
#horiz-menu span {height: 37px;}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 37px;line-height: 35px;font-weight: normal;font-size: 125%;overflow: hidden;text-decoration: none;z-index: 100;cursor: pointer;padding: 0 15px 0 12px;}
#horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;height: 37px;}

#sub-menu a:hover, #sub-menu ul.menusub li.active a {font-weight: normal;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0 4px 0 0;padding: 0;font-weight: bold;}
#horiz-menu li a span, #horiz-menu li .separator span {display: block;padding: 0;}
#sub-menu li {display: block;float: left;margin: 0;padding: 0;border: 0;}

/* @end */