/* Style 12 */

body {
color: #333;
background: #fff;
}

abak,
h3bak {
color: #27ACCA;
}
a,
h3 {
color: #218CB3;
}



.rok-content-rotator h2 a.active {
color: #000 !important;
}

.contentheading {
background: url(../images/style2/content-head-bg.png) 0 3px no-repeat;
color: #218CB3;
}

#page-bg {
background: url(../images/style12/page-bg.jpg) 50% -85px repeat-x;
}

#header {
background: url(../images/light/header-bg.png) 50% 0 repeat-x;
}

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

#topmod {
background: url(../images/light/login-pane.png) 0 -50px no-repeat;
}

#toplinks a.mainlevel {
color: #444;
}

#toplinks a:hover {
color: #000;
}



.rok-content-rotator .arrow {
background: url(../images/light/rotator-arrow.png) 0 0 no-repeat;
}

.rok-content-rotator {
background: #666;
}

#showcase {
background: url(../images/light/showcase-bg.png) 0 0;
color: #fff;
}

#showcase a {
color: #000;
}

#showcase .module h3 {
color: #000;
}

#showcase .module h3 span {
color: #fff;
}

#featured .module a {
color: #218CB3;
}

#featured-bottom {
background: url(../images/light/featured-bl.png) 0 100% no-repeat;
}

#featured-bottom2 {
background: url(../images/light/featured-br.png) 100% 100% no-repeat;
}

#featured .module h3,
.module-scroller h3 {
color: #218CB3;
}

#main-content-bar {
background: url(../images/light/main-content-bar.png) 0 0 repeat-x;
}

div.maincol-indicator {
background: url(../images/light/maincol-indicator.png) 0 0 no-repeat;
}

td.maincol {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}

td.rightcol,
td.leftcol {
background: #e0e0e0;
color: #333;
}

.footer2 {
background: url(../images/light/footer-bl.png) 0 100% no-repeat;
}

.footer3 {
background: url(../images/light/footer-br.png) 100% 100% no-repeat;
}

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

td.rightcol .module h3,
td.leftcol .module h3,
td.rightcol .module-menu h3,
td.leftcol .module-menu h3,
td.rightcol .module_menu h3,
td.leftcol .module_menu h3 {
background: url(../images/light/sidemodule-h3.png) 0 0 no-repeat;
color: #999;
}

td.rightcol .module h3 span,
td.leftcol .module h3 span,
td.rightcol .module-menu h3 span,
td.leftcol .module-menu h3 span,
td.rightcol .module-red h3 span,
td.leftcol .module-red h3 span,
td.rightcol .module-blue h3 span,
td.leftcol .module-blue h3 span,
td.rightcol .module-black h3 span,
td.leftcol .module-black h3 span,
td.rightcol .module-green h3 span,
td.leftcol .module-green h3 span,
td.rightcol .module-orange h3 span,
td.leftcol .module-orange h3 span {
color: #333;
}

td.rightcol .module a,
td.leftcol .module a {
color: #218CB3;
}

td.rightcol .module-red h3,
td.leftcol .module-red h3 {
background: url(../images/light/sidemodule-red.png) 0 0 no-repeat;
color: #DBB8B8;
}

td.rightcol .module-blue h3,
td.leftcol .module-blue h3 {
background: url(../images/light/sidemodule-blue.png) 0 0 no-repeat;
color: #BAD5DF;
}

td.rightcol .module-black h3,
td.leftcol .module-black h3 {
background: url(../images/light/sidemodule-black.png) 0 0 no-repeat;
color: #bebebe;
}

td.rightcol .module-green h3,
td.leftcol .module-green h3 {
background: url(../images/light/sidemodule-green.png) 0 0 no-repeat;
color: #D0DAB3;
}

td.rightcol .module-orange h3,
td.leftcol .module-orange h3 {
background: url(../images/light/sidemodule-orange.png) 0 0 no-repeat;
color: #ECD3B3;
}

td.rightcol .module-red h3 span,
td.leftcol .module-red h3 span,
td.rightcol .module-blue h3 span,
td.leftcol .module-blue h3 span,
td.rightcol .module-black h3 span,
td.leftcol .module-black h3 span,
td.rightcol .module-green h3 span,
td.leftcol .module-green h3 span,
td.rightcol .module-orange h3 span,
td.leftcol .module-orange h3 span {
color: #fff;
}

#horiz-menu {
background: url(../images/style12/horiz-menu-l.png) 0 0 no-repeat;
}

#horiz-menu2BAK {
background: url(../images/style12/horiz-menu-r.png) 100% 0 no-repeat;
}

#horiz-menu a,
#horiz-menu li.active a {
color: #666;
}

#horiz-menu li.active a {
background: url(../images/style12/horiz-menu-active.png) 50% 0 no-repeat;
color: #000;
}

#horiz-menu li a:hover {
color: #000;
}

div.menuslide {
background: url(../images/style12/horiz-menu-hover.png) 50% 0 no-repeat;
width: 65px;
height: 19px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
color: #218CB3;
}

#main-content a.mainlevel {
color: #333;
background: url(../images/light/menu-arrow.png) 4px 7px no-repeat;
}

#main-content a#active_menu.mainlevel {
background: url(../images/style12/menu-arrow-active.png) 4px 7px no-repeat;
color: #218CB3;
}

#main-content a.mainlevel:hover {
color: #218CB3;
}

#main-content a.sublevel {
color: #333;
}

#main-content a.sublevel:hover {
color: #218CB3;
}

#main-content a#active_menu.sublevel {
color: #218CB3;
}

ul.menu a {
color: #333;
background: url(../images/light/menu-arrow.png) 4px 7px no-repeat;
}

ul.menu ul li a,
ul.menu li.active.parent ul li a,
ul.menu li.active.parent ul li.parent a.daddy,
ul.menu li.active.parent ul li.active.parent ul li a {
color: #ccc;
}

ul.menu a:hover,
ul.menu li.active a,
ul.menu li.active.parent a.daddy,
ul.menu li.active.parent ul li a:hover,
ul.menu li.active.parent ul li.parent a.daddy:hover,
ul.menu li.active.parent ul li.active.parent ul li a:hover,
ul.menu li.active.parent ul li.active.parent a.daddy,
ul.menu li.active.parent ul li.active a,
ul.menu li.active.parent ul li.active.parent ul li.active a {
color: #218CB3;
}

ul.menu li.active a,
ul.menu li.active a.daddy {
background: url(../images/style12/menu-arrow-active.png) 4px 7px no-repeat;
}

ul.menu ul {
background: #303030 url(../images/light/sidemenu-bgtop.png) 15px 0 no-repeat;
}

a.readon {
background: url(../images/style12/readon.png) 0 0 no-repeat;
color: #fff;
}

blockquote.color2,
.important-title2,
span.number-color,
span.dropcap-color {
color: #218CB3;
}

blockquote.color3,
.important-title3,
span.number-color2,
span.dropcap-color2 {
color: #218CB3;
}

.important2 {
border: 1px solid #218CB3;
}

.important3 {
border: 1px solid #218CB3;
}

a.large .button {
background: url(../images/light/font-lg.png) 0 0 no-repeat;
}

a.small .button {
background: url(../images/light/font-sm.png) 0 0 no-repeat;
}

a.default .button {
background: url(../images/light/font-d.png) 0 0 no-repeat;
}

div.content-bar-text {
color: #000;
}

div.content-bar-text2 {
color: #000;
}

span.color2 {
color: #fff;
}

span.color3 {
color: #fff;
}

span.rotator-demo-header {
color: #218CB3;
}