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; } /*--------------------------------------------------------------------------------*/