html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
background: #151646 url(topbg.jpg) repeat-x;
text-align: center;
font-family: arial, sans-serif;
font-size: 16px;
line-height: 22px;
}

#container {
height: 100%;
margin: 0 auto;
width: 1079px;
}

#back {
float: left;
}

#top {
width: 1079px;
height: 518px;
background: url(top.jpg) no-repeat;
font-size: 1px;
line-height: 0px;
color: #fff;
}

#title {
color: #fff;
margin: 0 auto;
padding: 8px 0 0 0;
font-size: 55px;
line-height: 60px;
  font-family: "Bona Nova SC", serif;
  font-weight: 400;
  font-style: normal;
}


#topnav {
clear: both;
float: left;
text-align: center;
font-size: 24px;
line-height: 32px;
color: #232c4a;
font-family: "century schoolbook", serif;
margin: 0 0 0 9px;
padding: 10px 0 10px 0;
width: 1060px;
background: #d5deed;
font-weight: strong;
}

#topnav a {
margin: 7px 0 0 0;
padding: 8px 10px 7px 10px;
font-weight: strong;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
color: #232c4a;
font-weight: strong;
}

#topnav a:hover {
color: #d5deed;
background: #8d4682;
}




#content {
width: 1060px;
color: #d5deed;
text-align: left;
margin: 0 auto;
}


#footer {
clear: both;
width: 1050px;
background: #d5deed;
margin: 0 auto 20px auto;
padding: 10px;
font-size: 20px;
line-height: 25px;
font-style: "century schoolbook", serif;
color: #2f2a2a;
text-align: center;
}


a {
font-weight: bold;
text-decoration: none;
}

#footer a {
color: #2f2a2a;
}


h1 {
margin: 0;
padding: 10px 0 0 5px;
color : #d65ec4;
font-size: 24px;
line-height: 30px;
  font-family: "Bona Nova SC", serif;
  font-weight: 700;
  font-style: normal;
      }

h1 #two {
margin: 0 0 10px 0;
padding: 10px 0 10px 5px;
}

h2 {
margin: 0;
padding: 0 0 10px 10px;
color: #151646;
font-size: 20px;
font-family: "century schoolbook", serif;
      }

h2 a {
font-size: 20px;
color: #3939b3;
  font-family: "Playwrite PE", cursive;
  font-weight: 400;
  font-style: normal;
}

h2 a:hover {
color: #151646;
}

.content1050 {
line-height: 1.75;
width: 1030px;
text-align: left;
padding: 0 15px 5px 15px;
margin: 0 auto;

}

#prettiful {
text-align: center;
margin: 0 auto;
font-family: "century schoolbook", serif;
font-size: 25px;
line-height: 40px;
}

#prettiful2 {
text-align: center;
margin: 0 auto;
font-size: 30px;
line-height: 40px;
color: #d65ec4;
  font-family: "Playwrite PE", cursive;
  font-weight: 400;
  font-style: normal;
}


.content1050b {
line-height: 1.75;
width: 1030px;
height: 440px;
text-align: left;
padding: 5px 15px 5px 15px;
margin: 0 auto;
color : #2f2a2a;

border-bottom: 2px solid #616065;
}

.content330 {
float: left;
width: 310px;
height: 330px;
margin: 0 5px;
padding: 10px 10px 15px 10px;
background: url(needs.jpg) right no-repeat;
border: 1px solid #d5deed;
}

.content1050p{
line-height: 1.75;
width: 1030px;
height: 495px;
text-align: left;
padding: 0 15px 5px 15px;
margin: 0 auto;
color: #2f2a2a;
background: #d5deed;
border-bottom: 5px solid #2f2a2a;
}



.content330p {
float: left;
width: 310px;
height: 330px;
margin: 0 5px;
padding: 10px 10px 15px 10px;
}

.content330p strong {
color: #151646;
font-size: 24px;
line-height: 30px;
  font-family: "Bona Nova SC", serif;
  font-weight: 500;
  font-style: normal;
}

.content330 strong {
color: #d5deed;
font-size: 24px;
line-height: 30px;
  font-family: "Bona Nova SC", serif;
  font-weight: 500;
  font-style: normal;
}

.content330 em {
color: #d5deed;
}

.content1050f {
margin: 0 auto;
background: #d1d9e7;
}

.split {
width: 1030px;
height: 15px;
margin: 10px auto;
clear: both;
background: none;
}

*html .split {
height: 35px;
}

.dk {
color: #c41f3b;
font-weight: bold;
}

.dh {
color: #a330c9;
font-weight: bold;
}

.dr {
color: #ff7d0a;
font-weight: bold;
}

.hu {
color: #abd473;
font-weight: bold;
}

.ma {
color: #69ccf0;
font-weight: bold;
}

.mo {
color: #00ff96;
font-weight: bold;
}

.ev {
color: #33937F;
font-weight: bold;
}

.pa {
color: #f58cba;
font-weight: bold;
}

.pr {
color: #fff;
font-weight: bold;
}

.ro {
color: #fff569;
font-weight: bold;
}

.sh {
color: #0070de;
font-weight: bold;
}

.wl {
color: #9482C9;
font-weight: bold;
}

.wa {
color: #c79c6e;
font-weight: bold;
}

.dk2 {
background: #c41f3b;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.dh2 {
background: #a330c9;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.dr2 {
background: #ff7d0a;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.hu2 {
background: #abd473;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.ma2 {
background: #69ccf0;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.mo2 {
background: #00ff96;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.ev2 {
background: #33937F;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}


.pa2 {
background: #f58cba;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.pr2 {
background: #fff;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.ro2 {
background: #fff569;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.sh2 {
background: #0070de;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.wl2 {
background: #9482c9;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.wa2 {
background: #c79c6e;
color: #2f2a2a;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

.open2 {
background: #151646;
color: #fff;
font-weight: bold;
padding: 3px 8px;
margin: 5px auto;
}

li, ul {
line-height: 1.25;
margin: 0;
}

.dk2 a, .dh2 a, .dr2 a, .hu2 a, .ma2 a, .mo2 a, .pa2 a, .pr2 a, .ro2 a, .sh2 a, .wl2 a, .wa2 a, .open2 a, .ev2 a {
opacity: 1;
color: inherit;
}

.dk2 a:hover, .dh2 a:hover, .dr2 a:hover, .hu2 a:hover, .ma2 a:hover, .mo2 a:hover, .pa2 a:hover, .ev2 a:hover .pr2 a:hover, .ro2 a:hover, .sh2 a:hover, .wl2 a:hover, .wa2 a:hover, .open2 a:hover {
opacity: .5;
color: inherit;
}

.top, .top a {
clear: both;
padding: 10px 30px 10px 10px;
width: 1050px;
text-align: right;
color: #d5deed;
font-weight: bold;
}