html {
     min-height: 100%;
     height: auto;
    }

body {
    background: #f2f2f2 url(/arts/images/Structure/bg.jpg) top left repeat;
    font-family:"Arial", Verdana, Tahoma;   
    font-size:80%;
    height: 100%;
    padding: 0;
    }
  
#container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    }
.clear { clear:both; }
hr.clear { color:#FFF; background-color:#fff; border:none; height: 2px; margin:0px; }
.clearflow{
    overflow:hidden;
    zoom:1;
    word-wrap:break-word;
    }

/*--------------------------------------------------------------------------------*/
/*--------------------------------------Head--------------------------------------*/
#head {
    width: 1000px;
    height: 175px;
    background:#fff;
    }
    
    #head a:link,
    #head a:visited {
    color: #fff;
    text-decoration: none;
    }
    #head a:hover,
    #head a:focus,
    #head a:active {
    color: #fff;
    text-decoration: none;
    } 
        #head .top {
                background: #333333 url(/arts/images/Structure/top_corners.gif) top left no-repeat;
                height: 17px;
                padding: 4px 10px 4px 10px;
                color:#cedeed;
                }
                
                .toplinks {
                float: right;
                display: inline;
                text-align:right;
                font-size:12px;
                font-weight:bold;
                }
                
                .css {
                float: left;
                display: inline;
                font-weight:bold;    
                font-size:12px;
                } 
                
                
        
        #head .middle {
                height:100px;
                margin: 5px 0;
                }
                
        .head0 { background-image:url(/arts/images/Structure/head_0.jpg);}
        
        
        #title {
                height: 100px;
                width: 900px;
                font-size: 46px;
                float: right;    
                }
                
        .tit0 {    background:  url(/arts/images/Structure/0.png) top right no-repeat; }        
        
        #title .txt {
                padding: 15px 10px;
                display:none;
                text-align: right;
                }
                
        #head .bottom {
                background: #b5b6b7;
                height: 35px;
                padding: 0px 0 0px 130px;
                }
        
        #head .logo {
                width: 110px;
                height: 140px;
                background: #FFFFFF;
                position:absolute;
                margin-top: 0px;
                margin-left: 20px;
                }
        .logo img {
                position:relative;
                top: 0px;
                display: block;
                margin-left: auto;
                margin-right: auto;
                border:none;
                }
        
        
/*--------------------------------------------------------------------------------*/
/*--------------------------------------Nav---------------------------------------*/
.nav_cont {
    width: 200px;
    padding: 0;
    margin: 5px 0 0 20px;
    }
    
.nav_cont_home {
    width: 256px;
    padding: 0px;
    margin: 0px;
    float:left;
    }

/* basic nav layout*/
.nav {width:200px; position:absolute; font-size:11px;}
.nav ul li a, .nav ul li a:visited {display:block; text-decoration:none; color:#000; width:148px; height:auto; text-align:right; padding-right:5px; line-height:26px;  overflow:hidden;}
.nav ul {padding:0; margin:0; list-style: none;}
.nav ul li {float:left; position:relative; margin: 3px 0; font-size:14px;}
.nav ul li ul {display: none;}
.nav ul li ul li{margin:0; font-size:11px;}

/* rollovers*/
.nav ul li:hover a {color:#fff; background: #000;}
.nav ul li:hover ul {display:block; width:149px;}
.nav ul li:hover ul li a.hide {background:#6a3; color:#000;}
.nav ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.nav ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.nav ul li:hover ul li a:hover {background: #000; color:#fff;}

.nav0  {border-right: #B3025E solid 26px;}
.nav1  {border-right: #408fc5 solid 26px;}
.nav2  {border-right: #00c68e solid 26px;}
.nav3  {border-right: #f4e800 solid 26px;}
.nav4  {border-right: #006ab2 solid 26px;}
.nav5  {border-right: #527b73 solid 26px;}
.nav6  {border-right: #66386a solid 26px;}
.nav7  {border-right: #137fa2 solid 26px;}
.nav8  {border-right: #e19e29 solid 26px;}

.subnav0:hover, .subnav1:focus, .subnav1:active {border-right: #B3025E solid 26px;}
.subnav1:hover, .subnav2:focus, .subnav2:active {border-right: #408fc5 solid 26px;}
.subnav2:hover, .subnav3:focus, .subnav3:active {border-right: #00c68e solid 26px;}
.subnav3:hover, .subnav4:focus, .subnav4:active {border-right: #f4e800 solid 26px;}
.subnav4:hover, .subnav5:focus, .subnav5:active {border-right: #006ab2 solid 26px;}
.subnav5:hover, .subnav6:focus, .subnav6:active {border-right: #527b73 solid 26px;}
.subnav6:hover, .subnav7:focus, .subnav7:active {border-right: #66386a solid 26px;}
.subnav7:hover, .subnav8:focus, .subnav8:active {border-right: #137fa2 solid 26px;}
.subnav8:hover, .subnav9:focus, .subnav9:active {border-right: #e19e29 solid 26px;}

/* selected states */

a#selectnav {color:#fff; background: #000;}
#selected ul {display:block;}
#selected li {background:#ddd; color:#000;}
a#selectsub {color:#fff; background: #000;}

/*--------------------------------------------------------------------------------*/
/*-----------------------------------Content--------------------------------------*/
#main {
    background: #FFF  url(/arts/images/Structure/bg_texture.jpg) top right repeat-y ;    
    height: auto;
    min-height: 700px;
    }
    
#content0 {
    width: 760px;
    margin: 0 0 0 200px; 
    padding: 5px 15px 5px 15px;
    font-family: "Verdana", Geneva, sans-serif, Arial;
    }
    
#content1 {
    width: 720px;
    margin: 0 0 0 250px; 
    padding: 5px 15px 5px 15px;
    }
* html #content1 {width: 700px; padding: 0px;} 
*:first-child+html #content1 {width:710px;} /* Fixes the boxes issue in IE7 */
.breadcrumb {font-size: 11px;}
    
/*--------------------------------------------------------------------------------*/
/*------------------------------------Footer--------------------------------------*/
#foot {
    height: 21px;
    clear: both;
    background-color:#333333;
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    padding: 5px 10px 2px 10px;
    }
    
    #foot p {
    display:inline;
    }
/*--------------------------------------------------------------------------------*/
/*-----------------------------------Horizontal menu--------------------------------------*/
#hmenu {
    font-size:14px;
    height: 35px;
    float:left;
    font-weight: bold;
    }
#hmenu ul {
    list-style-type:none;
    display:inline;
    }
#hmenu li {
    float: left;
    display: inline;
    border-left:#FFF 1px solid;
    border-right:#FFF 1px solid;
    height:35px;
    }
#hmenu a:hover, #hmenu a:focus, #hmenu a:active {color: #000; background: #fff;}
#hmenu li a {
    display: block;
    width: 125px;
    text-align: center;
    height:25px;
    padding-top:10px;
    }
#hmenu li a:link, #hmenu li a:visited {color: #000; text-decoration: none;}
#hmenu li a:hover, #hmenu li a:focus, #hmenu li a:active {color: #000; background: #eeefef; text-decoration: none;}
/*--------------------------------------------------------------------------------*/
/*------------------------------------Keyword Search----------------------------------------*/
#search {
    margin-right: 10px;
    display: inline;
    height: 25px;
    font-weight: bold;
    float:right;
    width: 260px;
    font-size:14px;
    }
#searchform {
    display:inline;
    }
    
#searchform input{
    margin-top:5px;
    }
/*--------------------------------------------------------------------------------*/
/*-----------------------------------Page banner--------------------------------------*/    
    
#pbanner {
    background-color: #666666;
    width:auto;
    height: 160px;
    margin-bottom:10px;
    }
    
#pbanner #small {
    font-size:26px;
    color:#FFF;
    margin: 120px 0 0 0;
    float:right;
}
#pbanner #medium {
    font-size:26px;
    color:#FFF;
    margin: 85px 0 0 0;
    float:right;
}
#pbanner #large {
    font-size:26px;
    color:#FFF;
    margin: 50px 0 0 0;
    float:right;
}
    
#pbanner img {
    float:left;
    padding: 5px;
    }
    
/*--------------------------------------------------------------------------------*/
/*-------------------------------- c styles ------------------------------------*/
 
#c1 .top {
 
    }
#c1 .article {
    }
c1 .bottom {
    color: #c0c0c0;
    }

#c2 .article {
    width: 475px;
    display:block;
    float:left;
    padding-right: 10px;
    }
#c2 .sideBar {
    width: 255px;
    margin-left: 500px;
    display:block;
    clear:right;
    }    


/*--------------------------------------------------------------------------------*/
/*------------------------------------Page pics---------------------------------------*/

.pics {
    float: right;
    width: auto;
    background: #666666;
    margin: 0 0 10px 0;
    font-family:Verdana, Geneva, sans-serif;       }
    
.pics img {
    padding:5px;
    }
/*--------------------------------------------------------------------------------*/