@charset "utf-8";
/* CSS Document */

*  {
margin: 0;
padding: 0;
border: 0;
}

body  {
background-image: url(images/bodybg.jpg);
}

#content  {
width: 960px;
margin: 0 auto;
font-family: Comic Sans MS, san-serif;
position: relative;
}

.title  {
color: #FFF;
font-size: 72px;
line-height: 82px;
}

.slogan  {
color: #F4EEA4;
font-family: Comic Sans MS, san-serif;
font-size: 28px;
line-height: 30px;
width: 760px;
}

.top  {
position:absolute;
top: 190px;
}

.homebedge  {
position:absolute;
top: 595px;
}

.top2  {
position:absolute;
top: 630px;
right: 0px;
}

.homebedge2  {
position:absolute;
top: 1035px;
right: 0px;
}

.homebedge3  {
position:absolute;
top: 415px;
}
.hppic  {
position:absolute;
top: 225px;
right: 20px;
}

.wppic  {
position:absolute;
top: 665px;
left: 20px;
}

#postit  {
width: 635px;
height: 400px;
background-image: url(images/postbg.gif);
background-repeat: repeat-y;
margin-top: 53px;
position: relative;
}

#postit ul  {
list-style-type: none;
font-family: Comic Sans MS, san-serif;
padding-left: 10px;
}

#postit li  {
font-size:24px;
display: inline;
padding-left: 10px;
padding-right: 15px;
}

#postit a  {
color: #555;
text-decoration: none;
}

#postit a:hover  {
text-decoration: underline;
}

#postit h1  {
color: #555;
font-family: Comic Sans MS, san-serif;
font-size: 36px;
padding-left: 30px;
}

#postit h2  {
color: #555;
font-family: Comic Sans MS, san-serif;
font-size: 22px;
padding-left: 30px;
}

#postit p  {
width: 585px;
color: #555;
font-size: 16px;
padding: 8px 30px;
line-height: 20px;
font-weight: bold;
}

#postit span  {
position: absolute;
left: 135px;
}

#postit2  {
width: 635px;
height: 400px;
background-image: url(images/postbg.gif);
background-repeat: repeat-y;
margin-top: 40px;
margin-left: 325px;
font-weight: bold;
}

.topp  {
margin-top: 15px;
}

#postit2 p  {
width: 585px;
color: #555;
font-size: 16px;
padding: 8px 30px;
line-height: 20px;
}

#postit3  {
width: 635px;
height: 220px;
background-image: url(images/postbg.gif);
background-repeat: repeat-y;
margin-top: 53px;
position: relative;
}

#postit3 ul  {
list-style-type: none;
font-family: Comic Sans MS, san-serif;
padding-left: 10px;
}

#postit3 li  {
font-size:24px;
display: inline;
padding-left: 10px;
padding-right: 15px;
}

#postit3 a  {
color: #555;
text-decoration: none;
}

#postit3 a:hover  {
text-decoration: underline;
}

#postit3 h1  {
color: #555;
font-family: Comic Sans MS, san-serif;
font-size: 36px;
padding-left: 30px;
}

#postit3 h2  {
color: #555;
font-family: Comic Sans MS, san-serif;
font-size: 22px;
padding-left: 30px;
}

#postit3 p  {
width: 585px;
color: #555;
font-size: 16px;
padding: 8px 30px;
line-height: 20px;
font-weight: bold;
}

#gallery  {
margin-top: 110px;
}

#gallery ul  {
margin-left: 10px;
}

#gallery li  {
display: inline;
}

#gallery img  {
padding: 5px;
}

.thumb  {
position:absolute;
top: 260px;
right: 17px;
}

#footer  {
width: 960px;
position: relative;
}

#footer img  {
margin-top: 10px;
float: right;
margin-right: 20px;
}

#footer a  {
color: #FFF;
font-family: Comic Sans MS, san-serif;
font-size: 16px;
text-decoration: none;
font-weight: bold;
}

#footer a:hover  {
text-decoration: underline;
color: #555;
}

.cyberwizard  {
color: #FFF;
font-family: Comic Sans MS, san-serif;
font-size: 16px;
position: absolute;
left: 20px;
top: 225px;
font-weight: bold;
}