body {
background-color: #374261;
}

#wrapper {
width: 900px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
}

#wrapper_index {
background: url(../images/background.png) 0% 0% no-repeat;
width: 900px;
background-color:#dee7fd;
margin-left: auto;
margin-right: auto;
}

#banner {
height: 140px;
background-image: url(../images/banner.png);
background-repeat: no-repeat;
border: 1px solid white;
}

#content {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

#title {
font-size:30px;
text-align:center;
}

#subtitle {
font-size:20px;
text-align:center;
}

#links {
margin-left:280px;
}

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:860px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:142px;
background:#7081AD;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#9EB6F2;
color:#000
}

#pen {
clear: right;
}