/* blue green specific css */

/* fonts */
h1 {
    color: #9fd42d;
}

h2 {
    color: #004D99;
}

.contentheading {
    color: #004D99;
}

a.readon {
    color: #004182;
    background: url(../images/blue_sienna/content/bullet_arrow.png) no-repeat;
}

a.readon:hover {
    color: #333;
}

span.pathway,
span.pathway a:link,
span.pathway a:visited {
    color: #fff;
}

span.pathway a:hover {
    color: #ccc;
}

span.pathway img {
    background:  url(../images/blue_green/content/bullet_path.png) no-repeat;
}

a:link,
a:visited {
    color: #004182;
}

#usermod a:link,
#usermod a:visited,
#footer a:link,
#footer a:visited {
    color: #fff;
}

a:hover {
    color: #333;
}

div.moduletable-hilite4 a:link,
div.moduletable-hilite4 a:visited,
div.movie-showcase {
    color: #fff;
}

#usermod div.moduletable h3 {
    background: url(../images/blue_green/mod5-head-bg.png) 0 0 repeat-x;
}

body {
        color: #FFF;
}

div.bodybox .componentheading,
div.moduletable-hilite1 h3,
div.moduletable-hilite2 h3,
div.moduletable-hilite3 h3,
div.moduletable-hilite4 h3,
div.moduletable h3,
span.loginsubmit,
span.logoutsubmit,
span.glossbutton,
span.searchtitle {
    color: #fff;
}

/* big menus */

#nav-big ul a {
    color:#fff;
}

#nav-big ul a:hover {
    color: #333;
}

#nav-big li.active_menu a:link,
#nav-big li.active_menu a:visited {
    color: #fff;
}

#nav-big .b0 {
    background: url(../images/blue_green/buttons/button0_off.png);
}

#nav-big li.active_menu .b0 {
    background: url(../images/blue_green/buttons/button0_on.png);
}

#nav-big .b1 {
    background: url(../images/blue_green/buttons/button1_off.png);
}

#nav-big li.active_menu .b1 {
    background: url(../images/blue_green/buttons/button1_on.png);
}

#nav-big .b2 {
    background: url(../images/blue_green/buttons/button2_off.png);
}

#nav-big li.active_menu .b2 {
    background: url(../images/blue_green/buttons/button2_on.png);
}

#nav-big .b3 {
    background: url(../images/blue_green/buttons/button3_off.png);
}

#nav-big li.active_menu .b3 {
    background: url(../images/blue_green/buttons/button3_on.png);
}

#nav-big .b4 {
    background: url(../images/blue_green/buttons/button4_off.png);
}

#nav-big li.active_menu .b4 {
    background: url(../images/blue_green/buttons/button4_on.png);
}

#nav-big .b5 {
    background: url(../images/blue_green/buttons/button5_off.png);
}

#nav-big li.active_menu .b5 {
    background: url(../images/blue_green/buttons/button5_on.png);
}

#nav-big .b6 {
    background: url(../images/blue_green/buttons/button6_off.png);
}

#nav-big li.active_menu .b6 {
    background: url(../images/blue_green/buttons/button6_on.png);
}

#nav-big .b7 {
    background: url(../images/blue_green/buttons/button7_off.png);
}

#nav-big li.active_menu .b7 {
    background: url(../images/blue_green/buttons/button7_on.png);
}

#nav-big .b8 {
    background: url(../images/blue_green/buttons/button8_off.png);
}

#nav-big li.active_menu .b8 {
    background: url(../images/blue_green/buttons/button8_on.png);
}

#nav-big .b9 {
    background: url(../images/blue_green/buttons/button9_off.png);
}

#nav-big li.active_menu .b9 {
    background: url(../images/blue_green/buttons/button9_on.png);
}

#nav-big .b10 {
    background: url(../images/blue_green/buttons/button10_off.png);
}

#nav-big li.active_menu .b10 {
    background: url(../images/blue_green/buttons/button10_on.png);
}

#nav-big .b11 {
    background: url(../images/blue_green/buttons/button11_off.png);
}

#nav-big li.active_menu .b11 {
    background: url(../images/blue_green/buttons/button11_on.png);
}

#nav-big .b12 {
    background: url(../images/blue_green/buttons/button12_off.png);
}

#nav-big li.active_menu .b12 {
    background: url(../images/blue_green/buttons/button12_on.png);
}

#nav-big .b13 {
    background: url(../images/blue_green/buttons/button13_off.png);
}

#nav-big li.active_menu .b13 {
    background: url(../images/blue_green/buttons/button13_on.png);
}

#nav-big .b14 {
    background: url(../images/blue_green/buttons/button14_off.png);
}

#nav-big li.active_menu .b14 {
    background: url(../images/blue_green/buttons/button14_on.png);
}

#nav-big .b15 {
    background: url(../images/blue_green/buttons/button15_off.png);
}

#nav-big li.active_menu .b15 {
    background: url(../images/blue_green/buttons/button15_on.png);
}

#nav-big .b16 {
    background: url(../images/blue_green/buttons/button16_off.png);
}

#nav-big li.active_menu .b16 {
    background: url(../images/blue_green/buttons/button16_on.png);
}

#nav-big .b17 {
    background: url(../images/blue_green/buttons/button17_off.png);
}

#nav-big li.active_menu .b17 {
    background: url(../images/blue_green/buttons/button17_on.png);
}

#nav-big .b18 {
    background: url(../images/blue_green/buttons/button18_off.png);
}

#nav-big li.active_menu .b18 {
    background: url(../images/blue_green/buttons/button18_on.png);
}

#nav-big .b19 {
    background: url(../images/blue_green/buttons/button19_off.png);
}

#nav-big li.active_menu .b19 {
    background: url(../images/blue_green/buttons/button19_on.png);
}

#nav-big .b20 {
    background: url(../images/blue_green/buttons/button20_off.png);
}

#nav-big li.active_menu .b20 {
    background: url(../images/blue_green/buttons/button20_on.png);
}

/* main menu strip */

#nav-main a:link,
#nav-main a:visited {
    color: #fff;
}

#nav-main a:hover {
    color: #333;
}

#nav-main li.active_menu {
    background: url(../images/blue_green/head-menu-active-right.png) 100% 50% no-repeat;
}

#nav-main li.active_menu a:link,
#nav-main li.active_menu a:visited,
#nav-main li.active_menu a:hover {
    background: url(../images/blue_green/head-menu-active-left.png) 0 50% no-repeat;
    color: #fff;
}

/* vertical menu */
div#menu_vert ul.sidenav li {
    background: url(../images/blue_green/menu-icon.png) 0 5px no-repeat;
    border-bottom: 1px solid #81bd2f;
}

div#menu_vert a:link,
div#menu_vert a:visited {
    color: #fff;
}

div#menu_vert a:hover {
    color: #333;
}

div#menu_vert li.active_menu a:link,
div#menu_vert li.active_menu a:visited {
    color:  #333;
}

/* suckerfish menu */

#nav-main li.active {
    background: url(../images/blue_green/head-menu-active-right.png) 100% 50% no-repeat;
}

#nav-main li.active a:link,
#nav-main li.active a:visited,
#nav-main li.active a:hover {
    background: url(../images/blue_green/head-menu-active-left.png) 0 50% no-repeat;
    color: #fff;
}

#nav-main li.active a:hover {
    color: #fff;
}

#nav-main li li {
    border-bottom: 1px solid #529101;
    border-top: 1px solid #7ad301;
}

#nav-main li ul {
    border-top: 1px solid #7ad301;
    border-right: 1px solid #529101;
    border-left: 1px solid #7ad301;
    border-bottom: 1px solid #529101;
}

#nav-main li:hover ul, 
#nav-main li li:hover ul, 
#nav-main li li li:hover ul, 
#nav-main li li li li:hover ul,
#nav-main li.sfhover ul, 
#nav-main li li.sfhover ul, 
#nav-main li li li.sfhover ul,
#nav-main li li li li.sfhover ul{
    background: #66b100;
}

#nav-main ul li li a:hover,
#nav-main ul li li li a:hover,
#nav-main li.active li a:hover,
#nav-main li.active li li a:hover {
    background: #76d001;
}

#nav-main ul li li.active,
#nav-main ul li li li.active {
    background: #529101;
}

/* joomla menus */

a.mainlevel:link,
a.mainlevel:visited {
    background: url(../images/blue_green/menu-icon.png) 0 50% no-repeat;
    border-bottom: 1px solid #81bd2f;
    color: #fff;
}

a.mainlevel:hover {
    color: #333;
}

a#active_menu:link,
a#active_menu:visited {
    color: #333;
}

li.active_menu a:link,
li.active_menu a:visited {
  color: #333;
}


/* access */

a.large .button {
    background: url(../images/blue_green/access-large.png);
}

a.small .button {
    background: url(../images/blue_green/access-small.png);
}

a.default .button {
    background: url(../images/blue_green/access-med.png);
}

/* layout */

#page-bg {
    background: #fff url(../images/blue_green/bg.png) repeat-x;
}

#top-mod {
    background: url(../images/blue_green/top-bg.png) repeat-x;
}

#top-mod .shad-r {
    background: url(../images/blue_green/top-r.png) 100% 0 no-repeat;
}

#top-mod .shad-l {
    background: transparenturl(../images/blue_green/top-l.png) 0 0 no-repeat;
}

/*#header {
    background: url(../images/blue_green/head-bg.png) repeat-x;
} */

/*#header .shad-r {
    background: url(../images/blue_green/head-right.png) 100% 0 no-repeat;
}*/

#header .shad-l {
    background: url(../images/blue_green/head-logo.png) 0 0 no-repeat;
}

#header #nav-main {
    background:  url(../images/blue_green/head-menu-bg.png) repeat-x;
}

#header #nav-main .shad-l {
    background: url(../images/blue_green/head-menu-left.png) 0 0 no-repeat;
}

#mainbody {
    background: #4974f3 /*url(../images/blue_green/body-shadow-r.png) 100% 0 repeat-y;*/
}

/*#mainbody .shad-1 {
    background: transparent url(../images/blue_green/body-shadow-l.png) 0 0 repeat-y;
} 

#mainbody .shad-2 {
    background: transparent url(../images/blue_green/body-shadow-tr.png) 100% 0 no-repeat;
}

#mainbody .shad-3 {
    background: transparent url(../images/blue_green/body-shadow-tl.png) 0 0 no-repeat;
}

#mainbody .shad-4 {
    background: transparent url(../images/blue_green/body-shadow-br.png) 100% 100% no-repeat;
}

#mainbody .shad-5 {
    background: transparent url(../images/blue_green/body-shadow-bl.png) 0 100% no-repeat;
}*/

#body-bottom {
    background: url(../images/blue_green/body-shadow-f.png) repeat-x;
}

#body-bottom .shad-r {
    background: /*url(../images/blue_green/body-shadow-fr.png) 100% 0 no-repeat;*/
}

#body-bottom .shad-l {
    background:/* url(../images/blue_green/body-shadow-fl.png) 0 0 no-repeat;*/
}

#footer-mods {
    background: url(../images/blue_green/usermod-bg.png) repeat-x;
}

#footer-mods {
    background: transparent url(../images/blue_green/footer-shadow-r.png) 100% 0 repeat-y;
}

#footer-mods .shad-1 {
    background: transparent url(../images/blue_green/footer-shadow-l.png) 0 0 repeat-y;
}

#footer-mods .shad-2 {
    background: transparent url(../images/blue_green/footer-shadow-tr.png) 100% 0 no-repeat;
}

#footer-mods .shad-3 {
    background: transparent url(../images/blue_green/footer-shadow-tl.png) 0 0 no-repeat;
}

#footer-mods .shad-4 {
    background: transparent url(../images/blue_green/footer-shadow-br.png) 100% 100% no-repeat;
}

#footer-mods .shad-5 {
    background: transparent url(../images/blue_green/footer-shadow-bl.png) 0 100% no-repeat;
}

#usermod {
    background: #666666 url(../images/blue_green/usermod-bg.png) repeat-x;
    border-bottom: 1px solid #363636;
}

#footer {
    background: #004182 url(../images/blue_green/footer-bg.png) repeat-x;
    border-top: 1px solid #236be0;
    color: #ccc;
}

#footer-bottom {
    background: url(../images/blue_green/footer-shadow-f.png) repeat-x;
}

#footer-bottom .shad-r {
    background: url(../images/blue_green/footer-shadow-fr.png) 100% 0 no-repeat;
}

#footer-bottom .shad-l {
    background: url(../images/blue_green/footer-shadow-fl.png) 0 0 no-repeat;
}

table.usermodules td.modbg {
    border-left: 7px solid #004182;
}

table.usermodules.bottom td.modbg {
    padding-left: 7px;
    border:0;
}

/* modules */

div.bodybox,
div.moduletable,
div.moduletable-hilite1,
div.moduletable-hilite2,
div.moduletable-hilite3,
div.moduletable-hilite4 {
    color: #eee;
}

td.modbg div.moduletable,
td.right div.moduletable,
div.moduletable-hilite2,
div.moduletable-hilite3 {
    color: #333;
}

div.bodybox {
    color: #333;
}

td.left div.moduletable,
div.moduletable-hilite1 {
    background: #60a800 url(../images/blue_green/mod1-foot.png) 0 100% repeat-x;
}

td.left div.moduletable h3,
div.moduletable-hilite1 h3 {
    background: url(../images/blue_green/mod1-head-bg.png) 0 0 repeat-x;
}

td.right div.moduletable,
div.moduletable-hilite3 {
    background: #60a800 url(../images/blue_green/mod1-foot.png) 0 100% repeat-x;
}

td.right div.moduletable h3,
div.moduletable-hilite3 h3{
    background: url(../images/blue_green/mod1-head-bg.png) 0 0 repeat-x;
}

div.bodybox {
    background: #fff url(../images/blue_green/mod2-foot.png) 0 100% repeat-x;
}

div.bodybox div.bodyhead{
    background: url(../images/blue_green/mod2-head-bg.png) 0 0 repeat-x;
}

td.middle div.moduletable,
div.moduletable-hilite2 {
    background: #fff url(../images/blue_green/mod2-foot.png) 0 100% repeat-x;
}

td.middle div.moduletable h3,
div.moduletable-hilite2 h3{
    background: url(../images/blue_green/mod2-head-bg.png) 0 0 repeat-x;
}

div.moduletable-hilite4  {
    background: #005bb9 url(../images/blue_green/mod4-foot.png) 0 100% repeat-x;
}

div.moduletable-hilite4 h3 {
    background: url(../images/blue_green/mod4-head-bg.png) 0 0 repeat-x;
}

#usermod div.moduletable h3 {
    background: url(../images/blue_green/mod5-head-bg.png) 0 0 repeat-x;
}

/*************************************************
 * SOLUTION FOR SAME-HEIGHT MIDDLE MODULES
 *
 * solution to get the middle modules to lineup  
 * if you want same height modules in the middle 
 * uncomment these next two entries 
 *************************************************/

/*
td.modbg {
    background: #fff url(../images/blue_green/mod2-foot.png) 0 100% repeat-x;
}

td.middle div.moduletable {
    background: transparent;
}
*/

/* END SOLUTION */

#search input.inputbox {
    background: #fff url(../images/blue_green/search-icon.png) 100% 50% no-repeat;
    border: 1px solid #666;
}

/* content styles */
span.notice {
    background: #ffd url(../images/blue_green/content/notice_icon.png) 0 50% no-repeat;
    color: #333;
    border: 1px solid #ddb;
}

span.question {
    background: url(../images/blue_green/content/question_icon.png) 0 50% no-repeat;
}

span.download {
    background: url(../images/blue_green/content/down_icon.png) 0 50% no-repeat;
}

span.contact {
    background: url(../images/blue_green/content/contact_icon.png) 0 50% no-repeat;
}

span.tip {
    background: url(../images/blue_green/content/tip_icon.png) 0 50% no-repeat;
}

blockquote {
    color: #fff;
    background: #9fd42d url(../images/blue_green/content/quote_corner.png) 0 0 no-repeat;
}

pre {
    background: #f6f6f6;
    border-top: 5px solid #ddd;
    border-bottom: 5px solid #ddd;  
}

ul li {
    background: url(../images/blue_green/content/bullet_small.png) 0 2px no-repeat;
}

ul.arrow li {
    background: url(../images/blue_green/content/bullet_arrow.png) 0 2px no-repeat;
}

/* tabber */
div.moduletable-tabs {
    background: url(../images/blue_green/content/tabber_bg.png) no-repeat;
}

ul.tabbernav li a:link {
    color: #fff;
}

ul.tabbernav li a:visited {
    color: #fff;
}

ul.tabbernav li a:hover {
    color: #eee;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {
    background: url(../images/blue_green/content/tab_bg.png) repeat-x top;
    border-bottom: none;
    border-right: 1px solid #4B8101;
    border-left: 1px solid #4B8101;
}

ul.tabbernav li.tabberactive a:hover {
    color: #fff;
}

.tabberlive .tabbertab {
    background: #fff url(../images/blue_green/content/tcontent_bg.png) repeat-x top;
}

/* sliders */
.jw_slidetitle {
    background: url(../images/blue_green/content/tabber_bg.png) no-repeat;
}

.jw_st_cont {
    color: #fff;
}

/* Parent box of slide down content */
.jw_slide {
    background-color: #fff;
}

/* Content that slides down */
.jw_slidecontent {
    background: url(../images/blue_green/content/tcontent_bg.png) repeat-x;
}

/* login form */
#top-mod a:link,
#top-mod a:visited {
    color: #fff;
}

#top-mod div.moduletable h3 {
    color: #999;
    
}

#top-mod form {
    color: #999;
}

#top-mod div.loginelement input {
    background: #434343;
    border: 1px solid #222;
    color: #ccc;
}

span.loginsubmit,
span.logoutsubmit,
span.glossbutton {
    color: #fff;
    background: url(../images/blue_green/login-button-r.png) 100% 0 no-repeat;
}

span.loginsubmit span,
span.logoutsubmit span,
span.glossbutton span {
    background: url(../images/blue_green/login-button-l.png) 0 0 no-repeat;
}

/* slimbox */
img.album {
    border: 3px solid #ddd;
}

#rocket {
    background: url(../images/blue_green/footer-rocket.png) 50% 0 no-repeat;
}

.highlight {
  background-color: #ffc;
}

.small,
.modifydate,
.createdate {
    color: #95cf2a;
}

.movie-showcase {
    color: #eee;
    background: #333;
}