html,body{margin:0;padding:0}
body{font-family: Arial,sans-serif;
    text-align: center;background: #CCDDEE;padding-bottom:20px}
p{margin-top:0}
p.center{text-align:center}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
div#content li{margin-top: 10px;}

div#content h1, div#content h2, div#content h3{margin: 10px 0;color: #336699}

a:link {color: #336699;text-decoration: none;font-weight: bolder;}
a:visited { color: #336699; text-decoration: none}
a:hover { color: #336699; text-decoration: underline}

a.external  { padding: 0 20px 0px 0px; display:inline; background-repeat: no-repeat; background-position: center right; background-image: url(../images/external.gif)}

div.boxes div{background: #CCDDEE;margin-bottom:10px; padding: 10px 10px 0}
div.boxes div.odd{background:#FFEE88}

div.book {clear:both;margin: 10px 0}
div.book img {float:right;margin: 0 0 10px 10px}

/*Basic style for framed messages*/
.frame {border: solid black 1px; margin: 1em 3em;}
.frame .label {background: black;  color: white;  font-weight: bold;  padding: 5px 10px;}
.frame .content { padding: 5px 10px;  background: white;  color: black;  line-height: 120%;  font-size: 90%;}

/*Added to basic frame to give a note*/
.note {border-color: #336699;}
.note .label {background-color: #336699; color: #FFCC33}
.note .content {background-color: #CCDDEE;}

/*Added to basic frame to give a warning*/
.warning {border-color: #336699;}
.warning .label {background-color: #336699; color: red}
.warning .content {background-color: #CCDDEE;}