body {
    text-align: center; /* required for centering the page in IE */
    margin: 0px;
    padding: 0px;
    background-image: url(../images/cp_bg.png);
    background-repeat: repeat-x;
    font-family: Arial, sans-serif;
    font-size: 12px;
        list-style-type: none;
    color: #CCCCCC;
    line-height:20px;
    background-color: #222222;
}
h1, h2, h3, h4, p, ul, li {
    margin: 0px;
        list-style-type: none;
    padding: 1px;
        padding-bottom:3px;
        padding-left: 1px;
    font: 12px Arial,sans-serif;
    }

h1,h2,h3,.componentheading, .contentheading{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #7096B6;}
h2{font-size:160%}
h3{font-size:120%}
html, body {
  
height: 100%;
width: 100%;
}   



a:link ,  a:visited{
    text-decoration: NONE;
    color: #FFFFFF;
        list-style-type: none;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
        color: #7096B6;
            font-weight: bold;
list-style-type: none;

}

#wrapper {
position:static;
    width: 1024px;
    margin: 0 auto; /* centering the page */
    text-align: left;


    }
#header {
position:static;
    height: 80px;
    background-image:url(../images/head.png)
    }

#Menu{
position:static;

background-image:url(../images/menu.png);
    width: 1024px;
    height:28px;
        list-style-type: none;
}

#container {
    background-image:url(../images/body.png);
    background-repeat: repeat-y;


    }
#innerContainer {

        margin-right: 12px;
    margin-left: 12px;
        width: auto;
    height:100%;
}
#FlashHeadpiece {

background-color:#333333;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #333333;
    border-left-color: #CCCCCC;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;

}
#left{
    float: left;
    width: 166px;
    position:relative;


    }
#leftInner{

        font: 90% Arial,sans-serif;
    padding-left: 3px;
}

#right{
    float: right;
    width: 166px;

    }
#rightInner{

        font: 90% Arial,sans-serif;
    padding-left: 3px;

}

.latestnews, .mostread, .popular{
    font: 12px Arial,sans-serif;
list-style-type:none;
padding-left: 1px;
padding-right: 0px;
}
li.mostread, li.latestnews{
    padding-bottom:3px;

}

li.mostread a:link, li.latestnews a:link{
    padding-left: 0px;

}
li.mostread a:hover, li.latestnews a:hover{
    background-image: url(../images/starbullet-hover.png);
    background-repeat: no-repeat;
    background-position: left 2px;

}
#content {
    width: 647px;
    float:left;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;



    }
    #content p {
        line-height:20px;
    font: 12px;

    }
    #content ul{

    list-style-type: none;

    }
    
    #content li{
                line-height:20px;
                    font-size: 12px;
                            padding-left:14px;
        background-image: url(../images/bluearrowbullet.png);
    background-repeat: no-repeat;
    background-position: left 4px;

    }

#clear {
    height: 0px;
    clear:both;

    }
    .clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#footer {
    height: 50px;
    clear:both;
    padding-left:0px;
    text-align:center;
    background-image:url(../images/footer_OLD.png);
    background-position: left 0px;
  }
    
#footer2 {
    height: 150px;
    clear:both;
    padding-left:0px;
    text-align:center;
    background-image:url(../images/footer.png);
    background-position: left 0px;
  }
        
        /*Horizontal Nav*/
        
#nav {
    float: right;


}
ul#nav,ul#nav li{
    list-style-type:none;
    vertical-align: middle;
    margin:0;

}
ul#nav{
    position:static;
    vertical-align: middle;
    margin-right: 250px;
    font-size: 12px;


}
ul#nav li{
    float:left;
    margin-right: 1px;
    font-size: 12px;
    text-align: center;
    display: inline;
    vertical-align: middle;

}
ul#nav a{
    float:left;

    height: 26px;
    line-height: 26px;
    text-decoration:none;   
    color: #FFF;
    font-weight: bold;
    padding-left:15px;
    padding-right:15px;
    

}
ul#nav a:hover {
    color: #fff;
    background-repeat: repeat-x;
    background-position: 0px;
    background-image: url(../images/buttonhover.png);
    background-color: #3399CC;
    }
    





ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-image: url(../images/buttonhover.png);   background-color: #3399CC;}

#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff;background-image: url(../images/buttonhover.png);   background-color: #3399CC;}







    
    /*Vertical Nav*/
    
    
#mainlevel {
  width: 160px;
  list-style-type: none;
  text-indent: 0px;
  list-style: none;
 }

#mainlevel ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
        list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    
    
}


ul#mainlevel a
{
display: block;
list-style-type: none;
padding: 3px;
width: 160px;
background-color: #999999;

border-bottom: 1px solid #333333;
}

ul#mainlevel a:link,  ul#mainlevel a:visited
{
    color: #FFF;
    text-decoration: none;
        list-style-type: none;
    font-weight: bold;
        background-image:url(../images/vertnavbutton.png);
background-repeat:repeat-x;

}

ul#mainlevel a:hover
{
background-color: #66B5FF;
color: #fff;
background-image:none;
        background-image:url(../images/vertnavbutton-hover.png);
background-repeat:repeat-x;

}
ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu
{
background-image:none;
list-style-type: none;
background-color: #66B5FF;;
color: #fff;
        background-image:url(../images/vertnavbutton-hover.png);
background-repeat:repeat-x;

}
/* default */

.adminform {
}
.article_seperator {
}
.back_button {
}
.blog {
}
.blog_more {
}
.blogsection {
}
.button {
}
.buttonheading {
}
.category {
}
.clip {
}
.componentheading {

    font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color: #7096B6;
    padding-top: 5px;
    padding-bottom:10px;

}
.contact_email {
}
.content_rating {
}
.content_vote {
}
.contentdescription {
}
.contentheading {
    font-family: "Trebuchet MS".Tahoma, Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color: #7096B6;
    padding-bottom:10px;
}
.contentpagetitle {
}
.contentpane {
}
.contentpaneopen {
}
.contenttoc {
}
.createdate {
}
.dtree {
}
.dTreeNode {
}
.editlinktip {
}
.expander {
}
.highlight {
}
.inputbox {
}
.item {
}
.message {
}
.message {
}
.modifydate {
}
.module {
}
#leftInner .moduletable {
padding-bottom:3px;
}
#rightInner .moduletable {
padding-bottom:3px;
}
.mosimage {
}
.mosimage_caption {
}
.mostread {
}
.newsfeed {
}
.node {
}
.pagenav {
}
.pagenav_next {
}
.pagenav_prev {
}
.pagenavbar {
}
.pagenavcounter {
}
.paramlist {
}
.pathway {
}
.poll {
}
.pollstableborder {
}
.profiler {
}
.readon {
}
.row1 {
}
.row2 {
}
.search {
padding-top:10px;
padding-bottom:5px;
}
.searchintro {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontablefooter {
}
.sectiontableheader {
}
.small {
}
.smalldark {
}
.syndicate {
}
.syndicate_text {
}
.tab {
}
.tabclass1 {
}
.tabclass2 {
}
.tab-page {
}
.text_area {
}
.toclink {
}
.toolbar {
}
.tooltip {
}
.wrapper {
}
h3 {
    font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #7096B6;
    padding-top: 5px;
    padding-bottom:5px;
}
h2 {
    font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color: #7096B6;
    padding-top: 5px;
    padding-bottom:5px;
}
#mod_login_password, #mod_login_username, #mod_search_searchword {

width:145px;
    color: #FFF;
}
form {

    margin: 0;

    padding: 0;

}



input, select {

    font: 12px "Lucida Grande",  Arial,sans-serif;

}



select, .inputbox {

    padding: 2px;

}



textarea {

    padding-left: 2px;

}



.button {

    border: 1px solid #2F2F2F;

    padding: 1px 10px!important;

    padding: 1px 5px;

    background: url(../images/button-bg.gif) repeat-x top #333;

    color: #FFFFFF;

}

.button:hover  {
    background: url(../images/button-bg.gif) repeat-x top #66B5FF;





    color: #fff;
}

.button:active, .button:focus {

    border: 1px solid #222222;

}



.inputbox {

    border: 1px solid #3F3F3F;
    background: #2F2F2F;
    color: #FFFFFF;

    }
    

#left .inputbox {
        
}
.inputbox:hover, .inputbox:focus {

    border: 1px solid #606060;

}
fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px;     font: 11px Arial,sans-serif;    text-align:center;
vertical-align:top;}
fieldset.js_loginflat .inputbox {width:145px; }
fieldset.js_loginflat legend {display:none}
.moduletableflat {text-align:center;vertical-align:top;}

.bearright {top:25px; right:15px; position:absolute;}



.line {

    color: #CCCCCC;

}

/* LEX code */
#colorfield-border {
    float:left;
    position:relative;
    top:158px;
    left:138px;

}
#colorfield-link {
    float:left;
    position:relative;
    top:180px;
    left:76px;



}
#bear {
    background-image: url(../images/website-design-by-joomlabear.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 46px;
    width: 1024px;
}
a.divlink, a.divlink:link, a.divlink:visited  {


    display:block;






    width:100%; /*width needs to be specified to work in IE*/
    height:100%; /*height needs to be specified to work in IE*/
    /*Other browsers expand the link to full width and height.*/
line-height:0px;
    font-size:0px;
    color: #222222;
}