* {
margin: 0;
padding: 0;
}
head, header, bread, nav, section, middle, sideRight, article, aside, footer {
display: block;
}
body {
font: 12px Arial, Verdana, sans-serif;
width: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1000px;
margin: 0 auto;
}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}
/* Head
-----------------------------------------------------------------------------*/
#head { height: 40px;
background: url("./images/head_sh.jpg") top left repeat #b3b3e0;
background-repeat: no-repeat;
padding: 10px 60px 0 60px;
color:#ffffff;
}
/* Title
-----------------------------------------------------------------------------*/
#title { float:left;
width:300px;
color:#ffffff;
}
/* Menu
-----------------------------------------------------------------------------*/
#menu { float:left;
width: 580px;
height: 50px;
text-align: right;
}
#menu a { color:#ffffff;
}
#menu a:hover { text-decoration: none;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
background: #b3b3e0;
padding: 0 0 10px 80px;
}
#header img{ float:right;
margin-right:50px;
padding:5px;
border:1px solid #ffffff;
}
/* Headertitle
-----------------------------------------------------------------------------*/
#headertitle { float:left;
background: #b3b3e0;
width:280px;
color:#ffffff;
font-size: 14px;
}
#headertitle h1 {
color:#222251;
font-size: 40px;
line-height:0.9;
}
#headertitle a { text-decoration: none;
}
/* Bread
-----------------------------------------------------------------------------*/
#bread { height: 23px;
background: url("./images/bread_sh.jpg") top left repeat #b3b3e0;
background-repeat: no-repeat;
padding: 20px 60px 0 60px;
color:#ffffff;
}
/* Main
-----------------------------------------------------------------------------*/
#main { background: url("./images/bg.jpg") top left repeat #ffffff;
background-repeat: y-repeat;
padding: 10px 60px 10px 60px;
color:#000000;
}
#main h1 {
color:#222251;
font-size: 16px;
}
#main img { float:left;
margin:5px;
border:1px solid #222251;
}
#middle { float:left; width: 570px;
padding: 0 10px 0 10px;
}
#middle p{text-align: justify;
}
#middle li{
display:block;
width:530px;
margin:0;
padding:10px 25px;
color:#000000;
background-color:#F7F7F7;
}
#sideRight {float:left;
width: 280px;
padding: 0 0 0 5px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer { height: 100px;
background: url("./images/head_sh.jpg") top left repeat #6464f1;
background-repeat: no-repeat;
padding: 10px 60px 0 60px;
color:#ffffff;
}
#footer a { color:#ffffff;
}