* {
margin:0px;
padding:0px;
font-family: Verdana, Courier, 'Franklin Gothic Book', sans-serif 
}

img {
border:0px;
}


#content img {
max-width: 400px;
margin-top:10px;
width: expression(document.geElementById('container').style.
width > 400 ? "400px": "auto" );
}

body {
background: url('../images/backgroundimage.jpg') #800000 repeat-x;
}

/* ## Link style ## */

a:link {
text-decoration: none;
color: #ff9b00;
}
a:visited {
text-decoration: none;
color: #ff9b00;
}
a:active {
text-decoration: none;
color: #ff9b00;
}
a:hover {
text-decoration: underline; 
color: #ff9b00;
}


#container {
width:798px;
margin:40px auto;
border:2px solid #ff9b00;
position:relative;
}

#header {
background: url('../images/header.jpg') #800000 no-repeat;
width:796px;
height:211px;
border-bottom:2px solid #ff9b00;
margin:1px 0px 0px 1px;
}


/* ## Menu style ## */


#menu {
width:206px;
/*height:439px;*/
background-color:#800000;
margin:1px 0px 1px 1px;
float:left;
border-right:2px solid #ff9b00;
}

#menu ul {
margin:15px 0px 0px 15px;
}


#menu ul li {
margin-top:10px;
list-style:none;
color:#ff9b00;
font-size:18px;
}

.selected{
text-decoration:underline;
font-size:18px;
}

/* ## Content style ## */

#content {
/*background: url('../images/content-background.jpg') #800000 no-repeat;*/
width:587px;
height:439px;
position:relative;
float:left;
margin:1px 0px 1px 1px;
overflow-y:scroll;
}

#content p {
color:#fff;
font-size:18px;
margin:15px;
text-shadow: #000 1px 1px 1px;
}

.clearfix {
clear:both;
}