/* Edit the width and height of #logo to match your new logo image size when customizing your logos */

/* This is the Main template logo */
#logo {width: 400px;height: 85px;position: absolute;top: 20px;left: 0;}

/* @group Core Elements */

html {height: 100%;margin-bottom: 1px;}
body {margin: 0;font-family: Arial,Helvetica,Verdana,sans-serif;font-size: 100%;line-height: 135%;}

/* Font family information */

body#ff-freeb, body#ff-freeb td {font-family: Arial,Helvetica,Verdana,sans-serif;}

body#ff-freeb #horiz-menu, body#ff-freeb #bottom-menu, body#ff-freeb a.mainlevel, body#ff-freeb a.sublevel, body#ff-freeb #pathway {font-family: Arial, Helvetica,Verdana,sans-serif;}

/* Core Styles */

form {margin: 0;padding: 0;}
body.f-small {font-size: 11px;}
body, body.f-default {font-size: 14px;}
body.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;}

/* @end */




/* @group Structure */

.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: 190px;}
#showcase-bottom {z-index: 1;position: relative;}
#showcase-bottom-bg {position: relative;z-index: 1;}
#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;margin-top:0px;}
#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;}


#main-body {border-top: 0;margin-bottom: 4px;}

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

#copyright {float: left;height: 22px;line-height: 22px;}
.copyright-block {padding: 13px 0 12px 12px;overflow: hidden;width: 80%;float: left;}
.validation-block {padding: 5px 0px 8px 0;overflow: hidden;}
.xhtml-button {width: 83px;height: 18px;float: right;}
.css-button {width: 68px;height: 18px;float: right;margin-left: 5px;}
.keepclicking {width:160px;float:right;margin-left:5px;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.2%;}
.spacer.w24 .block {width: 24.8%;}

/* @end */

/* @group Modules */

/* Module Margins and Paddings */

.module, .module-hilite1, .module-hilite2, .module-hilite3, .module-icon1, .module-icon2, .module-icon3 , .module-icon4, .moduletable, .moduletable-hilite1, .moduletable-hilite2, .moduletable-hilite3, .moduletable-icon1, .moduletable-icon2, .moduletable-icon3, .moduletable-icon4, .module-sidenav {margin-bottom: 25px;}
.module h3, .moduletable h3, .module-hilite1 h3, .module-hilite2 h3, .module-hilite3 h3, .module-icon1 h3, .module-icon2 h3, .module-icon3 h3, .module-icon4 h3, .moduletable-hilite1 h3, .moduletable-hilite2 h3, .moduletable-hilite3 h3, .moduletable-icon1 h3, .moduletable-icon2 h3, 
#mainmodules {padding:0px 0px 0px 0px;}
#mainmodules .module h3, #mainmodules2 .module h3, #mainmodules3 .module h3, .module-sidenav h3 {margin-top: 0;}
#mainmodules .module, .module-hilite1, .module-hilite2, .module-hilite3, .module-icon1, .module-icon2, .module-icon3, .module-icon4, #mainmodules2 .module, #mainmodules3 .module, #bottommodules .module {padding: 10px 18px 0 18px;}
#mainmodules3 {padding-top: 15px;}
#mainmodules3 .module h3, #main-body .module-hilite2 h3 {padding: 3px 8px;margin-bottom: 18px;}
#bottommodules {margin-bottom: 35px;}
.top-module .moduletable {padding: 0;margin: 0;}
.module-icon1, .module-icon2, .module-icon3, .module-icon4, .moduletable-icon1, .moduletable-icon2, .moduletable-icon3, .moduletable-icon4 {padding-left: 72px;}
#leftcol .module div div div div, #rightcol .module div div div div, .module-sidenav div div div div {background: none;padding: 0;margin: 0;}
#leftcol .module h3, #rightcol .module h3 {margin-top: 0;}
#leftcol .module-hilite1, #leftcol .module-hilite2, #leftcol .module-hilite3, #rightcol .module-hilite1, #rightcol .module-hilite2, #rightcol .module-hilite3 {padding: 0 5px;}
.debug-mod {padding: 15px;}

/* Module Structure */

.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;padding:0px 75px;}
.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;}

/* Module Header Font Sizes */

.module h3, .module-hilite1 h3, .module-hilite3 h3, .module-icon1 h3, .module-icon2 h3, .module-icon3 h3, .module-icon4 h3, .moduletable-hilite1 h3, .moduletable-icon1 h3, .moduletable-icon2 h3, .moduletable-icon3 h3, .moduletable-icon4 h3 {font-size: 170%;}


/* @end */



/* Extra Content Styles */

a.readon {margin-top: 16px;padding: 0;display: block;font-size: 120%;}
#pathway {width: 100%;display: block;}
span.pathway {display: block;font-weight: bold;font-size: 120%;overflow: hidden;line-height: 130%;padding-top: 8px;}
span.pathway img {width: 6px;height: 11px;background: url(../images/pathway-div.png) 0 50% no-repeat;}
span.pathway a {float: none;padding: 0 2px 0 0;font-weight: normal;}
#accessibility {width: 50px;height: 14px;float: right;z-index: 5000;padding-top: 4px;}
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;}
#accessibility .button {display: block;float: right;width: 19px;height: 12px;}
a.large .button {background: url(../images/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/font-sm.png) 0 0 no-repeat;}
#accessibility a.small .button {margin-right: 5px;}
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
.clr {clear:both;}
fieldset {border-left: 0;border-right: 0;border-top: 0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;}
.bannergroup .clr {clear: none !important;}

/* Main Body Login */

form#form-login ul {padding-left: 18px;}
form#form-login fieldset.input {padding: 0;}
p#form-login-remember {margin-bottom: 5px;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {height: 20px;display: block;width: 98%;margin-top: 3px;}

/* Tooltip */
#chi-tooltip {
float:right;
}

#chi-tooltip2 {
float:right;
}

#chi-tooltip3 {
float:right;
}

#chi-tooltip4 {
float:right;
}