body, div, ul, li, a, img, h1, p, h2
{margin:0;padding:0;border:0}
.clear{clear:both; height:1px}
body {
background: #f3f3f3 url('img/background.png') repeat-x;
}
#topstripe
{
background: url('img/stripe.png') no-repeat center;
width:100%;
height:27px;
}
#main
{
margin:auto;
margin-top:24px;
width:728px;
}
#box
{
background:#fff;
width:728px;
margin-top:32px;
}
#menu{
float:right;
width:162px;
margin-top:6px;
}
#menu ul{
list-style-type:none;
}
#menu ul li {
width:162px;
height:34px;
margin-top:4px;
}
#menu ul li a{
width:146px;
height:26px;
padding-top:8px;
padding-left:16px;
background: url('img/menu_background.png');
display:block;
font-size:0.85em;
font-family:Arial, Helvetica;
color:#fff;
text-decoration:none;
font-weight:bold;
text-shadow: #707070 1px 1px 0;
}
#menu ul li a:hover{
background: url('img/menu_background_hover.png');
color:#9c1b9c;
text-shadow: #de7fde 1px 1px 0;
}
#content{
float:left;
width:522px;
margin-left:22px;
margin-right:22px;
margin-top:21px;
}
h1
{
font-family: Arial, Helvetica;
color:#2e2e2e;
letter-spacing:-0.05em;
font-size:1.4em;
font-weight:normal;
}
p{
margin-top:10px;
font-family:Arial, Helvetica;
font-size:0.75em;
line-height:150%;
color:#696868;
}
p.justify{
text-align:justify;}
#footer{
width:728px;
height:142px;
background: url('img/footer_shadow.png') center no-repeat;
}
h2
{
font-family: Arial, Helvetica;
color:#444;
letter-spacing:-0.05em;
font-size:1.2em;
font-weight:normal;
margin-top:22px;
}
h3{
font-family: Arial, Helvetica;
color:#444;
letter-spacing:-0.05em;
font-size:1em;
font-weight:normal;
margin-top:14px;
}
p a{
color:#de47de;
}
p a:hover{
color:#9c1b9c;
}
#content ul{
font-family: Arial, Helvetica;
margin-left:40px;
margin-top:10px;
color:#696868;
list-style-type:square;
font-size:0.75em;
}
#video{
width:720px;
float:left;
margin-top:32px;
margin-left:4px;
margin-right:4px;
margin-bottom:-18px;}
