/* @group Core Elements */

html {height: 100%;margin-bottom: 1px;}
body {margin: 0;font-family: Arial;font-size: 80%;line-height: 135%;}

div.wrapper { margin: 0 auto; width: 962px;padding:0;}
#leftcol { width:0px;padding:0;}
#rightcol { width:225px;padding:0;}
#maincol { margin-left:0px;margin-right:225px;padding:0;}
#mainblock {margin-left:0px;margin-right:0px;padding:0;}
#banner-left { width:0px;padding:0;}
#banner-right { width:0px;padding:0;}
#moduleslider-size { height:200px;}

/* Font family information */

body#ff-default, body#ff-default td {font-family: Helvetica, Arial, FreeSans, sans-serif;}
body#ff-optima, #ff-optima td {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
body#ff-geneva, #ff-geneva td {font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
body#ff-helvetica, #ff-helvetica td {font-family: Helvetica, Arial, FreeSans, sans-serif;}
body#ff-lucida, #ff-lucida td {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;}
body#ff-georgia, #ff-georgia td {font-family: Georgia, sans-serif;}
body#ff-trebuchet, #ff-trebuchet td {font-family: "Trebuchet MS", sans-serif;}
body#ff-palatino, #ff-palatino td {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
body#ff-default #horiz-menu li, body#ff-default #bottom-menu, body#ff-default a.mainlevel, body#ff-default a.sublevel, body#ff-default ul#rokslide-toolbar li, #topmenu-mod ul#mainlevel-top {font-family: Trebuchet MS, Geneva, Tahoma;}
body#ff-default .module h3, body#ff-default .moduletable h3, body#ff-default .contentheading, #topmenu-mod .banner-small, body#ff-default .submenu-block h3 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
body#ff-default #banner-right .moduletable h3, body#ff-default #banner-left .moduletable h3 {font-family: Helvetica, Arial, FreeSans, sans-serif;}

/* Core Styles */

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;}

/* @end */


.mosimage_caption {font-size: 90%;}
.componentheading {font-size: 180%;line-height: 130%;font-weight: normal;padding: 0 0 0 5px;margin: 0 0 20px 0;}
.contentheading {font-size: 180%;font-weight: normal;border: 0;padding: 0 0 15px 0;line-height: 130%;letter-spacing: -1px;}
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
td.buttonheading, .contentpaneopen td.buttonheading {padding: 0 1px;border: 0;}
td.column_separator {padding-left: 15px;}
td.componentheading {padding-bottom: 15px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 25px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 25px;}
.contentpane, .contentpaneopen {width: 100%;}

/* @end */

/* @group Structure */

#top-bar .wrapper {position: relative;z-index: 500;}
#top-bar {height: 26px;padding-top: 6px;}
#header-bar {height: 100px; padding-top: 4px; margin-bottom: 5px; padding-bottom: 4px; overflow: hidden; }
img#logo {width: 450px; height: 100px; float: left;}
.logo-module {width: 315px;height: 78px;float: left;overflow: hidden;}

.about p { margin: 0; padding: 0; }
.about .detail { color:#FFFF00;background-color:#000;font-weight:bold;padding: 2px; }

#topmenu-mod {float: right;width: 67%;visibility: hidden;}
#banner-mod {float: right;width: 60%;padding-top: 8px;}
#banner-right {float: right;}
#banner-right .padding {padding: 0 0 0 10px;}
#banner-left {float: left;}
#banner-left .padding {padding: 0 10px 0 0;}

#showcase-top {width: 25px;height: 29px;float: left;}
#showcase-top2 {width: 25px;height: 29px;float: right;}
#showcase-top3 {height: 29px;margin: 0 25px;}

#date-block {width: 250px;height: 28px;float: right;padding-top: 12px;}
#date-block .date-left {text-align: right;margin-right: 25px;}
#date-block .date-right {float: right;text-align: center;}

.date1 {text-transform: uppercase;text-align: right;font-size: 180%;padding-right: 10px;margin-right: 10px;}
.date2 {text-transform: uppercase;font-weight: bold;font-size: 90%;letter-spacing: 0.1em;line-height: 70%;}
.date3 {display: block;padding: 0;}

#showcase-main {margin-left: 13px;margin-right: 13px;}
#showcase-main2 {margin-left: -13px;}
#showcase-main3 {margin-right: -13px;}
#showcase-main .padding {padding: 0 13px;}

#showcase-bottom {width: 25px;height: 25px;float: left;margin-bottom: 6px;overflow: hidden;}
#showcase-bottom2 {width: 25px;height: 25px;float: right;margin-bottom: 6px;}
#showcase-bottom3 {height: 25px;margin-left: 25px;margin-right: 25px;margin-bottom: 6px;}

#main-top {width: 13px;float: left;height: 17px;}
#main-top2 {width: 13px;height: 17px;float: right;}
#main-top3 {height: 17px;margin-right: 13px;margin-left: 13px;}
#main-top3 .padding {padding: 15px 0 0 0;}

#main-bar {margin-bottom: 10px;padding: 12px;overflow: hidden;}
#newsflash-block {float: left;width: 60%;height: 20px;font-style: italic;overflow: hidden;}
#searchmod {width: 253px;height: 23px;float: right;}
#searchmod .inputbox {background: none;width: 218px;height: 20px;margin-left: 30px;border: 0;}

#main {margin-left: 13px;margin-right: 13px;}
#main2 {margin-left: -13px;}
#main3 {margin-right: -13px;}
#main .main-padding {padding: 0 13px;}

#main-bottom {width: 25px;height: 20px;float: left;}
#main-bottom2 {width: 25px;height: 20px;float: right;}
#main-bottom3 {margin-left: 25px;margin-right: 25px;height: 20px;}

#rightcol {float: right;}
#rightcol .padding {padding: 0 0 0 10px;}
#rightcol .inner .padding {padding: 20px 20px 0 20px;}
#leftcol {float: left;}
#leftcol .padding {padding: 0 10px 0 0;}
#leftcol .inner .padding {padding: 20px 20px 0 20px;}
#maincol .inner .padding {padding: 20px;}
.main-col-top-left {
	background-attachment: scroll;
	background-image: url(../images/main-col-top-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
	float: left;
}
.main-col-top-right {
	background-attachment: scroll;
	background-image: url(../images/main-col-top-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 10px;
	width: 10px;
}
.main-col-top {
	background-attachment: scroll;
	background-image: url(../images/main-col-top.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	float: left;
}
.main-col-bottom-left {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
	float: left;
}
.main-col-bottom-right {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 10px;
	width: 10px;
}
.main-col-bottom {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	float: left;
}

#bottom {margin-top: 10px;}
#bottom-shadow {
	height: 25px;
	position: relative;
	z-index: 2;
	background-image: url(../images/bottom-shadow.png);
}
#bottom-menu {height: 53px;}

#footer {padding: 20px 0 110px 0;}
img#rocket {width: 166px;height: 22px;float: left;margin-right: 30px;margin-left: 20px;}
#copyright {height: 22px;line-height: 22px; margin: 0 15px 0 0; text-align:right;}

.debug {margin-top: 20px;}

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.3%;}
#bottommodules2.spacer.w33 .block {width: 33.1%;}
.spacer.w24 .block {width: 24.8%;}

/* @end */

/* @group Modules */

#banner-top .moduletable {padding: 20px 10px 35px 10px;}
.module h3, .moduletable h3, .submenu-block h3 {margin-top: 0;font-size: 180%;letter-spacing: -1px;}
#banner-mod .moduletable, #topmenu-mod .moduletable {float: right;margin: 0;padding: 0;}
#leftcol .moduletable, #rightcol .moduletable {padding-bottom: 25px;}
#newsflash .moduletable h3, .logo-module .moduletable h3 {display: none;}
#newsflash .moduletable {margin: 0;padding: 0;}
#bottom .module, #maincol .module, #extendedmodules .module {padding: 20px;}
#showcasemodules .module {padding: 10px 20px 20px 20px;}
#extendedmodules .module {margin-top: 30px;}
.moduletable-flush, .logo-module .moduletable {margin: 0;padding: 0;}
#banner-right .moduletable h3, #banner-left .moduletable h3 {margin: 0 0 4px 0;padding: 0 0 0 2px;text-transform: uppercase;font-size: 80%;letter-spacing: 1px;font-family: Arial, sans-serif;}
#banner-right .moduletable, #banner-left .moduletable {padding: 0;margin: 0 0 35px 0;}
#showcasemodules, #mainmodules, #mainmodules2, #bottommodules, #extendedmodules, .rotator-module {overflow: hidden;}

/* @end */

/* @group Menus */

#horiz-menu {display: block;text-transform: uppercase;z-index: 100;height: 25px;line-height: 24px;position: relative;padding: 0;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: absolute; right: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0 12px 0 0;padding: 0 6px;text-transform: uppercase;font-weight: bold;letter-spacing: 0.1em;}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 25px;line-height: 20px;font-weight: normal;font-size: 110%;overflow: hidden;text-decoration: none;text-transform: uppercase;z-index: 100;cursor: pointer;}
#horiz-menu li a span, #horiz-menu li .separator span {display: block;padding: 0;}
#horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;}
#horiz-menu li.active li a, #horiz-menu li.active.parent li a, #horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;}
#horiz-menu ul ul {margin: 0;padding: 0;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span {text-transform: none;background: none;}
.menutop .animated-bg {padding:0;left: 6px;}
.menutop .submenu-animation-left {margin-right: 9px;} 
.menutop .submenu-animation-right {height: 100%;width: 9px;position: absolute;right: 0;margin-right: -9px;}



/* Bottom Menu */

#bottom-menu ul#mainlevel-bottom {padding: 0 0 0 12px;margin: 0 auto;height: 50px;}
#bottom-menu #mainlevel-bottom ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom li {display: block;float: left;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;height: 50px;line-height: 50px;letter-spacing: 0.1em;font-size: 110%;text-decoration: none;text-transform: uppercase;padding: 0 8px;margin: 0 20px 0 0;}

/* Sub and Side Menus */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
a.mainlevel {line-height: 32px;height: 32px;font-size: 130%;padding: 2px 0 2px 15px;}
a.sublevel {height: 26px;line-height: 26px;margin: 0;padding: 0;}
ul.menu {margin:0;padding: 0 0 35px 0;}
ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
ul.menu span {display: block; height: 34px;line-height: 34px;}
ul.menu li a, ul.menu li .separator {text-indent: 5px;}
ul.menu ul li a, ul.menu ul li .separator {text-indent: 20px;}
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 40px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 60px;}
ul.menu li.parent ul li span {background: none;}
ul.menu li.active.parent li span {background: none;}
ul.menu li.active.parent ul li, ul.menu li.active.parent ul li.parent ul {background: none;}
ul.menu li.active.parent ul {padding: 10px 0;margin: 0;}
ul.menu ul span {height: 26px;line-height: 26px;}
.moduletable-sidemenu a.mainlevel {margin: 0 0 1px 0;}
ul.menu a, ul.menu .separator {display: block;line-height: 32px;text-indent: 0px;height: 32px;overflow: hidden;font-size: 120%;float: none;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu ul li {border: 0;}
ul.menu ul ul {padding: 0; margin: 0;background: none;}
ul.menu li li {padding: 0;margin: 0;}
ul.menu ul a, ul.menu ul .separator {text-indent: 0;}
ul.menu li.active a, ul.menu li.active a:hover, ul.menu li.active .separator, ul.menu li.active .separator:hover {text-decoration: none; line-height: 26px;}
ul.menu li a:hover, ul.menu li .separator:hover {text-decoration: none;}
ul.menu li.active ul {margin-top: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}
ul.menu ul {padding: 0;margin: 0 12px;}
ul.menu ul ul {border: 0;}
ul.menu ul a, ul.menu ul .separator {font-size: 110%;height: 26px;line-height: 26px;padding: 0;margin: 0;}
ul.menu div.split-arrow-open {width: 34px;height: 34px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
ul.menu div.split-arrow-close {width: 34px;height: 34px;position: absolute;right: 0px;top: 0px;cursor: pointer;}
/* @end */

/* Extra Content Styles */


.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;}

/* body style */

#header-bar {background: url(../images/header-bar.png) 0 0 repeat-x;}
img#logo {background: url(../images/logo.png) 0 0 no-repeat;float: left;}
#showcase-top {background: url(../images/showcase-tl.png) 0 0 no-repeat;}
#showcase-top2 {background: url(../images/showcase-tr.png) 100% 0 no-repeat;}
#showcase-top3 {background: url(../images/showcase-tm.png) 0 0 repeat-x;}
#showcase-main {background: url(../images/showcase-m.png) 0 0;}
#showcase-main2 {background: url(../images/showcase-l.png) 0 0 repeat-y;}
#showcase-main3 {background: url(../images/showcase-r.png) 100% 0 repeat-y;}
#showcase-bottom {background: url(../images/showcase-bl.png) 0 0 no-repeat;}
#showcase-bottom2 {background: url(../images/showcase-br.png) 100% 0 no-repeat;}
#showcase-bottom3 {background: url(../images/showcase-bm.png) 0 0 repeat-x;}
#main-top {background: url(../images/main-tl.png) 0 0 no-repeat;}
#main-top2 {background: url(../images/main-tr.png) 100% 0 no-repeat;}
#main-top3 {background: url(../images/main-tm.png) 0 0 repeat-x;}
#main {background: url(../images/main-m.png) 0 0;}
#main2 {background: url(../images/main-l.png) 0 0 repeat-y;}
#main3 {background: url(../images/main-r.png) 100% 0 repeat-y;}
#main-bottom {background: url(../images/main-bl.png) 0 0 no-repeat;}
#main-bottom2 {background: url(../images/main-br.png) 100% 0 no-repeat;}
#main-bottom3 {background: url(../images/main-bm.png) 0 0 repeat-x;}
#bottom-shadow {background: url(../images/bottom-shadow.png) 50% 0 no-repeat;}
img#rocket {background: url(../images/rocket.png) 0 0 no-repeat;}
span.pathway img {background: url(../images/path-div.png) 0 50% no-repeat;}
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;}



/* color */

body {color: #666;background: #000;}
a {color: #ffff00;}
a:hover {color: #fff;}
.contentheading, .componentheading {color: #999;}
h1 {color: #399BC9;}
h2 {color: #fff;}
h4 {color: #D98A3A;}
span.small, td.createdate, td.modifydate {color: #666;}
#body-bg {background: #000 url(../images/bg2.jpg) 50% 0 no-repeat;}
#bg-panel2 {background: url(../images/bg2.png) 0 100% repeat-x;}
#top-bar {background: url(../images/top-bar.png) 0 0 repeat-x;}
#banner-top {background: #000; border-bottom: 1px solid #2e2e2e;}
#topmenu-mod {color: #ccc;}
#banner-mod {color: #ccc;}
#date-block {color: #fff;}
.date1 {border-right: 1px dotted #BFBCC2;}
.date2 {color: #ddd;}
.date3 {color: #ddd;}
#showcasemodules, .rotator-module {color: #fff;}
#showcasemodules a, .rotator-module a {color: #ffff00;}
#main-bar {background: #000 url(../images/col-bgtop.png) 0 0 repeat-x;border: 1px solid #2e2e2e;}
#searchmod {background: url(../images/search-bg.png) 0 0 no-repeat;}
#searchmod .inputbox {color: #999;}
.inner {
	background-color: #000;

}
.col-bottom {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 10px;
	width: 10px;
}
.col-bottom2 {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom.png);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	height: 10px;
}
.col-bottom3 {
	background-attachment: scroll;
	background-image: url(../images/main-col-bottom-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 10px;
	width: 10px;
}
#bottom-menu {background: url(../images/bottom-menu.png) 50% 0 repeat-x;}
#footer {background: #000 url(../images/bottom-bg.png) 50% 0 repeat-x;}
#copyright {color: #666;}

.module h3, .moduletable h3, .submenu-block h3 {color: #999;}
#showcasemodules .module h3, .rotator-module .module h3 {color: #ccc;}
#showcasemodules .module h3 span, .rotator-module .module h3 span {color: #fff;}
.module h3 span, .moduletable h3 span, .submenu-block h3 span {color: #399BC9;}
#newsflash .moduletable {color: #fff;}
#bottom .module h3, #bottom .module h3 span {color: #399BC9;}
#banner-right .moduletable h3 span, #banner-left .moduletable h3 span {color: #fff;}

#horiz-menu li {color: #c3c300;}
#horiz-menu a, #horiz-menu .separator {color: #A88600;}
#horiz-menu li a, #horiz-menu li .separator {color: #c3c300;}
#horiz-menu li.active a, #horiz-menu li a:hover, #horiz-menu li.active .separator {color: #ffff00; border-bottom: 1px solid #ffff00;}
#horiz-menu li a:hover, #horiz-menu li .separator:hover {color: #ffff00;}
#horiz-menu.splitmenu li a:hover, #horiz-menu.splitmenu li .separator:hover {border-bottom: 1px solid #ffff00;}
.menutop .animated-bg {border-bottom:1px solid #ffff00;}
.menutop .submenu-animation-left {background: url(../images/sub-hover-l.png) 0 0 no-repeat;} 
.menutop .submenu-animation-right {background: url(../images/sub-hover-r.png) 100% 0 no-repeat;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator {color: #bbb;}
#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator {color: #fff;}
#horiz-menu ul ul {background: #000 url(../images/col-bgtop.png) 0 0 repeat-x;border: 1px solid #2e2e2e;}
#horiz-menu ul ul li a.daddy, #horiz-menu ul ul li a.daddy:hover, #horiz-menu ul li.active.parent ul li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul ul li .separator.daddy:hover, #horiz-menu ul li.active.parent ul li .separator.daddy {background: url(../images/submenu-arrow.png) 95% 60% no-repeat;}

#topmenu-mod #mainlevel-top li {border-right: 1px dotted #fff;}
#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel {color: #fff;}
#topmenu-mod .banner-small {color: #fff;}
#bottom-menu #mainlevel-bottom a {color: #c3c300;}
#bottom-menu #mainlevel-bottom a:hover, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {color: #ffff00; border-bottom: 1px solid #ffff00;}

a.mainlevel {color: #ccc;background: url(../images/submenu-arrow.png) 0 8px no-repeat;}
a.sublevel {color: #ccc;}
a.mainlevel:hover, a.sublevel:hover {color: #D98A3A;}
ul.menu li {border-bottom: 1px dotted #666;}
ul.menu li.active.parent ul {background: url(../images/submenu-bgbottom.png) 0 100% repeat-x;}
ul.menu li.active.parent {background: url(../images/submenu-bgtop.png) 0 0 repeat-x;}
ul.menu li span {background: url(../images/submenu-arrow.png) 95% 50% no-repeat;}
ul.menu li.active.parent span {background: url(../images/submenu-parent-arrow2.png) 95% 50% no-repeat;}
ul.menu li.active.parent a, ul.menu li.active.parent li.active.parent li.active a, ul.menu li.active.parent .separator, ul.menu li.active.parent li.active.parent li.active .separator {color: #D98A3A;}
ul.menu li.active.parent li a, ul.menu li.active.parent li.active.parent li a, ul.menu li.active.parent li .separator, ul.menu li.active.parent li.active.parent li .separator {color: #ccc;}
ul.menu li.active.parent a:hover, ul.menu li.active.parent .separator:hover {color: #fff;}
ul.menu a, ul.menu .separator {color: #ccc;}
ul.menu a:hover, ul.menu .separator:hover {color: #fff;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, a.mainlevel:hover, a.sublevel:hover, ul.menu li.active .separator, ul.menu li.active li.active .separator {color: #D98A3A;}
ul.menu li.active.parent ul li.active.parent a.daddy, ul.menu li.active.parent ul li.active.parent .separator.daddy {color: #D98A3A;}
ul.menu div.split-arrow-open {background: url(../images/submenu-parent-arrow2.png) 65% 50% no-repeat;}
ul.menu div.split-arrow-close {background: url(../images/submenu-parent-arrow.png) 65% 50% no-repeat;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover {color: #333;}

a.readon {background: url(../images/submenu-arrow.png) 0 5px no-repeat;}
a.readon2 {background: url(../images/readon.png) 0 0 no-repeat;color: #ccc;}
a.readon2:hover {color: #fff;}
.pathway-block.top span.pathway {color: #fff;}
.pathway-block.top span.pathway a {color: #999;}
span.pathway {color: #666;}
.fontbutton-text {color: #ccc;}
fieldset {border: none;}
.tool-tip {background: #f6f6f6;border: 1px solid #e6e6e6;}

.module input.button, .moduletable input.button {background: url(../images/readon.png) 0 0 no-repeat;color: #ccc;}
.module input.button:hover, .module input.button:hover {color: #fff;}
#sl_vert .button {background: url(../images/readon.png) 0 0 no-repeat;color: #ccc;}
#sl_vert .button:hover {color: #fff;}
#sl_vert #sl_username, #sl_vert #sl_pass {background: url(../images/input-bg.png) 0 0 no-repeat;}
#sl_vert input#mod_login_username, #sl_vert input#mod_login_password {color: #999;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {background: url(../images/input-bg.png) 0 0 no-repeat;}

blockquote, pre {background: #111;border: 1px solid #222;}
span.number {color: #ccc;}
span.inset-right, span.inset-left {color: #ccc;}
span.dropcap {color: #ccc;}
span.important-title {color: #ccc;}
.important {border: 1px solid #ccc;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {background: #000;}
ul.bullet-1 li {background: url(../images/bullet-1a.png) 0 5px no-repeat;}
ul.bullet-2 li {background: url(../images/bullet-2a.png) 0 5px no-repeat;}
ul.bullet-3 li {background: url(../images/bullet-3a.png) 0 5px no-repeat;}
ul.bullet-4 li {background: url(../images/bullet-4a.png) 0 5px no-repeat;}
ul.bullet-5 li {background: url(../images/bullet-5a.png) 0 5px no-repeat;}
img.demo, img#variation_preview {border: 4px solid #333;}


/* Typography Styles */

ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px;overflow: hidden;margin-left: 5px;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px;margin-bottom: 5px;padding-left: 10px;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px;margin-bottom: 5px;padding-left: 22px;}

ul.bullet-6 li {background: url(../images/typo/bullet-6.png) 0 2px no-repeat;}
ul.bullet-7 li {background: url(../images/typo/bullet-7.png) 0 2px no-repeat;}
ul.bullet-8 li {background: url(../images/typo/bullet-8.png) 0 3px no-repeat;}

pre {padding: 10px;}

blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;}
blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;}
span.attention a, span.notice a, span.alert a, span.download a, span.approved a, span.media a, span.note a, span.cart a, span.camera a, span.doc a {color: #666;}


/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.csc-header .csc-firstHeader, .csc-header h3, .moduletable h3 {
 	color: #ffff00;
	text-shadow: 2px 2px 3px #666;
}
.moduletable {
	overflow: hidden;
}

fieldset legend {
	display: none;
}

fieldset.tx-powermail-pi1_fieldset  {
	background-color: transparent;
	border: 1px solid #ffff00;
	padding: 10px;
}

fieldset.tx-powermail-pi1_fieldset .powermail_text {
	background: url(../images/input-bg.png) no-repeat;
	color: #ffff00;
	border: none;
	height: 20px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_textarea {
	background: url(../images/textarea-bg.png) no-repeat;
	color: #ffff00;
	border: none;
	height: 103px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_select {
	background: url(../images/input-bg.png) no-repeat;
	color: #ffff00;
	border: none;
	height: 22px;
}

/* @end */