/* CSS Document */

html {
    margin: 0;
    padding: 0;
}

html,body {
    height: 100%;
}

body {
    background: #474747 url(../images/bg.gif) top left repeat-x;
    color: #232323;
    margin:5px 0px 0px 0px;
    padding: 0px;
    font-size:76%;
    font-family: Arial, Helvetica, sans-serif;
}

h3{
    text-transform:uppercase;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-align:center;
    margin:0px;
    padding-bottom:5px;
    font-size:1.2em;
    }
    
ul{
    margin:0px;
    padding:0px;
    list-style:none;
    }

ul li{
    background:url(../images/arrow.gif) 0 7px no-repeat;
    margin-left:24px !important;
    margin-left:18px;
    padding-left:15px;
    }
    
a{
    color:#000000;
}

a:hover{
    color:#ffffff;
    }

form{
margin:0;
padding:0;
}

td{text-align:left;}

td div{text-align:left;}


/*joomla core stuff */

table.contentpaneopen td.contentheading, table.contentpane td.contentheading {
    text-align: left;
    font-size: 1.2em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    padding: 0em 0em 0.3em 1.6em;
    margin: 0em 0em 0.2em 0em;
    background: #FFFFFF url(../images/blue.png) 0px 0px no-repeat;
}

.dn-date{
    font-size:0.9em;
    }
    
.dn-each{
    margin-bottom:10px;
    }

#wrapper .l {
    color:white;
    text-decoration:none;
    }

/* TEMPLATE LAYOUT CSS */

#wrapper {
    width: 760px;
    background:none;
}

#header{
    float:left;
    width:760px;
    display:block;
}

    
    #topmenu{
        float:right;
        display: block;
        text-align:right;
        font-size:0.9em;
    }
    
#container{
    float:left;
    width:760px;
}

    #left_outer{
        float:left;
        width:205px;
    }
    
    #left_inner{
        float:left;
        background-color:#272727;
        color:#fff;
        width:205px;
        text-align:left;
        }

    #left_inner .latestnews a {color:white;}

/*  top menu */

ul#mainlevel-nav li
{
    float: left;
    white-space: nowrap;
    border-right: 1px solid #474747;
    background-image:none;
    margin:0px !important;
    padding:0px;
}

a.mainlevel-nav
{
    display: block;
    padding-left:10px;
    padding-right: 10px;
    margin:0px;
    text-decoration: underline;
    color: #aedce6;
}


a.mainlevel-nav:hover
{
    color: #474747;
}


        
/* main menu */
.moduletable{
text-align:left;
}
#mainmenu .moduletable td{
padding:2px 0px 0px 10px;
}
a.mainlevel{
    display:block;
    color:#dfdfdf;
    height:31px;
    font-weight:bold;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    padding:6px 0px 0px 25px;
    background:url(../images/bigarrow_blue.gif) 10px 8px no-repeat;
    }
    
a.mainlevel{
    width:179px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:154px;
    }

html>body #green_inner { width: 154px; }

a.mainlevel:hover, a.mainlevel#active_menu{
    display:block;
    background:url(../images/link_bg.gif) 0 0 no-repeat;
    color:#151414;
    padding-left:31px;
    }
    
a.mainlevel:hover, a.mainlevel#active_menu{
    width:179px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:148px;}
    
html>body #green_inner { width: 148px; }

a.sublevel:link, a.sublevel:visited {
    display: block;
    margin-left:20px;
    padding:0px 0px 4px 10px;
    color:#dcdcdc;
    background:url(../images/arrow.gif) 0 6px no-repeat;
}

a.sublevel:hover {
    display:block;
    color:#20a3bf;
}


/*-- green box --*/
    #green_outer{
    float:left;
    margin:10px 0px 0px 10px !important;
    margin-left:5px;
    width:179px;
    background-color:#272727;
    }
    
    #green_inner{
    float:left;
    height:auto;
    background:#272727 url(../images/greenbg_m.gif) top left no-repeat;
    color:#ffffff;
    margin:0px;
    padding:0px 10px 0px 10px;
    }
    
    #green_inner{
    width:179px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:159px;
    }
    
    html>body #green_inner { width: 159px; }
    
    #green_inner h3{
    color:#ffffff;
    background:url(../images/greenline.png) left bottom repeat-x;
    }
    
    #green_inner form{
    padding:4px;
    margin:0px;
    }
    
    #green_inner #mod_login_username, #green_inner #mod_login_password {
    background-color:#272727;
    color:#ffffff;
    border:#b9f68b 1px solid;
    }   
    
    #green_inner .button {
    background-color:#272727;
    color:#ffffff;
    border:#b9f68b 1px solid;
    }
    
    #green_inner a{
    color:#2d580d;
    }
    #green_inner a:hover{
    color:#000000;
    }
    
    #green_top{
    float:left;
    
    width:179px;
    height:23px;
    }
    
    #green_bottom{
    float:left;
    
    width:179px;
    height:13px;
    }
    
    #left{
    float:left;
    padding:0px 15px 0px 15px;
    margin-top:10px;
    margin-left:10px !important;
    margin-left:5px;
    }
    
    #left .moduletable{
    padding-bottom:10px;
    }

    #left h3{
    color:#63bf20;
    background:url(../images/blackline.png) left bottom repeat-x;
    margin-bottom:8px;
    }

    #left a {
    color:#FFFFFF;
    }
    
    #left_top{
    float:left;
    background:url(../images/leftbg_tr.gif) top right no-repeat;
    width:205px;
    height:28px;
    }
    
    #left_tl{
    float:left;
    width:177px;
    height:28px;
    background-color:#272727;
     }
    
    #left_br{
    float:right;
    width:177px;
    height:28px;
    background-color:#272727;
    }
    
    #left_bottom{
    float:left;
    background: url(../images/leftbg_bl.gif) top left no-repeat;
    width:205px;
    height:28px;
    }
    
/*main area*/
#mainarea{
    float:right;
    width:553px;
}


#mainbody_outer{
    float:left;
    width:553px;
    display:block;
}
#mainbody_inner{
    min-height:250px;
    float:left;
    display:block;
    width:553px;
    background-color:#ffffff;
}

#mainbody_top{
    float:left;
    width:553px; 
    height:28px;
    background:url(../images/mainbodybg_tr.gif) top right no-repeat;
}

/*for the corners */
.tl{
    float:left;
    width:525px;
    height:28px;
    background-color:#FFFFFF;}

.br{
    float:right;
    width:525px;
    height:28px;
    background-color:#FFFFFF;
    }

#mainbody_bottom{
    float:left;
    width:553px;
    height:28px;
    background:url(../images/rightbg_bl.gif) top left no-repeat;
}

/* pathway */

#pathway_text img {
    margin-left: 5px;
    margin-right: 5px;
} /* for the arrow image */

#pathway_text {
    float: left;
    overflow: hidden;
    display: block;
    height: 26px;
    line-height: 25px !important;
    line-height: 22px;
    padding: 10px 0px 10px 20px;
    text-align: left;
}

#pathway_text  { 
    width: 350px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 320px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #pathway_text { width: 320px; }

#pathway_text a{
    color:#20a3bf;
    }
    
#pathway_text a:hover{
    color:#0e0e0e;
    }

#resizer{
    float:right;
    width:205px;
    }
    
/* main content */
    
#main_content{
    float:left;
    display:block;
    padding:0px 20px 0px 20px;
    text-align:left;
    line-height:1.6em;
}

#main_content p {color:#000;}

#main_content{
    width:553px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 513px;
} 

  /* CSS1 UAs should see and use 2nd width */

html>body #main_content{width: 513px; }

#main_content a{
    color:#000000;
}

#main_content a:hover{
    color:#333333;
}

/* mainarea center */

#mainarea_center{
    float:left;
    display:block;
    width:553px;
    margin-top:20px;
    margin-bottom:20px;
    }
#mainarea_center h3{
    text-align:left;
    color:#20a3bf;
    width:215px;
    padding:0px 8px 8px 0px;
    border-bottom:#20a3bf solid 6px;
}
#mainarea_center .moduletable{
    float:left;
    color:#f5f5f5;
    width:250px;
    margin-left:20px !important;
    margin-left:10px;
}
#mainarea_center ul{
    list-style-type:none;
    font-style:italic;
    margin-top:10px;
    font-size:1.1em;
}

#mainarea_center li{
    margin:0px !important;
    padding-left:8px !important;
    line-height:1.8em;
    background:url(../images/arrow.gif) 0 8px no-repeat;
}

#mainarea_center a{
    color:#000000;
}
#mainarea_center a:hover{
    color:#20a3bf;
}

/*main area bottom*/
#user2_outer{
    float:left;
    display:block;
    width:553px;
    margin-top:8px;
}

#user2_inner{
    float:left;
    display:block;
    width:553px;
    background-color:#ffffff;
    }

#user2_inner a:hover{
    color:#333333;
    }
    
#user2_inner h3{
    text-align:left;
    padding:0px 0px 8px 25px;
    background:url(../images/green.png) 0px 0px no-repeat;
}
#user2_inner .moduletable{
    float:left;
    width:250px;
    margin-left:20px !important;
    margin-left:10px;
}

#user2_top{
    float:left;
    height:28px;
    width:553px;    
    background: url(../images/rightbg_tr.gif) top right no-repeat;
}

#user2_bottom{
    float:left;
    height:28px;
    width:553px;
    background:url(../images/rightbg_bl.gif) top left no-repeat;
}
/*footer*/

#footer { 
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: center;
    float:left;
    margin-top: 2px;
    color: #656565;
    padding:10px 0px 10px 0px;
    width:760px;
}
.contentpaneopen a{ color:#000000}
.left_outer{color:#FFFFFF}