body {
font-family: Verdena, Arial, sans;
background: url(img/bg.jpg) #ffffff center top no-repeat;
font-size: 12px;
color: #444;
text-align: left;
}
a {text-decoration: none; color: #fa7d07;}
a:hover {color:  #014182;}

#wrapper {background: url(img/bg.png) repeat-x}
#page {width: 997px; margin: 0 auto;}

#top {height: 33px;}
#top .left {width: 200px;}
#top .right {width: 570px;}


#header {background: black; text-align: right; height: 184px;}
#header p {margin: 0; padding: 0;}
#header .left {width: 270px;}
#header .right {width: 680px;}

#menu { background: url(img/bgmenu.png) center top no-repeat; height: 70px;}
#menu3 { background: url(img/bgmenu3.png) center top no-repeat; height: 70px;}
#menu4 { background: url(img/bgmenu4.png) center top no-repeat; height: 70px;}

#middle {min-height: 500px; background: url(img/bgmiddle.png) no-repeat white;}

#middle3 {min-height: 500px; background: url(img/bgmiddle3.png) no-repeat white;}
#middle3 .left {width: 690px;}
#middle3 .right {width: 305px;}

#middle4 {min-height: 500px; background: url(img/bgmiddle4.png) no-repeat white;}
#middle4 .left {width: 305px;}
#middle4 .right {width: 690px;}

#content {}
#content .left {}
#content .right {}

#bottom {background: url(img/bg.png) repeat-x;}
#footer {font-size: 11px; text-align: center; width: 997px; margin: 0 auto; padding: 5px; }

#prefoot {}

#foot p {margin: 0; padding: 0;}

#copyright {font-size: 10px; padding: 5px 0 4px 0; margin: 0 0 10px 0; width: 997px; margin: 0 auto;}
#copyright .left {width: 300px; text-align: left;}
#copyright .right {width: 300px; text-align: right;}
#copyright a {font-weight: black;}
#copyright a:hover {color: white; text-decoration: none;}



#clu {text-align: justify; color: #444; padding: 20px; }
#clu .left {width: 50%;}
#clu .right {width: 50%;}
#clu ul {margin: 20px;}
#clu ul li {list-style: disc; line-height: 1.5em;}
#clu ol li {list-style: decimal;line-height: 1.5em;}
#clu p {margin: 0 0 10px 0;  line-height: 1.5em;}
#clu img {padding: 3px; background: #eee; border: 1px solid #ccc;}



h1 {font-size: 180%; font-weight: bold; color: #014182; padding: 10px;}
#clu h2 {font-size: 160%; font-weight: bold; color: #fc5f00; margin-bottom: 10px;}
#clu h2 strong {color: #004677; font-weight: normal;}
#clu h3 {font-size: 13px; margin-bottom: 5px; font-weight: bold; color: #004c7a;}


#side {padding: 0 15px;}
#side h2 {margin: 13px 0 0 0; color: #444;}

textarea {width: 100%; height: 150px;}



.box {width: 478px; height: 149px; background: url(img/bgbox.png) no-repeat; margin: 5px; padding: 5px; font-size: 11px; color: black;}
.box li {list-style: none; font-size: 11px; background: url(img/dot.png) no-repeat center left; padding: 1px 0 1px 10px; font-weight: bold;}
.box li a {color: #353d88;}
.box li a:hover {text-decoration: underline;}
.box img {float: left; height: 137px; border: 1px solid #ccc; padding: 1px; margin-right: 15px;}
.box h3 {color: black; font-size: 15px; font-weight: bold;}
.box .info {float: right; width: 250px; }

#start {padding-top: 45px;}