/* 
    Document   : style_glmi
    Created on : 28 Aug 2009, 6:02:11 AM
    Author     : Gabriël (Jan) Vermeulen
    Description:
        Colour style for GLMI website based on the Jamba template by
        JoomlaShack.
*/

body {
    /*Removed by Gabriël- background: #333 url(../images/style_glmi/pagetop_bg.png) repeat-x 0px 152px; */
    background-color: #000;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Verdana, "Segoe UI", sans-serif;
    color: #d6d6d6;
    line-height: 129%;
    text-align: justify;
}

/* @group Main template layout overrides */

#main-wrapper {
    margin-top: 0px;
    width: 1002px;
}

.main-wide {
    width: 1004px;
}

/* @end */

/* @group Typography */

/* Link Colors */

a {
    color: #ffffff;
    text-decoration: underline;
}

a:hover {
    color: #c02940;
    text-decoration: underline;
}

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

/* $headerstyle(graphic) */

#header_graphic a img {
    padding-top: 15px; /* Header Text distance from top */

}

/* Total header height */

#header-wrap,#header_text,#header_graphic {
    height: 150px;
}

/* Turn off the custom logo */

#header_text,#header_graphic {
    visibility: hidden;
}

/* Header background color/image */

#header-wrap {
    background: #030303 url(../images/style_glmi/mast_head.jpg) no-repeat center center;
    width: 1002px;
    margin: 0 auto;
}

/* $headerstyle(text) */

#header_text h1, #header_text h1 a {
    color: #fff; /* Header Text Color */
    padding-top:15px ; /* Header Text distance from top */
    font: bold 40px/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /* Header Text Typograhy */
    letter-spacing: -1px;
}
#header_text h2 {
    color: #83b222; /* Slogan Text Color */
    font: italic bold 18px/18px Geneva, Verdana, sans-serif;/* Slogan Text Typograhy */
}

/* Heading Styles */

h1 {
    color: #83b222;
}

h2 {
    color: #fff;
}

h3 {
    color: #b0b0b0;
}

h4 {
    color: #fff;
}

blockquote {
    border: 1px solid #666;
    background-color: #222;
}

/* Footer Style */

.footer {
    color: #6f6f6f;
    background: url("../images/style_glmi/footer_bar.jpg") no-repeat center;
    height: 34px;
}

.footer ul{
    padding-top: 11px;
}

.footer ul li{
    display: inline;
    background: none;
    padding: 0px 0px 0px 25px;
    font-size: 16px;
}

.footer ul li:after{
    padding-left: 30px;
    content: "|";
}

.footer ul li.last:after{
    content: "";
}

/* @end */

/* @group Newsflash Module */

#headermod {
    height: 98px; /* Module Height */
    width: 500px; /* Module Width */
    top:10px; /* Distance from top */
    color: #c4c4c1; /* Text Color */
}
#headermod .contentheading,#headermod a.contentpagetitle,#headermod a {
    color: #83b222;/* Heading/Link Color */
}

#headermod td.contentheading,#headermod .moduletable h3 {
    border-bottom: 1px solid #4a4a4a;/* Content/Module Heading Border */
}

/* @end */

/* @group Joomla! Styles */

/* Category Tables */
th.sectiontableheader,
td.sectiontableheader {
    color: #fff;
    background-color: #c02940;
    font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
}
table tr.sectiontableentry1 td,
table td.sectiontableentry1 {
    background: #1c1c1c;
    padding: 4px;
    border-bottom: 1px solid #262626;
    line-height: 155%;
}
table tr.sectiontableentry2 td,
table td.sectiontableentry2 {
    background: #262626;
    padding: 4px;
    border-bottom: 1px solid #262626;
    line-height: 155%;
}

/* Polls */
table.pollstableborder td.sectiontableentry1 {
    color: #eee;
    background: #3e3e3e;
    padding: 2px;
    border-bottom: 1px solid #5a5a5a;
}
table.pollstableborder td.sectiontableentry2 {
    color: #eee;
    background: #4a4a4a;
    padding: 2px;
    border-bottom: 1px solid #535353;
}
table.pollstableborder td.sectiontableheader {
    padding: 8px;
    color: #fff;
    border: none;
}
table.pollstableborder tr.sectiontableentry1 td {
    border: none;
}
table.pollstableborder tr.sectiontableentry2 td {
    border: none;
}
/* Article Overflow */

div.blog_more {
    border-top: 1px solid #626262;
}

div.blog_more ul li a {
    border-bottom: 1px solid #626262;
}
div.blog_more ul li a:hover {
    border-bottom: 1px solid #626262;
    background-color: #333;
}

/* Mosimages */
div.mosimage {
    border: 1px solid #222;
    background: #333;
}
div.mosimage_caption {
    color: #eee;
    background: #222;
    border-top: 1px solid #494949;
}
/* Content Headings */
a.contentpagetitle {
    color: #fff;
}
a.contentpagetitle:hover {
    color: #000;
}
td.contentheading {
    border-bottom: 1px solid #626262;
    color: #fff;
}
.contentheading {
    color: #ccc;
}
.componentheading {
    color: #fff;
}
a.readon {
    background: url(../images/style_glmi/readon.png) no-repeat left center;
}
span.small,.createdate,.modifydate {
    font: 10px/10px Tahoma, Lucida, Verdana, sans-serif;
    color: #8a8a8a;
}
.pagenav_next a,.pagenav_prev a {
    border: 1px solid #83b222;
    background-color: #262626;
    color: #83b222;
}
div.back_button a {
    border: 1px solid #83b222;
    background-color: #262626;
    color: #83b222;
}
.pagenav_next a:hover,.pagenav_prev a:hover,div.back_button a:hover {
    border: 1px solid #333;
    background-color: #262626;
    color: #fff;
}
table.contenttoc {
    background-color: #f5f2e1;
    border: 1px solid #e8e6d8;
}
table.contenttoc th {
    color: #fff;
    background-color: #1c1c1c;
}

/* Articles */
table.contentpaneopen {
    margin-top: 5px;
}
table table.contentpaneopen td, table table.contentpane td {
    padding-top: 1px;
}
.contentpaneopen img {
    padding-right: 15px;
}

div.main-left-only ol,
div.main-left-only ul,
div.main-right-only ol,
div.main-right-only ul,
div.main-wide ol,
div.main-wide ul,
div.main-both ol,
div.main-both ul {
    margin-left: 0px;
    list-style-position: outside;
}

div.main-left-only ul li,
div.main-right-only ul li,
div.main-wide ul li,
div.main-both ul li{
    padding-left: 45px;
}

table.section-1-article td div {
    padding-right: 15px;
}

/* Background gradient */
table.section-1-article td {
    background: url(../images/style_glmi/bg_gradient.png) no-repeat top right;
}

/* @end */

/* Conditional Styles - Advanced Edits Only Below This Line */

/* @group Style 5 Modules */

/* Default Style */

div.module p {
    padding: 0px;
}

div.module h3,div.moduletable h3 {
    border-bottom: 1px solid #666;
    color: #eee;
    background: url(../images/style_glmi/mod_heading.png) no-repeat left center;
}


/* Module "S1" Text Style */
.moduleS1 {position:relative;margin:0 0 1em;padding:0;background: #000 url(../images/style_glmi/topright_S1.png) top right no-repeat;color: #eee;}
div.moduleS1 div {background: url(../images/style_glmi/topleft_S1.png) top left no-repeat;}
div.moduleS1 div div {background: url(../images/style_glmi/botleft_S1.png) bottom left no-repeat; height:1%;}
div.moduleS1 div div div {background: url(../images/style_glmi/botright_S1.png) bottom right no-repeat;padding:10px;}
div.moduleS1 div div div div {background:none;}


/* Module Heading "S1" Style */
div.moduleS1 h3 {padding: 0;line-height: 100%;height: auto;margin: 0 0 5px 0;font-weight: normal;text-indent: 0px;font-size: 16px;letter-spacing: normal;border-bottom: 1px solid #333;color: #83b222;}


/* Module "S1" Link Color */
div.moduleS1 a {color: #83b222;text-decoration:underline;}
div.moduleS1 a:hover {color: #83b222;text-decoration:none;}



/* Module "S1" List Styles */
div.moduleS1 ul,div.moduleS1 ul.latestnewsS1,div.moduleS1 ul.mostreadS1 {list-style: none;margin: 0px;padding:0px;}div.moduleS1 ul li,div.moduleS1 ul.latestnewsS1 li,div.moduleS1 ul.mostreadS1 li {padding: 0px 0px 0px 10px;margin: 0px;background: url(../images/style_glmi/bullet_S1.gif) no-repeat 0px 5px;white-space: normal;}



/* Module "S2" Text Style */

.moduleS2 {position:relative;margin:0 0 1em;padding:0;background: #83B222 url(../images/style_glmi/topright_S2.png) top right no-repeat;color: #fff;}
div.moduleS2 div {background: url(../images/style_glmi/topleft_S2.png) top left no-repeat;}
div.moduleS2 div div {background: url(../images/style_glmi/botleft_S2.png) bottom left no-repeat; height:1%;}
div.moduleS2 div div div {background: url(../images/style_glmi/botright_S2.png) bottom right no-repeat;padding:10px;}
div.moduleS2 div div div div {background:none;}


/* Module Heading "S2" Style */
div.moduleS2 h3 {padding: 0;line-height: 100%;height: auto;margin: 0 0 5px 0;font-weight: normal;text-indent: 0px;font-size: 16px;letter-spacing: normal;border-bottom: 1px solid #93c825;color: #ffffff;}


/* Module "S2" Link Color */
div.moduleS2 a {color: #fff;text-decoration:underline;}
div.moduleS2 a:hover {color: #fff;text-decoration:none;}


/* Module "S2" List Styles */
div.moduleS2 ul,div.moduleS2 ul.latestnewsS2,div.moduleS2 ul.mostreadS2 {list-style: none;margin: 0px;padding:0px;}
div.moduleS2 ul li,div.moduleS2 ul.latestnewsS2 li,div.moduleS2 ul.mostreadS2 li {padding: 0px 0px 0px 10px;margin: 0px;background: url(../images/style_glmi/bullet_S2.gif) no-repeat 0px 5px;white-space: normal;}


/* Module "S3" Text Style */
.moduleS3 {position:relative;margin:0 0 1em;padding:0;background: #1C1C1C url(../images/style_glmi/topright_S3.png) top right no-repeat;color: #cbcbcb;}
div.moduleS3 div {background: url(../images/style_glmi/topleft_S3.png) top left no-repeat;}
div.moduleS3 div div {background: url(../images/style_glmi/botleft_S3.png) bottom left no-repeat; height:1%;}
div.moduleS3 div div div {background: url(../images/style_glmi/botright_S3.png) bottom right no-repeat;padding:10px;}
div.moduleS3 div div div div {background:none;}


/* Module Heading "S3" Style */
div.moduleS3 h3 {padding: 0;line-height: 100%;height: auto;margin: 0 0 5px 0;font-weight: normal;text-indent: 0px;font-size: 16px;letter-spacing: normal;border-bottom: 1px solid #626262;color: #83b222;}


/* Module "S3" Link Color */
div.moduleS3 a {color: #83b222;text-decoration:underline;}
div.moduleS3 a:hover {color: #83b222;text-decoration:none;}



/* Module "S3" List Styles */
div.moduleS3 ul,div.moduleS3 ul.latestnewsS3,div.moduleS3 ul.mostreadS3 {list-style: none;margin: 0px;padding:0px;}div.moduleS3 ul li,div.moduleS3 ul.latestnewsS3 li,div.moduleS3 ul.mostreadS3 li {padding: 0px 0px 0px 10px;margin: 0px;background: url(../images/style_glmi/bullet_S3.gif) no-repeat 0px 5px;white-space: normal;}

/* @end */

/* @group Structural */

/** No fancy round corners, sucka!
.main-top-both,.main-top-left-only {background: url(../images/style_glmi/top_has_left.png) no-repeat center bottom;}
.main-top-wide,.main-top-right-only {background: url(../images/style_glmi/top_wide.png) no-repeat center bottom;}
#mainbody-both	{background: url(../images/style_glmi/mid_left_right.png) repeat-y center top;}
#mainbody-left-only	{background: url(../images/style_glmi/mid_leftonly.png) repeat-y center top;}
#mainbody-wide,.mainbody-wide,#mainbody-right-only	{background: url(../images/style_glmi/mid_wide.png) repeat-y center top;}

.bottom-both,.bottom-left-only	{background: url(../images/style_glmi/bot_has_left.png) no-repeat center top;}
.bottom-wide,.bottom-right-only	{background: url(../images/style_glmi/bot_wide.png) no-repeat center top;}
**/
.tplcright a {color: #fff;display: block;margin: 4px 0px 2px 5px;text-align: center;background: url(../images/style_glmi/arrowl.png) no-repeat left center;text-indent: -5000em;width: 75px;height: 12px;line-height: 12px;padding: 0px;}
ul.checklist li {background: url(../images/style_glmi/checklist.png) no-repeat left center;}

/* @end */

/* @group Top Menu */

.menubar {
    background: #000 url(../images/style_glmi/nav_horz_divider.jpg) no-repeat bottom center;
    width: 1002px;
    margin: 0 auto;
}
#navmenu {
    /* background: url(../images/style_glmi/navcontainer.png) no-repeat left top; */
    width: 1000px;
}
#navmenu li {
    background: url(../images/style_glmi/nav_norm_l.png) no-repeat bottom left;
    text-transform: uppercase;
    padding-right: 9px;
}
#navmenu li a {
    background: url(../images/style_glmi/nav_norm_r.png) no-repeat bottom right;
    color: #83b222; /* The old colour */
    color: #ffffff;
}
div#navmenu li:hover, div#navmenu li.iehover {
    background: url(../images/style_glmi/nav_hover_l.png) no-repeat bottom left;
}
div#navmenu li:hover a, div#navmenu li.iehover a {
    background: url(../images/style_glmi/nav_hover_r.png) no-repeat bottom right;
    color: #515151; /* The old colour */
    color: #c02940;
}
div#navmenu li.active {
    background: url(../images/style_glmi/nav_active_l.png) no-repeat bottom left;
}
div#navmenu li.active a {
    background: url(../images/style_glmi/nav_active_r.png) no-repeat bottom right;
    color: #FFF;
}

/* Ugly hack to hide search button in browsers other than IE6 */
ul.menu li.item15 {
    visibility: hidden;
    #_visibility: visible; /* :-( I'm sorry */
}

/* @end */

/* @group Left Nav */

#leftcol ul#mainlevel,#rightcol ul#mainlevel,
#leftcol ul#mainlevel-sidenav,#rightcol ul#mainlevel-sidenav {
    list-style: none;
}

#leftcol a.mainlevel,#rightcol a.mainlevel,
#leftcol a.mainlevel-sidenav,#rightcol a.mainlevel-sidenav {
    background: url(../images/style_glmi/leftnav_norm.png) no-repeat left center;
    color: #83b222;
}
#leftcol a.mainlevel:hover,#rightcol a.mainlevel:hover,
#leftcol a.mainlevel-sidenav:hover,#rightcol a.mainlevel-sidenav:hover {
    background: url(../images/style_glmi/leftnav_over.png) no-repeat left center;
    color: #fff;
}
#leftcol a#active_menu.mainlevel,#leftcol a#active_menu.mainlevel:hover,
#rightcol a#active_menu.mainlevel,#rightcol a#active_menu.mainlevel:hover,
#leftcol a#active_menu-sidenav.mainlevel-sidenav,#leftcol a#active_menu-sidenav.mainlevel-sidenav:hover,
#rightcol a#active_menu-sidenav.mainlevel-sidenav,#rightcol a#active_menu.mainlevel-sidenav:hover {
    background: url(../images/style_glmi/leftnav_active.png) no-repeat left center;
    color: #fff;
}
a.sublevel,a.sublevel-sidenav {
    color: #fff;
}
/* @end */

/* @group Top User Areas (used for QuickNav and Section Banners) */

#showcase {
    padding: 0px 5px 10px 0px;
    background: url(../images/style_glmi/nav_horz_divider.jpg) no-repeat bottom center;
}

#user4-container {
    background: url(../images/style_glmi/left_nav_bg.jpg) no-repeat top left;
    font-size: 14px;
    letter-spacing: 3px;
}

#user4-container ul.menu {
    list-style: none;
    margin-left: 10px;
    padding-top: 10px;
}

#user4-container ul.menu li {
    background-image: none;
    padding: 10px 0px 0px 0px;
}

#user4-container .menu a{
    color: #ffffff;
    text-decoration: none;
}

#user4-container .menu a:hover{
    color: #c02940;
    text-decoration: underline;
}

#user5-container {
    text-align: right;
}
/*@end*/

/* @group 3rd party Module-specific: RokAjaxSearch */

#rokajaxsearch {
    float: right;
    padding: 7px 20px 0px 0px;
}

/* @end */