/* CSS Document */

html,body{margin:0;padding:0; background-color:#fff;}
body{font: 76% sans-serif, arial,sans-serif;}

/* Typography */ 
h1,h2,h3,h4,h5,p {margin:0; font-weight:500;}
p {padding: 4px 0; font-size: 1.1em}

/* Primary Blocks */
div#header {width: 90%; background:#cc6699 url(img/header.jpg) top left repeat-x; color:#fff; padding-left: 10%;}
div#horiznav {width: 100%; background:#ffcccc url(img/menu.jpg) top left repeat-x;}
div#footer {clear:both; width: 90%; background:#ffcccc url(img/menu.jpg) top left repeat-x; padding-left:10%; text-align:right;}
div#subfooter {width: 90%; background:#cc6699 url(img/header.jpg) top left repeat-x; color:#fff; padding-left: 10%;}

/* Header Div */
div#header h1 {font-size: 3em; padding: 18px 0px; font-family: Georgia;
text-decoration: none; word-spacing: -0.05em; letter-spacing: 1px; line-height: 1em; font-weight:normal; font-style:oblique}

/* Sub Footer */
div#subfooter ul {margin:0; padding: 15px 5px 15px 0; text-align:right}
div#subfooter ul li {list-style-type:none; display:inline; padding: 0 1%;}
div#subfooter ul li a:link, div#subfooter ul li a:visited {color:#fff; text-decoration:none}
div#subfooter ul li a:hover {text-decoration:underline} 

/* TABLES */ 
table {border: 2px solid #cc6699; border-collapse:collapse; margin-left: 3ex; }
td {padding:3px; border: 1px solid #fff}
th {text-align:left;border: 1px solid #fff}

/* Special */
code {background-color:#eee; padding: 5px; border: 2px solid #ccc;}
blockquote {background:#fff url(img/quote.gif) top left no-repeat; border: 2px solid #eee; margin:8px 5px; padding-left: 18px;}
acronym {border-bottom: 1px dotted #ccc; cursor:help; } 

/* The pearl image */
div#pearl {position:absolute; top: 7.6em; right: 10%; z-index:2; background: url(img/pearl.gif) top left no-repeat; width: 110px; height: 73px;}