html, body {
height:100%;
}

body {
background:#dddddd;
font-family:Garamond,Roman,serif;
font-size:15px;
margin-left:auto;
margin-right:auto;
margin-top:5;
margin-bottom:5;
text-align:center;
}

body * {
text-align:left;
margin:0;
}

img {
border:none;
}

#page_container {
width:800px;
height:600px;
background:url(../media/si_bg.jpg);
position:relative;
margin:auto;
}

#nav_top {
}

#board {
height:427px;
position:relative;
top:20px;
}

#left {
width:300px;
height:280px;
float:left; 
position:relative; 
top:160px;
left:65px;
margin:0;
font-size:1.1em;
}

#left_content {
color:#444444;
}

#left_content h1 {
font-size:1.1em;
margin:0 0 8px 0;
}

#left_content h2 {
font-size:1.1em;
margin:16px 0 8px 0;
}

#middle {
width:360px;
height:360px;
position:relative; 
top:10px;
left:0;
margin:0;
float:right;
padding:22px 50px 0 0;
overflow:auto;
}

#middle_content {
color:#444444;
}

#middle_content p {
margin:0 0 8px 0;
}

#middle_content p a {
color:#000000;
font-weight:bold;
text-decoration:none;
border-bottom:1px dashed #000000;
}

#middle_content h1 {
font-size:1.1em;
margin:26px 0 16px 0;
}

#middle_content h2 {
font-size:1.1em;
margin:22px 0 12px 0;
}

#middle_content h3 {
font-size:1.1em;
margin:22px 0 12px 0;
}

/* nav_top-layouts */

#nav_top {
height:100px;
position:relative;
top:40px;
}

#nav_top table {
width:610px;
margin:auto;
}

#nav_top td {
text-align:center;
}

#nav_top a {
color:#444444;
font-size:1.6em;
text-decoration:none;
border-bottom:
}

#nav_top a:hover {
text-decoration:underline;
}

#nav_top a:active {
text-decoration:underline;
}

/* nav_bott-layouts */

#nav_bott {
height:100px;
position:relative;
top:0;
font-family:Verdana,Arial,sans-serif;
}

#nav_bott table {
width:610px;
margin:auto;
}

#nav_bott td {
text-align:center;
}

#nav_bott a {
color:#444444;
font-size:1.2em;
text-decoration:none;
}

#nav_bott a:hover {
text-decoration:underline;
}

#nav_bott a:active {
text-decoration:underline;
}