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

*{
padding: 0;
margin: 0;
}

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background-color: #999;
}

#wrapper{
width: 780px;
margin: 20px auto;
border: 1px solid #777;
padding: 20px;
background-color: #eee;
}

li{
list-style: none;
}

h1, h2, h3{
clear: both;
margin: 0 0 10px 0;
}

h1{
font-size: 18px;
display: block;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
}

h2{
font-size: 14px;
}

p{
margin: 0 0 10px 0;
}

.clear{
clear: both;
}

.example{
padding: 0 0 5px 0;
border-bottom: 1px solid #bbb;
}

strong{
font-size: 14px;
color: #333;
}

#bodyText p{
display: block;
margin: 0 0 10px 0;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
}

#header{
font-size: 24px;
font-weight: bold;
padding: 0 0 5px 0;
background-color: #eee;
border-bottom: 1px solid #bbb;
color: #333;
}

#images{
width: 770px;
margin: 0 0 10px 0;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
float: left;
}

#images li{
float: left;
padding: 0 10px 0 0;
}

#related1 ul, #related2 ul{
margin: 0 0 10px 0;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
width: 365px;
padding: 5px;
}

#related1 li, #related2 li{
line-height: 20px;
}

#related1 h2, #related2 h2{
display: block;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

#related1{
clear: left;
float: left;
}

#related2{
clear: right;
float: right;
}

#footer{
clear: both;
height: 5px;
}

#footer p{
margin: 0;
}

.bottomLink{
padding: 5px 50px 5px 5px;
margin: 0 0 10px 0;;
background-color: #fff;
border: 1px solid #ccc;
clear: both;
color: #555;
text-decoration: none;
}