/* reset */
* {margin:0;padding:0}

/* page setup */
html {height:100.11%}
body, div {font-family:'lucida grande', helvetica, verdana, arial, sans-serif}
body {font-size:small;background:#4274A7 url('../images/clouds.jpg') no-repeat fixed bottom}

/* links */
a {color:#333; text-decoration:none}
a.credit {color:#fff}
	a:hover {color:#fff; text-decoration:none; background-color:#999}
	a:visited {color:#333; text-decoration:none}
	a:active {color:#c00; text-decoration:none}

/* div's */
div.wrapper {height:100%}

/* typography */
h1, h2 {font-family:'trebuchet ms', verdana, arial}
	h1 {font-size:24px; color:#fff; margin: 10px 20px 10px 20px}
	h2 {font-size:14px; color:#333; margin: 0 10px 0 10px; text-align:right}
h3 {background-color: #666;cursor:pointer;display:block;padding:5px; margin: 0 0 1px 0;text-decoration:none;font-weight:bold;font-size:12px;color:white;border:none}
	h3:hover {color:#c00;background-color:#666}
	h3.selected {color:#fff;background-color:#c00;border-bottom:1px solid black}
p {margin: 5px 5px 5px 45px; background-color: #fff; border: 1px dashed #aaa; padding:5px 0 5px 5px} 

/* lists */
li {list-style-type:none}

/* tables */
fieldset {padding:8px; margin:10px; border:#666 inset medium; background-color:#fff}
table {margin-left:40px}
th {color:#c00; width:140px; text-align:center; background-color:#eee}
td {width:140px; text-align:center; background-color:#eee}
	td span {color:#000; font-style:italic}
dt {background-color: #999;cursor:pointer;display:block;padding:5px; margin: 0 0 1px 20px;text-decoration:none;font-weight:bold;font-size:12px;color:white;border:none}
	dt:hover {color:#000;background-color:#ccc}
	dt.selected {color:#c00;background-color:#ccc;border-bottom:1px solid black}
	dt span {color:#000}
dd {color:#06f}