* { margin: 0; padding: 0; }
html, body { font-family: "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px; color: #444; }

h1 a { display: block; width: 230px; height: 160px; }
h1 a span { display: none; }
h1 { position: absolute; top: 50px; left: 105px; }

body { background: url('../layout/bodybg.png') top left no-repeat; }

a:link, a:visited { text-decoration: none; color: #444; border-bottom: 1px dotted #666; }
a:hover, a:active { color: #78a326; text-decoration: none; border-bottom: 1px dotted transparent; }

#main { position: relative; width: 700px; height: 600px; background:  url('../layout/path2979.png') top left no-repeat; }
#nav { width: 164px; height: 164px; padding: 20px; position: absolute; top: 204px; left: 65px; font-size: 0.81em; color: #fff; text-align: center; background:  url('../layout/path1876.png') top left no-repeat;  }

#nav ul { list-style: none; margin: 0 0 15px 0; /*padding: 40px 35px 0 30px;*/ }
#nav li { display: inline;  text-align: center; padding: 0; margin: 0;  }
#nav a { padding: 2px 10px 2px 10px; border-bottom: none;}
#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a:active { color: #5DB4E4; background: #fff; text-decoration: none; }
 
#content-wrap { width: 294px; height: 294px; padding: 30px; position: absolute; top: 181px; left: -50px; font-size: 10px; color: #4d4d4d; background:  url('../layout/path1878.png') top left no-repeat;  }
#content { line-height: 1.3em; }
#content h3 { font-family: "Trebuchet MS"; color: #78a326; font-weight: normal; font-size: 2em; line-height: 1em; margin: 0px 0px 10px 0px; }
#content p, #content ul, #content ol { margin-bottom: 7px; }
#content ul, #content ol { margin-left: 20px; }
#content li { margin-bottom: 2px; }

#logo { position: absolute; top: 204px; left: 65px; width: 280px; height: 291px; background:  url('../layout/path2837.png') top left no-repeat; } 
#logo a { border-bottom: none; } 
#extras { position: absolute; top: 204px; left: 65px; width: 188px; height: 188px; background:  url('../layout/path2768.png') top left no-repeat; } 

#noajax, #yesajax { position: absolute; left: 361px; top: 125px; }
#noajax a, #yesajax a { display: block; width: 129px; height: 67px; }
#noajax a:link, #noajax a:visited, #yesajax a:link, #yesajax a:visited { text-decoration: none; background: none; }
#noajax a:hover, #noajax a:active { background: url('../layout/noajax.jpg') top left no-repeat; }
#yesajax a:hover, #yesajax a:active { background: url('../layout/yesajax.jpg') top left no-repeat; }
#noajax span, #yesajax span { display: none; }

#nojs { z-index: 1000; position: absolute; left: 50px; padding: 4px; font-size: 12px; background: #F0F8DF; color: #78a326; border: 2px solid #78a326; border-top: none; }

.tiny, .note { font-size: 0.8em; }
.strong { font-size: 10px; font-weight: bolder; }
.indicator  span { font-size: 8px; color: #78a326; }
/**
 * This is the guillotine hack. Quite a lot of stuff in this layout
 * is floating, this puts them back in the normal flow and doesn't 
 * create odd overlapping elements
 */
/*
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html #content {height: 1%;}
*/