@import url("menu.css");

body
{
    margin: 0;
    padding: 0;
    background: #00a0e4 url('images/bodybg.jpg') bottom repeat-x;
    font-family: Arial, Helvetica, Sans-Serif;    
}

/* demiliterized zone */

div
{
    margin: 0;
    padding: 0;
}

img
{
    border: none;
}

.clear
{
    clear: both;
}

/* container */
#container
{
    width: 1000px !important;
    min-height: 1000px;
    background: #00a0e4 url('images/containerbg.jpg') right bottom no-repeat;        
}

#wrapper
{
    width: 894px;    
    min-height: 1000px;
    background-color: #FFF;
    float: left;
    border-right: solid 1px #b3c2c8;    
}

#wrapperbg
{
    width: 100px;
    height: 600px;
    min-height: 600px;
    background: url('images/wrapper_bg.png') -5px top no-repeat;
    float: right; 
}

/* Main Element */

#header
{
    border-bottom: solid 4px #ff8f00;
    height: 110px;
}

#menu
{
    height: 70px;
    background: transparent url('images/menubg.jpg') no-repeat top;
}

#ticker_container
{
    height: 55px;
    margin: 0 20px;
}

#content
{
    min-height: 750px;
    margin: 0 20px 10px 20px;
}

#footer
{
    height: 42px;
    background: #bac80a url('images/footerbg.jpg') no-repeat;
    padding: 20px 0 0 20px;
}

/* Sub Element */

#logo
{
    margin: 10px 0 0 25px;
    float: left;
}

#shortmenu
{
    float: right;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #7a7a7a;
    padding: 33px 15px 0 0;
    text-align: right;
    
}

#shortmenu a
{
    color: #7a7a7a;
    text-decoration: none;
    
}

#contentpanel
{
    float: left;
    width: 532px;
}

#rightpanel
{
    float: right;
    width: 300px;
}

/* tab navigation */

#c_menu_tab
{
    width: 300px;
    background-color: #fff;
}

#c_menu_tab ul
{
    display: inline;
    padding: 0;
    margin: 0;
}

#c_menu_tab ul li
{
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
}

#c_menu_tab ul li a
{
    display: block;
    padding: 4px 0 0 25px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    color: #545454;
    background: url('./images/tablink_off.gif') no-repeat;
    width: 75px;
    height: 16px;
}

#c_menu_tab ul li a:hover
{
    color: #fff;
    background: url('./images/tablink_hover.gif') no-repeat;
}

#c_menu_tab ul li a.active
{
    color: #fff;
    background: url('./images/tablink_on.gif') no-repeat;
}

#c_menu_container
{
    width: 300px;
    min-height: 200px;
    background: #595959 url('./images/menu_right_b.gif') bottom no-repeat;
}

#c_menu_container .download
{
    font-size: 11px;
    height: 14px;
    padding: 5px 0 10px 20px;
}

#c_menu_container .download .icon
{
    float: left;
    width: 14px;
}

#c_menu_container .download .caption a
{
    color: #fff;
    float: left;
    margin: auto 10px;
    text-decoration: none;
}

.c_menu_header
{
    background-color: #00a0e4;
    padding: 10px 10px;
    color: #fff;
    border-bottom: 2px solid #505050;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

/* box */

.c_menu
{
    width: 300px;
    height: 60px;
    background: url('./images/menu_right.gif') center top no-repeat;
    margin: auto auto;
    clear: both;
}
.c_menu .icon
{
    float: left;
    width: 35px;
    padding: 16px 0 0 16px;
}

.c_menu .right
{
    float: left;
    margin: 7px 0 0 15px;
    width: 230px;
}

.c_menu .link
{
    color: #595959;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
}

.c_menu .link a
{
    color: #595959;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
}

.c_menu .link2
{
    color: #595959;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 0 0;
}

.c_menu .link2 a
{
    color: #595959;
    text-decoration: none;
}


.c_menu .caption
{
    color: #00a0e4;
    font-size: 10px;
}

.c_menu_show
{
    display: block;
}

.c_menu_hide
{
    display: none;
}

/* Footer Copyright & Links */

#f_copy
{
    font-size: 11px;
    color: #005274;
}

#f_menu, #f_menu a
{
    font-size: 11px;
    color: #FFF;
}


/* Search Box */

#search_box
{
    height: 21px;
    width: 300px;
    margin-top: 5px;
}

#search_box .corner
{
    background: #fff url('./images/search_corner.gif') top left no-repeat;
    height: 21px;
    width: 6px;
    float: left;
}

#search_box .button
{
    float: right;
    width: 46px;
    background: url('./images/search_btn.gif');
    height: 21px;
}

#search_box .keyword
{
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    height: 19px; /* margin: 0 46px 0 6px; */
    padding: 1px 25px 0 5px;
    background: #f8f8f8 url('./images/search_drop.gif') 99% center no-repeat;
    width: 218px;
    float: left;
}

#search_box .searchtext
{
    background-color: #f8f8f8;
    font-size: 11px;
    border: 0;
    width: 203px;
    float: left;
}

#search_box .keyword .textbox
{
    border: 0;
    height: 15px;
}
/* news */

.newsitem
{
    padding: 10px;
    border-bottom: 1px dashed #595959;
    font-size: 11px;
    background: url('./images/newsitem_bg.png') right bottom no-repeat;
}
.newsitem .dead
{
    border-bottom: none;
}
.newsitem .title
{
    color: #00a0e4;
    font-weight: bold;
}
.newsitem .content a
{
    text-decoration: none;
    color: #595959;
}

.newsitem .content a:hover
{
    text-decoration: underline;
}

/* main box */

div.box_main
{
    width: 532px;
}
div.box_main .box_header
{
    width: 532px;
}
div.box_main .box_header .box_tl
{
    width: 10px;
    height: 34px;
    background: url('./images/box_tl.gif') top left no-repeat;
    float: left;
}

div.box_main .box_header .box_tr
{
    width: 10px;
    height: 34px;
    background: url('./images/box_tr.gif') top right no-repeat;
    float: right;
}

div.box_main .box_header .box_tc
{
    padding-top: 7px;
    margin: 0;
    height: 27px;
    background: url('./images/box_tc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    float: left;
    width: 512px;
}

div.box_main .box_header .box_tc span.subcaption
{
    font-weight: normal;
    font-size: 10px;
}

div.box_main .box_content
{
    background: url('./images/box_bg.jpg') bottom repeat-x;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

div.box_main .box_footer .box_bl
{
    width: 10px;
    height: 30px;
    background: url('./images/box_bl.gif') top left no-repeat;
    float: left;
}

div.box_main .box_footer .box_br
{
    width: 10px;
    height: 30px;
    background: url('./images/box_br.gif') top right no-repeat;
    float: right;
}

div.box_main .box_footer .box_bc
{
    padding-top: 8px;
    margin: 0;
    height: 22px;
    background: url('./images/box_bc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    float: left;
    width: 512px;
}

.box_bc a
{
    color: #FFF;
    text-decoration: none;
}

.box_bc a:hover
{
    text-decoration: underline;
}


/* banner */
div.banner_container
{
    width: 532px;
}
div.banner_container .banner_header
{
    width: 532px;
}
div.banner_container .banner_header .banner_tl
{
    width: 10px;
    height: 34px;
    background: url('./images/box_tl.gif') top left no-repeat;
    float: left;
}

div.banner_container .banner_header .banner_tr
{
    width: 10px;
    height: 34px;
    background: url('./images/box_tr.gif') top right no-repeat;
    float: right;
}

div.banner_container .banner_header .banner_tc
{
    padding-top: 7px;
    margin: 0;
    height: 27px;
    background: url('./images/box_tc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    width: 512px;
    float: left;
}

div.banner_container .banner_header .banner_tc span.subcaption
{
    font-weight: normal;
    font-size: 11px;
}

div.banner_container .banner_content
{
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    height: 266px;
}

div.banner_container .banner_footer .banner_bl
{
    width: 10px;
    height: 30px;
    background: url('./images/box_bl.gif') top left no-repeat;
    float: left;
}

div.banner_container .banner_footer .banner_br
{
    width: 10px;
    height: 30px;
    background: url('./images/box_br.gif') top right no-repeat;
    float: right;
}

div.banner_container .banner_footer .banner_bc
{
    padding-top: 8px;
    margin: 0;
    height: 22px;
    background: url('./images/box_bc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    width: 512px;
    float: left;
}

div.banner_container .banner_footer .banner_bc2
{
    margin: 0;
    height: 30px;
    background: url('./images/box_bc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    width: 512px;
    float: left;
}

.rotator_nav1
{
    float: left;
    margin-top: 3px;
}

.rotator_nav1 ul
{
    display: inline;
    margin: 0;
    padding: 0;
}

.rotator_nav1 ul li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

.rotator_nav1 ul li a
{
    color: #878787;
    text-decoration: none;
    background: url('./images/banbtn.gif') no-repeat;
    padding: 5px 0 0 9px;
    width: 16px;
    height: 20px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

.rotator_nav2
{
    float: right;
    margin-top: 8px;
    padding: 0;
}

.rotator_nav2 ul
{
    display: inline;
    margin: 0;
    padding: 0;
}

.rotator_nav2 ul li
{
    display: inline;
}

.rotator_nav2 ul li a
{
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 0px;
}


/* banner */


#myGallery
{
    width: 530px !important;
    height: 266px !important;
}

/* dnn */



div.TopPane
{
    /* height: 55px; */ /* margin: 0 20px; */
}

div.ContentPane
{
    width: 532px !important;
    font-family: Arial, Sans-Serif;
}

table.Settings
{
    width: 512px !important;
}

div.WorkPanel
{
    width: 512px !important;
}

td.SubHead
{
    width: 150px !important;
}

.NormalTextBox
{
    width: 320px !important;
}

.Settings hr, .Settings table, div.FileManagerContent
{
    width: 500px !important;
}

.Normal c_contentpane
{
    width: 500px !important;
}

/* ticker */
#ticker
{
    width: 855px;
}

#ticker .caption
{
    background: url('./images/ticker_caption.gif') top left no-repeat;
    width: 114px;
    height: 35px;
    float: left;
}

#ticker .content
{
    background: url('./images/ticker_c.gif') top left repeat-x;
    padding: 10px 8px 6px 8px;
    height: 19px;
    float: left;
    width: 713px;
}

#ticker .tail
{
    background: url('./images/ticker_tail.gif') top left no-repeat;
    width: 12px;
    height: 35px;
    float: right;
}

.clear
{
    clear: both;
}

div.scrollnews
{
    width: 713px;
    color: #FFF;
    font-weight: bold;
}

.pointer
{
    cursor: pointer;
}

a.SNLink
{
    color: #FFF;
    font-weight: bold;
}

a.SNLink:hover
{
    color: #FFF;
    text-decoration: underline;
}

/* Publication */
/* Magazine / Publication Box */

div.boxm_cr
{
    width: 300px;
}
div.boxm_cr .boxm_header
{
    width: 300px;
}
div.boxm_cr .boxm_header .boxm_tl
{
    width: 10px;
    height: 32px;
    background: url('./images/boxm_tl.gif') top left no-repeat;
    float: left;
}

div.boxm_cr .boxm_header .boxm_tr
{
    width: 10px;
    height: 32px;
    background: url('./images/boxm_tr.gif') top right no-repeat;
    float: right;
}

div.boxm_cr .boxm_header .boxm_tc
{
    padding-top: 9px;
    margin: 0;
    height: 23px;
    background: url('./images/boxm_tc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #FFF;
    font-weight: bold;
    float: left;
    width: 280px;
}

div.boxm_cr .boxm_header .boxm_tc span.subcaption
{
    font-weight: normal;
    font-size: 0.70em;
}

div.boxm_cr .boxm_content
{
    background: url('./images/boxm_bg.jpg') top repeat-x;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    height: 168px;
}
div.boxm_cr .boxm_content .widgetPic
{
    float: left;
}

div.boxm_cr .boxm_content .button
{
    margin-top: 20px;
    float: right;
    width: 150px;
    z-index: -1;
}

div.boxm_cr .boxm_content .button img
{
    padding: 3px 15px;
}

div.boxm_cr .boxm_footer .boxm_bl
{
    width: 10px;
    height: 8px;
    background: url('./images/boxm_bl.gif') top left no-repeat;
    float: left;
}

div.boxm_cr .boxm_footer .boxm_br
{
    width: 10px;
    height: 8px;
    background: url('./images/boxm_br.gif') top right no-repeat;
    float: right;
}

div.boxm_cr .boxm_footer .boxm_bc
{
    height: 8px;
    background: url('./images/boxm_bc.gif') top repeat-x;
    font-family: Arial, sans-serif;
    font-size: 0.75em;
    color: #FFF;
    float: left;
    width: 280px;
}

.DNNPaging
{
    width: 500px;
}