/* 
    Document   : newCSS
    Created on : Feb 3, 2010, 10:58:27 PM
    Author     : pedro
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


*{
    margin: 0px;
    padding: 0px;
}

root {
    margin: 0 auto;
    padding: 0px;
    display: block;
}

#wrapper{
    margin: 0 auto;
}

/*Header______________________*/
#header{
    margin: 0 auto;
    border: 0px solid blue;
    width: 1000px;
    height: 100px;
}

#hdtopleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 58px;
    background: url(newimages/topleftcorner.png) no-repeat;
}

#hdtoprightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 58px;
    background: url(newimages/toprightcorner.png) no-repeat;
}

#hdtopcenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 825px;
    height: 58px;
    background: url(newimages/topcenter.png) repeat-x;
}

#hdleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 40px;
    background: url(newimages/headerleft.png) repeat-y;
}

#hdright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 40px;
    background: url(newimages/headerright.png) repeat-y;
}



#hdcenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 825px;
    height: 40px;
    background-color: white;
}

#hdbottomleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 33px;
    background: url(newimages/hdbottomleft.png) no-repeat;
}

#hdbottomright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 33px;
    background: url(newimages/hdbottomright.png) no-repeat;
}

#hdbottomcenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 825px;
    height: 33px;
    background: url(newimages/hdbottomcenter.png) repeat-x;
}


#contents{
    margin: 0 auto;
    border: 0px solid red;
    width: 1000px;
    height: 478px;
}

#contentsleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 48px;
    height: 478px;
    background: url(newimages/shadowleft.png) repeat-y;
}

#contentsright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 48px;
    height: 478px;
    background: url(newimages/shadowright.png) repeat-y;
}

#contentscenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 478px;
    /*background: url(newimages/contents.png) no-repeat;*/
}

#contentscenter_top{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 35px;
    background: url(newimages/contents_top.png) repeat-x;
}

#contentscenter_bottom{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 35px;
    background: url(newimages/contents_bottom.png) repeat-x;
}

#contentscenter_in{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 408px;
    background-color: rgb(191, 191, 191);
}





#contentsbegin{
    margin: 0 auto;
    border: 0px solid red;
    width: 1000px;
    height: 478px;
}

#contentsbeginleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 48px;
    height: 478px;
    background: url(newimages/shadowleft.png) repeat-y;
}

#contentsbeginright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 48px;
    height: 478px;
    background: url(newimages/shadowright.png) repeat-y;
}

#contentsbegincenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 903px;
    height: 478px;
    background: url(newimages/fundo.png) no-repeat;
}

.contentsbegin_item{
    height: 100%;
    width: 112px;
    float: left;
    border: 0px solid blue;
}

.contentsbegin_item_top{
    height: 25px;
    width: 112px;
    background: url(newimages/chain_top.png) no-repeat;
}

.contentsbegin_item_middle{
    width: 112px;
    background: url(newimages/chain_middle.png) repeat-y;
}

/*
#chain_middle{
    width: 112px;
    background: url(newimages/chain_middle.png) repeat-y;
}
*/

.contentsbegin_item_label{
    height: 225px;
    width: 112px;
    background: url(newimages/chain_label.png) no-repeat;
    border: 0px solid blue;
}

.contentsbegin_item_space{
    height: 100%;
    float: left;
}






/*
#contentsbegincenter_top{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 35px;
    background: url(newimages/contentsbegin_top.png) repeat-x;
}

#contentsbegincenter_bottom{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 35px;
    background: url(newimages/contentsbegin_bottom.png) repeat-x;
}

#contentsbegincenter_in{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 904px;
    height: 408px;
    
}
*/







#logo{
    margin: 0 auto;
    width: 582px;
    height: 150px;
    background: url(images/wetawash_logo_2.png) no-repeat;
    border: 0px solid blue;
}

#slogan{
    margin: 0 auto;
    width: 825px;
    height: 100px;
    border: 0px solid blue;
    padding-top: 320px;
    padding-bottom: 0px;
}


#slogan h2{
    border: 0px solid red;
    vertical-align: middle;
    font-family: Gill, Helvetica, sans-serif;
    font-style: normal;
    font-size: medium;

    color: gray;
}



/*#menu {
    width: 1000px;
    height: 70px;
    margin: 0 auto;
}

#menu div {
    float: left;
    border: 0px solid blue;
}

#menu_left {
    width: 25px;
    height: 70px;
}
#menu_in {
    width: 950px;
    height: 70px;
}

#menu_in li{
    float: right;
    display: block;
    vertical-align: middle;
    padding-top: 19px;
    padding-right: 10px;
}

#menu_in li div{
    float: right;
    width: 25px;
    border: 0px solid blue;
}

#menu_right {
    width: 25px;
    height: 70px;
}*/










#bottom{
    margin: 0 auto;
    border: 0px solid fuchsia;
    width: 1000px;
    font-family: Verdana, Helvetica,sans-serif;
    font-size: 8px;
}

#bttopleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 27px;
    background: url(newimages/bttopleft.png) no-repeat;
}

#bttopright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 27px;
    background: url(newimages/bttopright.png) no-repeat;
}

#bttopcenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 826px;
    height: 27px;
    background: url(newimages/bttopcenter.png) repeat-x;
}

#btleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 20px;
    background: url(newimages/btleft.png) repeat-y;
}

#btright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 20px;
    background: url(newimages/btright.png) repeat-y;
}

#btcenter{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 826px;
    height: 20px;
    background-color: white;
}

#btbottomleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 49px;
    background: url(newimages/btbottomleftcorner.png) no-repeat;
}

#btbottomrightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 49px;
    background: url(newimages/btbottomrightcorner.png) no-repeat;
}

#btbottomcenter{
    margin: 0 auto;
    border-top: 1px solid gray;
    float: left;
    width: 826px;
    height: 49px;
    background: url(newimages/btbottomcenter.png) repeat-x;
}

#btbottomcenter li{
    text-decoration: none;
    display: block;
    
}


.et{
    width: 100px;
    height: 476px;
    border: 0px solid gray;
    float: left;
}

.textleft{
    text-align: left;
    float: left;
    color: gray;
}

.textright{
    text-align: right;
    float: right;
    color: gray;
}


/*Menu*/
#menu{
    width: 150px;
    height: 400px;
    vertical-align: middle;
    float: left;
    border: apx solid blue
        
}

#menutop{
    float: none;
}

.menucontents{
    float: none;
    border: 0px solid black;
    width: 150px;
    height: 20px;
}

#menubottom{
    float: none;
}

#menutopleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 41px;
    background: url(newimages/menutopleftcorner.png) no-repeat;
}

#menutoprightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 41px;
    background: url(newimages/menutoprightcorner.png) no-repeat;
}

#menutopcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 70px;
    height: 41px;
    background: url(newimages/menutopcenter.png) repeat-x;
}

#menubottomleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 39px;
    background: url(newimages/menubottomleftcorner.png) no-repeat;
}

#menubottomrightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 39px;
    background: url(newimages/menubottomrightcorner.png) no-repeat;
}

#menubottomcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 70px;
    height: 39px;
    background: url(newimages/menubottomcenter.png) repeat-x;
}

.menucenterleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 20px;
    background: url(newimages/menuleft.png) repeat-y;
}

.menucenterright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 20px;
    background: url(newimages/menuright.png) repeat-y;
}

.menucenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 70px;
    height: 20px;
    background-color: white;
}


.menuitem{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 150px;
    height: 24px;
    font-family: Verdana;
    font-size: small;
}

.menuitem:hover{
    text-decoration: underline;
}

.menuitem a:visited{
    text-decoration: none;
}

.menuitem a{
    font-family: Verdana;
    font-size: small;
    text-decoration: none;
    color: black;
}


.menuitemleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 24px;
    background: url(newimages/menuleft.png) repeat-y;
}

.menuitemleft a:hover{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 24px;
    background: url(newimages/menuselectedleft.png) repeat-y;
}

.menuitemright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 40px;
    height: 24px;
    background: url(newimages/menuright.png) repeat-y;
}

.menuitemcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 70px;
    height: 24px;
    background-color: white;
}








.menuitem1{
    display: block;
    margin: 3px;
    border: 0px solid blue;
    text-decoration: none;
    vertical-align: middle;
    font-family: Verdana, Helvetica,sans-serif;
    font-size: 11px;
}





/*Info box*/
#infobox1{
    vertical-align: middle;
    float: left;
    border: 0px solid red;
}

#infobox2{
    vertical-align: middle;
    float: left;
    border: 0px solid blue;
}

.infoboxtop{
    float: none;
    height: 16px;
    width: 100%;
}

.infoboxcontents{
    width: 100%;
}

.infoboxbottom{
    float: none;
    width: 100%;
    border: 0px solid black;
}

.infoboxtopleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 19px;
    height: 100%;
    background: url(newimages/info_topleftcorner.png) no-repeat;
}

.infoboxtoprightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    height: 100%;
    background: url(newimages/info_toprightcorner.png) no-repeat;
}

.infoboxtopcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 75%;
    height: 100%;
    background: url(newimages/info_top.png) repeat-x;
}

.infoboxbottomleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 19px;
    height: 100%;
    background: url(newimages/info_bottomleftcorner.png) no-repeat;
}

.infoboxbottomrightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    height: 100%;
    background: url(newimages/info_bottomrightcorner.png) no-repeat;
}

.infoboxbottomcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    height: 100%;
    background: url(newimages/info_bottom.png) repeat-x;
}

.infoboxcenterleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 19px;
    height: 100%;
    background: url(newimages/info_left.png) repeat-y;
}

.infoboxcenterright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    height: 100%;
    background: url(newimages/info_right.png) repeat-y;
}

.infoboxcenter{
    margin: 0 auto;
    float: left;
    height: 100%;
    background: url(newimages/info_inside.png) repeat;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    vertical-align: top;
}



#info_contacts{
    border: 0px solid blue;
    width: 100%;
    height: 135px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  9px;
    vertical-align: top;
}

.cont_font{
    padding-top: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  9px;
    border: 0px solid blue;
    vertical-align: middle;
}
.medium_font{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    vertical-align: middle;
}

#info_findpath{
    border: 0px solid red;
    width: 100%;
    height: 40px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    vertical-align: bottom;
}

#info_map{
    border: 0px solid green;
    width: 100%;
    height: 200px;
}





#postitbox1{
    vertical-align: middle;
    float: left;
    border: 0px solid red;
    background: url(newimages/postit.png) no-repeat;
}




/*Info box*/
#map_panel2{
    vertical-align: middle;
    float: none;
    border: 0px solid red;
    width: 904px;
    height: 478px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#map_panel{
    vertical-align: middle;
    float: none;
    border: 0px solid red;
    width: 904px;
    height: 478px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.map_panel_top{
    border: 0px solid red;
    float: none;
    height: 38px;
    width: 100%;
}

.map_panel_contents{
    width: 100%;
    border: 0px solid red;
    height: 394px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    vertical-align: middle;
}

.map_panel_bottom{
    float: none;
    width: 100%;
    height: 46px;
    border: 0px solid black;
}

.map_panel_topleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 52px;
    height: 38px;
    background: url(newimages/map_panel_topleftcorner.png) no-repeat;
}

.map_panel_toprightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 52px;
    height: 38px;
    background: url(newimages/map_panel_toprightcorner.png) no-repeat;
}

.map_panel_topcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 800px;
    height: 38px;
    background: url(newimages/map_panel_top.png) repeat-x;
}

.map_panel_bottomleftcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 52px;
    height: 46px;;
    background: url(newimages/map_panel_bottomleftcorner.png) no-repeat;
}

.map_panel_bottomrightcorner{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 52px;
    height: 46px;
    background: url(newimages/map_panel_bottomrightcorner.png) no-repeat;
}

.map_panel_bottomcenter{
    margin: 0 auto;
    border-top: 0px solid gray;
    float: left;
    width: 800px;
    height: 46px;
    background: url(newimages/map_panel_bottom.png) repeat-x;
}

.map_panel_centerleft{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 52px;
    height: 394px;
    background: url(newimages/map_panel_left.png) repeat-y;
}

.map_panel_centerright{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    height: 394px;
    width: 52px;
    background: url(newimages/map_panel_right.png) repeat-y;
}

.map_panel_center{
    margin: 0 auto;
    float: left;
    height: 394px;
    width: 800px;
    background: url(newimages/map_panel_in.png) repeat;
}




#header_init{
    margin: 0 auto;
    border: 0px solid blue;
    width: 1000px;
    height: 500px;
}


#hdleft_init{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 500px;
    background: url(newimages/headerleft.png) repeat-y;
}

#hdright_init{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 500px;
    background: url(newimages/headerright.png) repeat-y;
}

#hdcenter_init{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 825px;
    height: 400px;
    background-color: white;
    background: url(newimages/wetawash_logo_3.png) no-repeat;
}

#hdtopleftcorner_init{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 58px;
    background: url(newimages/topleftcorner.png) no-repeat;
}

#hdtoprightcorner_init{
    margin: 0 auto;
    border: 0px solid blue;
    float: left;
    width: 86px;
    height: 58px;
    background: url(newimages/toprightcorner.png) no-repeat;
}

#hdtopcenter_init{
    margin: 0 auto;
    border: 0px solid green;
    float: left;
    width: 825px;
    height: 58px;
    background: url(newimages/topcenter.png) repeat-x;
}

/*
#langmenu{
    margin: 0 auto;
    border: 1px solid blue;
    width: 1000px;
    height: 500px;
}*/

#langmenu {
    
    width: 1000px;
    /*height: 70px;*/
    margin: 0 auto;
    /*display: none;
    background: url(images/menu.png);*/
    border: 0px solid blue;
}

#langmenu div {
    float: left;
    border: 0px solid blue;
}

#langmenu_left {
    width: 48px;
    height: 70px;
    background: url(newimages/shadowleft.png) repeat-y;
}


#langmenu_in_top {
    width: 900px;
    height: 49px;
    background: url(newimages/btbottomcenter.png) repeat-x;
}

#langmenu_in_bottom {
    width: 900px;
    height: 58px;
    background: url(newimages/topcenter.png) repeat-x;
}

#langmenu_in {
    width: 903px;
    height: 70px;
    background: url(newimages/menu_in.png) repeat-x;
}

#langmenu_in a {
    text-decoration: none;
}

#langmenu_in li{
    float: right;
    display: block;
    vertical-align: middle;
    padding-top: 19px;
    padding-right: 10px;
}

#langmenu_in li div{
    float: right;
    width: 25px;
    border: 0px solid blue;
}

#langmenu_right {
    width: 48px;
    height: 70px;
    background: url(newimages/shadowright.png) repeat-y;
}