html, body {
height:100%;
}

body {
background:#dddddd;
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/intro_bg.jpg);
position:relative;
margin:auto;
}

#nav_top {
}

#left {
width:200px;
height:600px;
float:left; 
position:relative; 
top:0;
margin:0; 
height:auto;
}

#left_content {
width:180px;
height:430px;
margin:50px 20px 0 20px;
overflow:auto;
color:#ffffff;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
}

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

#left_content h1 {
font-size:1.0em;
margin:0;
}

#board {
position:relative;
float:right;
}

#middle {
width:353px;
padding:0;
position:relative;
top:0;
left:20px;
float:left;
}

#right {
width:180px;
height:570px;
position:relative; 
top:30px;
margin:0;
float:right;
padding:22px 60px 0 0;
}

#right_content {
width:190px;
height:190px;
margin:0 0 0 40px;
overflow:auto;
color:#ffffff;
font-family:Garamond,Roman,serif;
font-size:15px;
}

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

#right_content h1 {
font-size:1.0em;
margin:0;
}

#right_content p {
}

#right_content .csc-frame-frame1 {
border:1px solid #ffffff;
}

#right_content .csc-frame-frame1 h1 {
padding:4px 6px 4px 6px;
background:#ffffff;
color:#444444;
}

#right_content .csc-frame-frame1 p {
padding:6px;
}