@charset "utf-8";
/* CSS Document */

html, body{
max-height:101%;
height:101%;
min-height:101%;
margin-bottom:1px;
}

body{
background-color:#000000;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
margin: 0px auto;
width: 800px;
min-height:600px;
background-color:#f0f5ff; /*light blue*/
color: #000000;
font-size:12px;
}

#wrapper-index{
margin: 20px auto;
width: 660px;
min-height:520px;
background-color:#ffffff;
padding:10px 20px 10px 20px;
color: #000000;
font-size:12px;
}

#content{
text-align:left;
padding:10px 30px 10px 30px;
width: 740px;
min-height:350px;
background-color:#f0f5ff; /*light blue*/
}

#viewer{
background-color:#FFFFFF;
padding:10px 30px 10px 30px;
width: 740px;
min-height:350px;
text-align:center;
}

p{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
border-bottom:1px solid #000000;
}

h2{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

h3{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

h3{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

.small{
font-size:10px;
}

a{
color: #333333;
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

#header{
height:190px;
width:800px;
background-image:url(img/layout-img/header.gif);
background-repeat:no-repeat;
}

#nav{
width: 800px;
height: 40px;
}

#footer{
height: 30px;
width: 800px;
background-image:url(img/layout-img/footer.gif);
text-align:center;
padding-top:10px;
font-size:10px;
color: #FFFFFF;
}