/* CSS Document */

html, body
{
padding: 0; margin: 0;
background-color: #999999;
background-image: url(../images/bg-fade.jpg);
background-position: top;
background-repeat: repeat-x;
}

#container
{
position: relative; left: 0px; top: 0px; width: 900px; height: 768px;
margin-left: auto; margin-right: auto;
}

#header
{
float: left; width: 900px; height: 115px; 
margin-top: 70px; margin-left: 0px;
}

#navigation
{
float: left; width: 900px; height: 30px;
border-top: solid 1px #707070;
border-bottom: solid 1px #707070;
}

#content-container
{
float: left; width: 900px; height: 310px;
}

#text-area
{
float: left; width: 445px; height: 270px; margin-left: 15px; margin-top: 30px;
}

#image-area
{
float: right; width: 415px; height: 290px; margin-right: 15px; margin-top: 10px;
}

#footer
{
float: left; width: 900px; height: 20px; padding-top: 10px;
border-top: solid 1px #707070;
border-bottom: solid 1px #707070;
}

#welsh-logo
{
float: left; width: 900px; height: 62px; margin-top: 20px;
text-align: center;
}

#ScrollTextArea
{
position: relative; top: 0px; left: 0px; width: 415px; height: 230px;
overflow: hidden;
} 

#ScrollContainer
{
position: absolute; top: 290px; left: 445px; width: 25px; height: 235px;
}

#ScrollUp
{
position: absolute; top: 0px; left: 0px; width: 25px; height: 41px;
}

#ScrollDown
{
position: absolute; bottom: 0px; left: 0px; width: 25px; height: 41px;
}