@media screen
{
body
{
min-width:1000px;
color:#333;
background:#fff url(/_data/resources/img/mtbg.gif) repeat-x left top;
font-family:Arial,sans-serif;
font-size:80%;
}
body.inner
{
background-position:0 -196px;
}
.cl
{
clear:left !important;
}
h1,
#counters,
.nar
{
display:none !important;
}
h2
{
font-size:2em;
clear:right;
margin-bottom:10px;
}
h3
{
font-size:1.3em;
}
a
{
color:#af0e1d;
text-decoration:underline;
}
a:visited
{
color:#990000;
}
a:hover
{
color:#d71a2c;
}
.l
{
float:left;
margin:0 10px 10px 0;
}
#showimg
{
position:absolute;
top:300px;
display:block;
z-index:2;
margin:0 300px;
width:600px;
padding:50px;
background:#fff;
visibility:hidden;
text-align:center;
border:1px solid #999;
}
#showimg img
{
margin-bottom:10px;
border:1px solid #999;
}
#mpage
{
background:url(/_data/resources/img/mpage.jpg) no-repeat left top;
}
#dir
{
margin:0 0 0 325px;
padding:123px 0 0 0;
background:url(/_data/resources/img/mlogo.gif) no-repeat center 22px;
height:258px;
}
#cdir
{
background:url(/_data/resources/img/cdir.gif) repeat-x left bottom;
height:258px;
}
#ldir
{
background:url(/_data/resources/img/ldir.gif) no-repeat left bottom;
height:258px;
}
#rdir
{
background:url(/_data/resources/img/rdir.jpg) no-repeat right top;
height:258px;
}
#rdir p
{
text-align:center;
font-size:1.9em;
padding:35px 212px 0 0;
}
#left
{
display:block;
float:left;
margin:80px 0 25px 0;
width:300px;
}
#mnav
{
list-style:none;
margin:0 0 25px 0;
}
#mnav li
{
display:block;
width:300px;
height:50px;
margin:0 0 10px 0;
}
#mnav li a
{
color:#fff;
font-size:1.7em;
display:block;
width:265px;
height:36px;
padding:14px 0 0 35px;
background:url(/_data/resources/img/mnav.gif) no-repeat left top;
}
#mnav li a:hover
{
background-position:right top;
}
#cont
{
padding:25px;
margin-left:300px;
}
#cont img
{
padding:2px;
border:1px solid #999;
}
#cont p
{
margin-bottom:10px;
}
#cont address
{
font-size:1.5em;
}
#cont ul,
#cont ol
{
list-style-position:inside;
margin-left:20px;
padding:0;
}
#footer
{
background:url(/_data/resources/img/footer.gif) repeat-x left top;
clear:both;
margin:25px 0 0 0;
height:101px;
}
#footer *
{
color:#fff;
}
#footer address
{
display:block;
float:left;
width:250px;
padding:20px 25px 0 25px;
font-style:normal;
font-size:1.16em;
}
#footer div
{
padding:20px 25px 0 0;
margin-left:325px;
}
#footer div a
{
font-size:1.16em;
}
#footer div p
{
margin-top:21px;
font-size:0.9em;
}
#footer div p a
{
font-size:1em;
}
div.about
{
background:url(/_data/resources/img/about.jpg) no-repeat left top;
}
div.news
{
background:url(/_data/resources/img/news.jpg) no-repeat left top;
}
div.collective
{
background:url(/_data/resources/img/collective.jpg) no-repeat left top;
}
div.achievements
{
background:url(/_data/resources/img/achievements.jpg) no-repeat left top;
}
div.gallery
{
background:url(/_data/resources/img/gallery.jpg) no-repeat left top;
}
div.outofschool
{
background:url(/_data/resources/img/outofschool.jpg) no-repeat left top;
}
div.contacts
{
background:url(/_data/resources/img/contacts.jpg) no-repeat left top;
}
div.newcommers
{
background:url(/_data/resources/img/newcommers.jpg) no-repeat left top;
}
#home
{
display:block;
padding:49px 0 0 220px;
height:41px;
width:728px;
background:url(/_data/resources/img/ilogo.gif) no-repeat right 39px;
color:#fff;
}
#inav
{
list-style:none;
display:block;
padding:55px 0 25px 0;
}
#inav li
{
display:inline;
padding-left:25px;
color:#fff;
font-size:1.2em;
}
#inav li a
{
color:#fff;
}
#inav li.sel,
#inav li a.sel
{
font-weight:bold;
}
p.path
{
margin-left:325px;
font-size:0.85em;
}
p.path a
{
color:#333 !important;
}
#subnav
{
list-style:none;
display:block;
float:left;
margin:0 0 25px 0;
width:300px;
}
#subnav li
{
display:block;
width:300px;
margin:0;
}
#subnav li a
{
color:#af0e1d;
font-size:1.2em;
display:block;
width:265px;
padding:18px 10px 18px 25px;
background:url(/_data/resources/img/subnav.gif) no-repeat left bottom;
text-decoration:none;
}
#subnav li a.sel
{
font-weight:bold;
}
#subnav li a:hover
{
background-position:right bottom;
}
#subnav li b
{
display:block;
color:#af0e1d;
font-size:1.2em;
font-weight:bold;
background:url(/_data/resources/img/subnav.gif) no-repeat right bottom;
width:265px;
padding:18px 10px 18px 25px;
}
.bhlist
{
list-style:none;
display:block;
margin:8px 0;
height:1%;
overflow:hidden;
}
.bhlist li
{
display:block;
float:left;
width:33%;
}
.bhlist li h3
{
clear:left;
}
.bhlist li p,
.bhlist li h3
{
padding-right:10px;
}
p.ndate
{
color:#666;
font-weight:bold;
font-size:0.9em;
}
a.more
{
padding:10px;
font-style:italic;
display:block;
float:right;
clear:right;
}
.svlist,
.bvlist
{
list-style:none;
display:block;
margin:8px 0;
}
.svlist li,
.bvlist li
{
display:block;
overflow:hidden;
height:1%;
margin-bottom:10px;
}
.svlist img,
.bvlist img
{
float:left;
margin:0 10px 0 0;
}
.svlist p
{
margin-left:110px;
}
.bvlist p
{
margin-left:210px;
}
ul.plist,
ul.plist li
{
display:block;
padding:0;
list-style:none;
font-size:1.2em;
}
ul.plist
{
margin:25px 0 0 0;
padding-bottom:25px;
clear:left;
}
ul.plist li
{
margin:0;
float:left;
width:25px;
font-weight:bold;
color:#000;
text-align:center;
}
ul.plist li a
{
color:#333;
}
ul.plist li.prev
{
width:30px;
text-align:left;
}
ul.plist li.next
{
width:30px;
text-align:right;
}
ul.plist li.cur
{
background:#00774f;
color:#fff;
}
ul#sitemap
{
margin:10px 0 0 0 !important;
list-style:none;
}
ul#sitemap li ul
{
list-style:none;
margin:0 !important;
}
ul#sitemap li ul li
{
position:static;
display:block;
border-left:1px dotted #ddd;
margin:0 0 0 20px !important;
}
ul#sitemap a
{
color:#333;
}
ul#sitemap p
{
position:relative;
margin:0 !important;
padding:0 0 0 10px!important;
border-bottom:1px dotted #ddd;
height:20px;
}
ul#sitemap p span
{
position:absolute;
z-index:1;
top:10px;
display:block;
background:#fff;
padding:0;
width:100%;
}
ul.gal,
ul.galbl
{
list-style:none;
overflow:hidden;
display:block;
height:1%;
}
ul.gal li
{
display:block;
float:left;
width:150px;
height:200px;
padding:0 10px 10px 0;
}
ul.gal li p,
ul.galbl li p
{
text-align:center;
font-size:0.8em;
padding:0;
}
ul.galbl li
{
display:block;
float:left;
width:24%;
padding-bottom:10px;
}
.flist,
.f2list
{
list-style:none;
list-style-position:outside !important;
margin-left:0 !important;
}
.f2list li h3
{
font-size:1.5em;
margin-bottom:5px;
}
.flist li h3
{
font-size:1.3em;
}
.flist li
{
display:block;
padding:0 0 20px 55px;
height:1%;
overflow:hidden;
}
.flist li.pdf
{
background:url(/_data/resources/img/pdf.gif) no-repeat left top;
}
.flist li.flash
{
background:url(/_data/resources/img/flash.gif) no-repeat left top;
}
.d20
{
padding-top:20px;
}
#comm
{
padding-top:10px;
}
#comm fieldset label
{
display:block;
float:left;
width:100px;
height:19px;
padding-top:3px;
}
#comm fieldset input
{
width:296px;
height:22px;
padding:0 2px;
border:1px solid #999;
margin-bottom:5px;
}
#comm fieldset textarea
{
width:296px;
height:150px;
padding:0 2px;
border:1px solid #999;
margin-bottom:5px;
font-family:inherit;
font-size:0.9em;
}
#csub
{
margin-left:100px;
width:90px !important;
}
#err
{
margin-top:10px;
width:560px;
padding: 20px;
text-align:center;
border:1px solid red;
background-color:#fcc;
}
#ok
{
margin-top:10px;
width:560px;
padding: 20px;
text-align:center;
border:1px solid #060;
background:#3c9;
}
#commlist
{
list-style:none;
}
#commlist li
{
display:block;
padding-top:10px;
}
#commlist li p
{
font-size:1.2em;
font-weight:bold;
padding-left:35px;
margin:0;
color:#777;
}
#commlist li div.comm
{
margin-top:-20px;
width:600px;
background:#f3fff2 url(/_data/resources/img/commb.gif) no-repeat left bottom;
}
#commlist li div.comm div
{
width:580px;
padding:30px 10px 10px 10px;
background:url(/_data/resources/img/commt.gif) no-repeat left top;
color:#999;
}
}