* {
margin:0;
padding:0
}

a {
color:#567
}

a:hover {
color:#28E
}

body {
background:#F2F2F2 url(img/bg.gif) repeat-y center top;
color:#555A60;
font:normal 62.5% "Lucida Sans Unicode",sans-serif;
margin:0
}

p,cite,code,ul {
font-size:1.2em;
padding-bottom:1.2em
}

h1 {
font-size:1.4em;
margin-bottom:4px
}

li {
list-style:url(img/li.gif);
margin-left:18px
}

code {
background:url(img/bgcode.gif);
border:1px solid #F6F6F6;
color:#666;
display:block;
font:normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom:12px;
white-space:pre;
padding:8px 10px
}

cite {
background:url(img/quote.gif) no-repeat;
color:#456;
display:block;
font:normal 1.4em "Lucida Sans Unicode",serif;
padding-left:28px
}

h1,h2,h3 {
color:#579;
padding-top:6px
}

.clearer {
clear:both
}

.container {
width:730px;
margin:0 auto
}

.title {
float:left;
margin-top:22px;
text-align:center;
width:220px
}

.title h1 {
font:normal 2em Verdana,sans-serif
}

.title h2 {
color:#999;
font:normal 1.1em Verdana,sans-serif
}

.navigation {
background:url(img/holder.jpg) no-repeat;
height:100px;
padding:0 16px
}

.navigation a {
border-left:1px solid #DDD;
border-right:1px solid #FFF;
color:#89A;
float:right;
font:bold 1.2em "Trebuchet MS",sans-serif;
margin-top:9px;
text-align:center;
text-decoration:none;
padding:58px 18px 8px
}

.navigation a:hover {
background:#FFF url(img/navhover.gif) repeat-x;
color:#28E;
padding:56px 18px 10px
}

.holder {
background:url(img/bgholder.jpg) repeat-y;
padding:0 32px
}

.holder_top,.footer {
clear:both;
background:url(img/holder.jpg) no-repeat;
height:40px
}

.footer {
background-position:left bottom;
color:#666;
font-size:1.1em;
text-align:center
}