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

/* 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 */

html {height: 100%;margin-bottom: 1px;}

body {margin: 0;font-family: Arial;font-size: 80%;line-height: 135%;}

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: 14px;}

body#ff-georgia, body#ff-georgia.f-default {font-size: 14px;}

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

/* @end */

/* @group Joomla Elements */



.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 {padding-top: 12px;padding-bottom: 10px;}

#header-bar-bottom {height: 6px;}

img#logo {width: 315px;height: 78px;float: left;}

.logo-module {width: 315px;height: 78px;float: left;overflow: hidden;}



#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: 55px;float: left;}

#showcase-top2 {width: 25px;height: 55px;float: right;}

#showcase-top3 {height: 55px;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 25px;}



#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: 19px;float: right;padding: 2px 0;}

#searchmod .inputbox {background: none;width: 218px;line-height: 100%;margin-left: 30px;border: 0;padding-top: 2px;}



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



.col-bottom {width: 8px;float: left;height: 10px;}

.col-bottom2 {width: 8px;float: right;height: 10px;}

.col-bottom3 {height: 10px;margin: 0 8px 0 8px;padding-bottom: 10px;}

.col-bottom3.tab {margin-bottom: 10px;}



#bottom {margin-top: 10px;}

#bottom-shadow {height: 25px;position: relative;z-index: 2;}

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



.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 {text-align: center;padding: 10px 10px 10px 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: relative;}

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



/* Menu Dropdowns */



#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a, #horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {background: none;border: 0;padding: 0;margin: 0;}

#horiz-menu li li a, #horiz-menu li li .separator {font-size: 100%;font-weight: normal;background: none;padding: 0;margin: 0;}

#horiz-menu li li, #horiz-menu li li a span, #horiz-menu li li .separator span {background: none;padding: 0;margin: 0;}

#horiz-menu li li a span, #horiz-menu li li .separator span {padding: 0;}

#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 {text-indent: 15px;}

#horiz-menu ul ul {padding-bottom: 5px;}



/* Top Menu */



#topmenu-mod ul#mainlevel-top {padding: 12px 0 0 0;margin: 0 auto;height: 60px;}

#topmenu-mod #mainlevel-top ul {list-style: none;margin: 0;padding: 0;}

#topmenu-mod #mainlevel-top li {display: block;float: left;margin: 0;padding: 0;}

#topmenu-mod #mainlevel-top li.last {border-right: none;}

#topmenu-mod #mainlevel-top li.last a {margin-right: 0;}

#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel {white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;text-decoration: none;padding: 0 8px;margin: 0 10px;}

#topmenu-mod .banner-big {text-transform: uppercase;padding: 0;margin:0;display: block; text-transform: uppercase;font-size: 180%;line-height: 130%;}

#topmenu-mod .banner-small {padding: 0 0 8px 0;margin:0;display: block; font-style: italic; font-size: 120%;}

#topmenu-mod a#active_menu-top.mainlevel-top span.banner-small {background: url(../images/topmenu-arrow.png) 50% 100% no-repeat;}



/* 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 */



a.readon {margin-top: 16px;padding: 0;display: block;font-size: 100%;text-indent: 12px;}

a.readon2 {width: 54px;height: 18px;display: block;margin-top: 16px;text-transform: uppercase;line-height: 18px;font-size: 10px;text-align: center;padding: 0;}

a.readon2:hover {text-decoration: none;background-position: 0 -18px;}

#showcasemodules input.button {background: url(../images/showcase-input.png) 0 0 no-repeat;width: 51px;height: 18px;}

#showcasemodules input.button:hover {text-decoration: none;background-position: 0 -18px;}

.pathway-block.top {float: left;width: 65%;}

.pathway-block.top span.pathway {padding-left: 0;}

.pathway-block {width: 100%;display: block;}

span.pathway {display: block;font-weight: normal;line-height: 140%;overflow: hidden;text-transform: uppercase;padding-top: 14px;padding-bottom: 6px;padding-left: 8px;}

span.pathway img {padding-right: 1px;width: 5px;height: 9px;}

span.pathway a {float: none;padding: 0 2px 0 0;}

#accessibility {width: 55px;height: 12px;position: absolute;right: 0;top: 4px;z-index: 5000;}

#accessibility span {background-repeat: no-repeat;}

#accessibility a {text-decoration: none; cursor: pointer;}

#accessibility #buttons {float: right;padding-right: 8px;}

#accessibility .button {display: block;float: right;width: 11px;height: 11px;margin-right: 4px;}

.fontbutton-text {position: absolute;right: 50px;top: 2px;text-transform: uppercase;font-size: 90%;font-weight: bold;}

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



/* 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: 24px;display: block;border: 0;width: 170px;}

.module input.button, .moduletable input.button {border: 0;width: 54px;height: 18px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;line-height: 18px;padding: 0;font-size: 10px;}

.module input.button:hover, .moduletable input.button:hover {background-position: 0 -18px;}

#sl_vert #sl_username, #sl_vert #sl_pass {height: 24px;display: block;margin-bottom: 8px;}

#sl_vert #sl_username input, #sl_vert #sl_pass input {background: none;border: 0;width: 160px;height: 14px;padding: 5px;line-height: 100%;}

#sl_vert .button {border: 0;width: 54px;height: 18px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;line-height: 100%;padding: 0;}

#sl_vert .button:hover {background-position: 0 -18px;}



/* Tabbed Modules */



#moduleslider-size {overflow: hidden;padding: 0;}

.moduleslider-padding {padding: 0 20px;}

#tabmodules .module h3 {background: none;margin: 0;text-align: left;}

#tabmodules {overflow: hidden;}

#tabmodules div {padding: 0;margin: 0;}

#tabmodules li span {line-height: 30px;padding: 0;}

#rokslide-toolbar span {white-space: nowrap;}

#rokslide-toolbar {margin: 0;padding: 0;height: 33px;padding: 0;}

#rokslide-toolbar li {height: 30px;font-size: 130%;margin: 0 8px;padding: 0 6px;}

#rokslide-toolbar li.current {height: 30px;}

#rokslide-toolbar li.current.first {height: 30px;}

#rokslide-toolbar li.current span {height: 33px;}

#frame {text-align: left;}

#frame .module, #frame .module-hilite1, #frame .module-hilite2, #frame .module-hilite3 {float: left;padding: 10px;}

#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite1, #frame .mmpr-1 .module-hilite2, #frame .mmpr-1 .module-hilite3 {width: auto;}

#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite1, #frame .mmpr-2 .module-hilite2, #frame .mmpr-2 .module-hilite3 {width: 45%;}

#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite1, #frame .mmpr-3 .module-hilite2, #frame .mmpr-3 .module-hilite3 {width: 30%;}

#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite1, #frame .mmpr-4 .module-hilite2, #frame .mmpr-4 .module-hilite3 {width: 21%;}

#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite1, #frame .mmpr-5 .module-hilite2, #frame .mmpr-5 .module-hilite3 {width: 16%;}

#leftcol #frame div div, #rightcol #frame div div, #rightcol2 #frame div div {width: auto;}



/* RokContentRotator */



.rotator-module {padding: 0;margin: 0; position: relative;z-index: 5;overflow: hidden;}

.rotator-module .module {padding: 10px;margin: 0;overflow: hidden;}

.rok-content-rotator .arrow {height:28px;position: absolute;right: 10px;width:228px;top: 0;}

.rok-content-rotator {margin: 0;position: relative;z-index: 5;}

.rok-content-rotator h2 {font-size: 130%;line-height: 30px;text-indent: 0;padding: 0;margin: 0 7px;z-index: 1;outline: none;}

.rotator-module .rok-content-rotator h2 a {display: block;z-index: 3;position: absolute;width: 250px;outline: none;margin: 0;text-indent: 0;}

.rotator-module .rok-content-rotator h2 a.active {font-weight: normal;font-size: 100%;text-indent: 0;}

.rotator-module .rok-content-rotator h2 a:hover, .rotator-module .rok-content-rotator h2 a:hover.active {text-decoration: none;}

.rok-content-rotator-link {height: 30px;}

.rok-content-rotator ul {padding: 0;float: right;margin: 0;width: 235px;text-indent: 0;}

.rok-content-rotator li {list-style: none;padding: 0;margin-left: 1px;height: 30px;}

.rotator-module .rok-content-rotator .content {position: absolute;left: 0;top: 0;margin-right: 270px;padding: 10px 0 15px 20px;visibility: hidden;font-size: 120%;line-height: 140%;overflow: hidden;}

.rok-content-rotator a.readon {text-decoration: none;line-height: 0;cursor:pointer;background: none;text-indent: 0;}



/* RokNewsflash */



#newsflash{position:relative;line-height: 130%;padding-top: 3px;}

#newsflash ul{margin:0 0 0 128px;list-style:none;padding:0;}

#newsflash li{padding-bottom:100px;}

#newsflash .readon{clear:none;display:inline;float:none;height:auto;width:auto;line-height:100%;font-size:100%;margin:0;padding:0;background:none;}

#newsflash .flashing{display:block;position:absolute;left:48px;font-weight:bold;text-transform: uppercase;font-size: 90%;}

#newsflash .controls img{cursor:pointer;height:13px;margin-right:3px;width:16px;}

#newsflash .control-prev{background-position:0 0;}

#newsflash .control-prev:hover {background-position: 0 -13px;}

#newsflash .control-next{background-position:0 -26px;}

#newsflash .control-next:hover {background-position: 0 -39px;}

#newsflash .controls{position:absolute;left:5px;}





/* @group Demo Content */



/* Frontpage Poll */



#bottom .poll div, #bottom .poll table {float:left;}



/* Roknewsflash tutorial */

.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}

.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}

.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}

.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}

.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}

.rokmod-demo-block .demo-span1 {font-weight: bold;}



.variation-chooser {position:relative;}

.variation-chooser .controls {height: 25px;}

.variation-chooser .control-prev, .variation-chooser .control-next{cursor:pointer;height:16px;margin-right:3px;width:16px;float: left;margin-top:1px;}

.variation-chooser .control-prev{background-position:0 0;margin-right: 0.5em;}

.variation-chooser .control-prev:hover {background-position: 0 -16px;}

.variation-chooser .control-next{background-position:0 -32px;margin-left: 0.5em;}

.variation-chooser .control-next:hover {background-position: 0 -48px;}

.variation-chooser .controls{position:absolute;left:5px;}



/* Captcha Styles */

#captchaouter1 {padding-top: 10px; padding-bottom: 10px; margin-left: 30%;}

#captchatitle1 {padding-bottom: 5px;}

#captchalegend1 {padding-bottom: 5px;}

#captchaimage1 {padding: 10px; border: 2px inset #999;}

#captcha1 {padding-top: 5px;}



 /* Featured Section */

.feature-block {overflow: hidden;position: relative;padding: 15px;}

.feature-block .image-container {float: left;margin-right: 15px;}

.feature-block .rokstories-spinner {background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%}

.feature-block .image-container .image-full {position:relative;overflow: hidden;}

.feature-block .image-container .image-full img {position:absolute;top: 0;left: 0;visibility: hidden;}

.feature-block .image-container .image-small img {cursor: pointer;}

.feature-block .desc-container {overflow: hidden;position: relative;}

.feature-block .desc-container .description {position: absolute;top: 0; left: 0;visibility: hidden;}

.feature-block img.feature-main {display: block;}

.feature-block img.feature-sub {margin: 9px 9px 0 0;}

.feature-block .feature-title {display: block;font-weight: bold;font-size: 160%;line-height: 130%;margin-bottom: 10px;}

.feature-block .feature-desc {font-size: 120%;line-height: 130%;color: #999;}

.feature-block .moduletable h3 {font-weight: bold;font-size: 180%;}

.feature-block .readon {display: block;margin: 15px 0;font-weight: bold;}

/* Typography */
.readon-wrap1 {margin-top: 15px;position:relative;float:left;}
.readon-wrap1 span {display:block;height: 24px;line-height: 24px;}
a.readon {font-weight: bold;}
a.readon-main {font-size: 12px;cursor: pointer;}
a.readon-main:hover {text-decoration: none;}
.readon1-l {position:absolute;width: 7px;height: 24px;left:0;top:0;}
.readon1-m {margin-left: 7px;text-align: center;padding-left:2px;}
.readon1-r {margin-right: -7px;padding-right: 10px;}

/* @end */

#body-bg {
background-attachment:scroll;
}

/* body style 1 */
#header-bar {background: url(../images/header-bar.png) 0 0 repeat-x;}
#header-bar-bottom {background: url(../images/header-bar-bottom.png) 0 0 repeat-x;}
img#logo {background: url(../images/logo.png) 0 0 no-repeat;}
#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-middle.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;}
.rok-content-rotator .arrow {background: url(../images/rotator-active.png) 0 0 no-repeat;}

/* style10 */



body {color: #999;background: #000;}

a {color: #D98A3A;}

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/bg.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: #D98A3A;}

#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: #000 url(../images/col-bgtop.png) 0 0 repeat-x;border-top: 1px solid #2e2e2e;border-left: 1px solid #2e2e2e;border-right: 1px solid #2e2e2e;}

.col-bottom {background: url(../images/col-bl.png) 0 0 repeat-x;}

.col-bottom2 {background: url(../images/col-br.png) 100% 0 no-repeat;}

.col-bottom3 {background: url(../images/col-bm.png) 0 0 repeat-x;}

#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: #fff;}

#horiz-menu a, #horiz-menu .separator {color: #fff;}

#horiz-menu li a, #horiz-menu li .separator {color: #bbb;}

#horiz-menu li.active a, #horiz-menu li.active .separator {color: #fff;border-bottom: 1px solid #fff;}

#horiz-menu li a:hover, #horiz-menu li .separator:hover {color: #fff;}

#horiz-menu.splitmenu li a:hover, #horiz-menu.splitmenu li .separator:hover {border-bottom: 1px solid #fff;}

.menutop .animated-bg {border-bottom:1px solid #FFFFFF;}

.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: #666;}

#bottom-menu #mainlevel-bottom a:hover, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {color: #fff;border-bottom: 1px solid #fff;}



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-bottom: 1px solid #ddd;}

.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; font-size:12px;}

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; color:#999; padding-right: 2px;}

input#mod_login_username.inputbox:focus, input#mod_login_password.inputbox:focus, input#modlgn_username.inputbox:focus, input#modlgn_passwd.inputbox:focus  {
	color: #999999;
}

.inputbox {
	color: #000;
}

#rokslide-toolbar {color: #D98A3A;background: url(../images/tabber-div.png) 0 100% repeat-x;}

#rokslide-toolbar li.current, #rokslide-toolbar li:hover {color: #fff;border-bottom: 1px solid #fff;}

.rotator-module .rok-content-rotator h2 a {color: #ccc;}

.rotator-module .rok-content-rotator h2 a.active {color: #fff;}

.rotator-module .rok-content-rotator h2 a:hover, .rotator-module .rok-content-rotator h2 a:hover.active {color: #fff;}

#newsflash .flashing{color: #999;}

#newsflash .controls img{background-image: url(../images/news-scroller-controls.png);}

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/typo/bullet-1a.png) 0 5px no-repeat;}

ul.bullet-2 li {background: url(../../images/typo/bullet-2a.png) 0 5px no-repeat;}

ul.bullet-3 li {background: url(../../images/typo/bullet-3a.png) 0 5px no-repeat;}

ul.bullet-4 li {background: url(../../images/typo/bullet-4a.png) 0 5px no-repeat;}

ul.bullet-5 li {background: url(../../images/typo/bullet-5a.png) 0 5px no-repeat;}

img.demo, img#variation_preview {border: 4px solid #333;}

/* From Main */
div.wrapper { margin: 0 auto; width: 962px;padding:0;}
	#body-bg {background-attachment:scroll;}
	#leftcol { width:215px;padding:0;}
	#rightcol { width:200px;padding:0;}
	#maincol { margin-left:225px;margin-right:0px;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;}
	


/* Embedded older CSS */
/*
a{
color: #283853;
text-decoration: none
}
a:visited{
color: #283853;
text-decoration: none
}
a:hover{
color: #d5edf3;
text-decoration: none
}
a:active{
color: #f7f7f7;
text-decoration: none
}
ul{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px
}
li{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px
}
p{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px
}
td{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px
}
tr{font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px
}
select    {color: #51485f; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px}
input     {color: #51485f; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px}
textarea  {color: #51485f; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px}
option    {color: #51485f; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px}
form      {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px}
.loginforma{
color: #ffffff;
border-width: 1;
border-color: #000000;
background-image: url(<?php echo"$url[curtheme]"; ?>/images/loginforma.gif)
}
.loginformb{
color: #ffffff;
border-width: 1;
border-color: #000000;
background-image: url(<?php echo"$url[curtheme]"; ?>/images/loginforma.gif)
}
.loginformc{
border-width: 0;
border-color: #000000;
width:34px; 
height:19px;
background-image: url(<?php echo"$url[curtheme]"; ?>/images/loginformc.gif)
}

.catfont{
color: #989898;
}
.altcolor{
background: #7c889d;
}
.altcolora{
background: #aeb6c3;
}
.altcolorb{
background: #b0bdd2;
}
.altcolorc{
background: #e9e9e9;
}
*/

/* All table formatting */

.snips-table1 {
	margin-left:auto;
	margin-right:auto;
}

.table-row-bg {
}

.game-table4, .teamdb-table1, .admin-settings-table1, .matchdb-table1, .playersdb-table1, .ladderdb-table1, .game-table3, .staff-table1, .staff-table6, .staff-table4, .rules-table1, .home-table1, .home-table2, .playerhome-table1, .ladder-table1, .ladder-table2, .playerhome-table4, .playerhome-table5, .teams-table1, .teams-table3, .teams-table4, .teams-table5, .teams-table6, .players-table1, .players-table6, .players-table7, .showmatch-table1, .showmatch-table1c, .showmatch-table1b, .showmatch-table2 {
	border-collapse:collapse;
	text-align:center;
	width: 100%;
	margin:auto;
}
.game-table4 td, .teamdb-table1 td, .matchdb-table1 td, .playersdb-table1 td, .ladderdb-table1 td, .staff-table6 td, .staff-table4 td, .ladder-table2 td, .teams-table3 td, .teams-table4 td, .teams-table5 td, .teams-table6 td, .players-table6 td, .players-table7 td, .showmatch-table1 td {
	padding: 3px 7px 2px;
	border: 1px solid #666;
}
.admin-settings-table1 tr {
	padding: 3px 7px 2px;
	border: 1px solid #666;
}
.game-table1 {
	margin:auto;
	width:98%;
}

acronym {
	border:none;
}

.player-highlight {
	color: #399BC9;
	font-weight:bolder;
}

.teams-table2 {
	width: auto;
}

.showmatch-table1a td {
	border:none;
}