@import 'colors.css';
*{
margin: 0;
padding: 0;
}

img{
border: 0;
vertical-align: bottom;
}

ul{
list-style: none;
}

a:hover{
color: #f33;
}

body{
color: #444;
font-size: 90%;
}

div#wrapper{
text-align: left;
width: 95%;
margin: 0 auto;
}

/* HEADER */
div#PreHeader{
margin: 0 0 0 15px;
}

div#header{
height: 129px;
margin: 0 0 0 15px;
background: url('/images/HeaderBackground.jpg') no-repeat;
}

/* FOOTER Tag:footer */
div#footer{
clear: both;
width: 100%;
background: url('/images/FooterBackground.png') repeat;
color: #eee;
padding: 10px;
margin: 0 0 5px 0;
}

div#rightcontents{
width: 100%;
float: right;
margin-left: -180px;
padding: 2em 0;
}

div#rightcontents div#navPath{
margin: 0 20px 10px 0px;
height: 20px;

}

div#rightcontents div#main{
margin: 0 20px 0 210px;
}

/* LEFT MENU */

div#nav{
float: left;
width: 180px;
margin: 22px 0 30px 0;
}

div#nav ul.level1{
font-size: 100%;
}

div#nav ul.level1 li{
padding: 0 0 0 15px;
}

div#nav ul.level1 li.parent{
margin: 6px 0 0 0;
}

div#nav ul.level1 li.child{
margin: 0 0 0 10px;
padding: 0 0 0 15px;
}

div#nav ul.level1 li.child ul{
margin: 0 0 0 10px;
padding: 0;
}

div#nav ul.level1 li.child ul li{
margin: 0;
padding: 0;
}

div#nav ul.level1 li.child ul li img{
border-bottom: 1px solid #1b1b1b;
}

div#main{
width: 580px;
float: left;
}

/* RIGHT threeblock */
div#threeblock{
width: 200px;
margin: 0 10px;
float: left;
}

div#threeblock h3{
margin-left: -10px;
}

div#SearchSection{
margin: 10px 0;
}

div#SearchSection form{
margin: 0 0 0 5px;
}

div#SearchSection form{
font-size: 80%;
}

div#threeblock ol,
div#threeblock ul{
margin: 10px 25px 20px 25px;
}

div#threeblock ol li,
div#threeblock ul li{
margin: 0 0 3px 0;
}

div#threeblock div.AddBorder{
padding: 15px 0;
margin: 0 18px 0 0;
border-top: 1px dotted #333;
}

/* MAIN */
/* ID: information */
#main div ul{
margin-left: 20px;
}

#main div#information ul li{
margin: 15px 0;
}

#main div#information ul li br{
margin: 0 0 5px 0;
}

/* ID: MainList */
#main div.MainList ul li{
margin: 10px 0 -5px 0;
font-size: 90%;
width: 110px;
height: 163px;
float: left;
}

#main div.MainList ul li a{
text-decoration: none;
}

#main div.MainList ul li a:hover{
text-decoration: underline;
}

#main div.MainList ul li img{
padding: 3px;
margin: 0 0 3px 10px;
border: 1px solid #777;
}

#main div.MainList p.more{
text-align: right;
margin: 0 1em 10px 0;
}

#main p.description{
margin: 10px 10px 0 10px;
}

#main p.description2{
margin: 10px;
}

#main dl#navigationonsite{
margin: 0 10px 0 10px;
}

#main dl#navigationonsite dt{
margin: 20px 0 0 5px;
padding: 0 0 0 14px;
background: url('/images/dot.gif') no-repeat;
}

#main dl#navigationonsite dd{
margin: 5px 10px 0 40px;
padding: 0 0 0 18px;
background: url('/images/arrow.gif') no-repeat;
}

p#PagerNext{
margin: 20px 0 0 0;
padding: 0 0 0 18px;
background: url('/images/arrow.gif') no-repeat;
}

p#SearchResult{
margin: 10px;
font-weight: bold;
}

p#SearchResultAttension{
margin: 10px;
}