/* CSS Document */

body
{
    padding: 11px 0 14px 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    
}
div, h1, h2, p, form, label, input, textarea, img, span
{
    margin: 0;
    padding: 0;
}

ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}
.spacer
{
    clear: both;
    font-size: 0;
    line-height: 0;
}
/*------------------------------------------------body--------------------*/
#submenucontainer
{
    z-index: 1;
    width: 981px;
    top: 52px;
   position: relative;
    margin: 0 auto;
    overflow: visible;
        
}
#submenucont2
{
    z-index: 1;
    background-color: #222222;
    width: 90%;
    position: relative;
    margin: 0 auto;
    overflow: visible;
    opacity:.85;
    filter:alpha(opacity=85);
    
}

/*------------------------------------------------header--------------------*/
#header
{
    background: url(images/bannert.jpg) 0 0  repeat-x;
    width: 981px;
    height: 274px;
    position: relative;
    margin: 0 auto;
   
 
   
}
#header ul
{
    background: url(images/nav_bar.gif) 0 0 no-repeat;
    width: 847px;
    height: 29px;
    position: absolute;
    left: 2px;
    top: 0px;
    padding: 0 0 0 72px;
}
#header ul li
{
    background: url(images/nav_div.gif) right top no-repeat;
    height: 27px;
    float: left;
    padding: 0 1px 0 0;
}
#header ul li a
{
    display: block;
    background: url(images/nav_bg.gif) 0 0 repeat-x;
    padding: 0 14px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    color: #344A04;
    background-color: inherit;
    text-decoration: none;
}
#header ul li a:hover
{
    color: #fff;
    background-color: inherit;
    cursor: pointer;
}

.hoverMenu
{
    display: block;
    background: url(images/nav_hover.gif) 0 0 repeat-x;
    color: #fff;
    padding: 0 14px;
    font: bold 11px/27px Arial, Helvetica, sans-serif;
    background-color: inherit;
    text-decoration: none;
    cursor: pointer;
} 

#header ul li.last
{
    background-image: none;
    height: 27px;
    float: left;
}

#header img.logo
{
    position: absolute;
    left: 40px;
    top: 50px;
    width: 900px;
    height: 116px;
}

#header img.icon
{
    position: absolute;
    left: 60px;
    top: 190px;
    width: 174px;
    height: 80px;
}
/*---------------------------------------------------*/
#ticker-area
{
    font: normal 18px/23px Arial, Helvetica, sans-serif;
    color: #E8E8E8;
    background-color: inherit;
    position: absolute;
    left: 435px;
    top: 193px;
    width: 498px;
}
/*------------------------------------------------------*/
.topText
{
    font: normal 18px/23px Arial, Helvetica, sans-serif;
    color: #E8E8E8;
    background-color: inherit;
    position: absolute;
    left: 285px;
    top: 203px;
    width: 588px;
}

#header p.topText span.smallTxt
{
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    color: #FF9C3A;
    background-color: inherit;
    padding: 0 0 0 8px;
}
#header a.readMore
{
    display: block;
    background: url(images/read_more.html) 0 0 no-repeat;
    width: 50px;
    height: 38px;
    position: absolute;
    left: 895px;
    top: 203px;
}
#header a.readMore:hover
{
    background: url(images/read_more_hover.html) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body
{
    width: 980px;
    padding: 5px 1px 13px 2px;
    margin: 0 auto;
}
/*------------------------------------------------left--------------------*/
#left
{
    width: 269px;
    float: left;
}
.leftbox
{
    width: 236px;
    background: url(images/lft_box_bg.gif) 0 0 repeat-x #EAEADA;
    border: #222 solid 7px;
    margin: 0 0 4px 0;
    padding: 5px 10px 6px 9px;
    color: #111;
}

.leftbox p.boxTxt
{
    float: right;
    padding: 0 0 0 5px;
    border-left: #F9F9F1 solid 2px;
    font: normal 11px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 224px;
}
.leftbox p.boxTxt span
{
    font: normal 19px/17px Arial, Helvetica, sans-serif;
    color: #D76E08;
    background-color: inherit;
    padding: 0 0 0 25px;
    margin: 0 0 10px 0; /*background: url(images/one.gif) 0 0 no-repeat;*/
    height: 17px;
    display: block;
}


/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right
{
    width: 646px;
    float: right;
    min-height: 500px;
    background-color:#fff;
    border: #222 solid 7px;
    padding: 10px;
    text-align: justify;
}


/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom
{
    width: 940px;
    background: url(images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
    color: #fff;
    padding: 10px 13px 10px 18px;
    border: #222 solid 7px;
    border-bottom-style:hidden;
    margin: 0 auto;
}
#forum_latest
{
    width: 180px;
    float: left;
    margin: 0 20px 0 0;
}
#forum_latest h2
{
    display: block;
    background: url(images/arrow_red.gif) 0 0 no-repeat;
    padding: 0 0 0 25px;
    font: bold 22px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    margin: 0 0 17px 0;
}
#service
{
    width: 740px;
    float: left;
    text-align: center;
    margin-right: 0px;
}


.quick_links
{
    margin: auto 15px auto 15px;
    text-align: left;
    float: left;
}
.quick_links ul
{
    width: 120px;
    float: left;
}
#event_links li
{
    margin: auto 10px auto 10px;
}


#event_links
{
    width: 530px;
}
#event_links h3
{
    width: 520px;
}
#misc_links
{
    width: 120px;
}
#service h2
{
    width: 120px;
    display: block;
    float: none;
    text-align: center;
    background: url(images/arrow_red.gif) 0 0 no-repeat;
    padding: 0 0 0 24px;
    font: bold 22px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    margin: 0 0 0px 0;
}
#service h3
{
    display: block;
    background: url(images/date_bg.gif) 0 0 no-repeat;
    height: 17px;
    padding: 0 0 0 11px;
    margin: 0 0 14px 0;
    font: bold 11px/17px Arial, Helvetica, sans-serif;
    color: #974D04;
    background-color: inherit;
    text-transform: uppercase;
}
#service ul
{
    padding: 0;
    margin: 10px 10px 0px 10px;
    display: block;
}
#service ul li
{
    display: block;
    height: 20px;
    line-height: 0;
}
#service ul li a
{
    display: block;
    background: url(images/arrow_white.gif) 0 7px no-repeat;
    padding: 0 0 0 10px;
    font: normal 11px/20px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
    background-color: inherit;
    text-decoration: underline;
    height: 20px;
}
#service ul li a:hover
{
    color: #974D04;
    background: url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
    text-decoration: none;
    cursor: pointer;
}
#member
{
    width: 225px;
    float: right;
}

.divlogin
{
    font-size: small;
    width: 235px;
    background: url(images/member_form_bg.gif) 0 0 repeat-x #353535;
    padding: 5px;
    color: #fff;
}
.divlogintitle
{
    background: url(images/member_login_bg.gif) 0 0 no-repeat;
    width: 205px;
    height: 31px;
    padding: 0 0 0 20px;
    font: bold 16px/31px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    background-color: inherit;
}
.loginbtn
{
    cursor: pointer;
    float: right;
    margin: 4px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer
{
    width: 970px;
    height: 80px;
    margin: 0 auto;
    background: url(images/footer_bg.gif) 0 0 repeat-x #323232;
    color: #fff;
    border: #222 solid 7px;
    border-top-style:hidden;
    position: relative;
}
#footer ul
{
    width: 587px;
    position: absolute;
    left: 11px;
    top: 27px;
}
#footer ul li
{
    float: left;
    color: #D4D4C6;
    background-color: inherit;
    font: normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a
{
    color: #D4D4C6;
    background-color: inherit;
    font: normal 11px/19px Arial, Helvetica, sans-serif;
    padding: 0 7px;
    text-decoration: none;
}
#footer ul li a:hover
{
    color: #D4D4C6;
    background-color: #D76E08;
    cursor: pointer;
}
#footer p.copyright
{
    font: normal 11px/19px Arial, Helvetica, sans-serif;
    color: #D76E08;
    background-color: inherit;
    position: absolute;
    left: 19px;
    top: 49px;
}
#footer a.subscribe
{
    background: url(images/subscribe_icon.gif) 0 2px no-repeat;
    font: normal 11px/12px Arial, Helvetica, sans-serif;
    color: #B9B99D;
    background-color: inherit;
    position: absolute;
    left: 19px;
    top: 68px;
    text-decoration: underline;
    width: 50px;
    padding: 0 0 0 18px;
}
#footer a.subscribe:hover
{
    color: #9CCC37;
    background-color: inherit;
    text-decoration: none;
}
#footer a.xht
{
    width: 98px;
    height: 20px;
    background: url(images/xhtml_bg.gif) 0 0 no-repeat;
    position: absolute;
    left: 757px;
    top: 23px;
}
#footer a.xht:hover
{
    background: url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs
{
    width: 98px;
    height: 20px;
    background: url(images/css_bg.gif) 0 0 no-repeat;
    position: absolute;
    left: 866px;
    top: 23px;
}
#footer a.cs:hover
{
    background: url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer img
{
    position: absolute;
    left: 880px;
    top: 51px;
    width: 84px;
    height: 26px;
}
#footer p.design
{
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    color: #C5BE25;
    background-color: inherit;
    position: absolute;
    left: 739px;
    top: 24px;
    width: 226px;
}
#footer p.design a
{
    color: #FFFFFF;
    background-color: inherit;
    text-decoration: none;
}
#footer p.design a:hover
{
    color: #C5BE25;
    background-color: inherit;
}
/*------------------------------------------------footer--------------------*/


.popupControl
{
    background-color: White;
    position: absolute;
    visibility: hidden;
}
.modalBackground
{
    background-color: Gray; /* filter: alpha(opacity=70); */
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    color: Blue;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    overflow: hidden;
}
.modelpopuphandle
{
    cursor: move;
    display: block;
    color: Black;
    background-color: Gray;
    padding: 5px;
    border: solid 1px black;
    height: 25px;
    margin: 2px;
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.Carousel
{
    /* so that in IE 6, the carousel div doesnt expand to fill the space */
    position: absolute;
    margin-left: 50px;
    top: 176px;
    height: 100px;
}
#Carousel ul, #Carousel ul li
{
    height: 100px;
}
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/