/* ------------- General CSS ------------- */
body {
background: url('../images/background.jpg') #000 top center repeat-y;
font-size: 85%;
font-family: Trebuchet MS,Verdana,"Fertigo", "Georgia", "Big Caslon", serif;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-family: Trebuchet MS,Verdana;
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-family: Trebuchet MS,Verdana;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin:0px auto;
}

/* ----------banner for logo-------------- */
#banner {
background:url(../images/head.png) top right no-repeat;
text-align: right;
padding: 0px;
margin: 0px;
height:120px;
}
#banner img {padding:10px 0px; margin-top:15px; margin-right:30px;} 

/* -----------------content--------------------- */
#content {
background-image: url(../images/content_bg.png);
padding: 3px 0px 25px 0px;
margin: 0px 9px 0px 210px;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#content .header
{ font-size:28px; margin-left:43px; margin-top:5px; margin-bottom:10px; text-align:left;font-family:Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight:normal; color:#54493f; width:80%;}

#content .subheader
{ font-size:20px; margin-left:43px; margin-top:5px; margin-bottom:10px; text-align:left;font-family: Trebuchet MS,Verdana, Times, Times New Roman, Sans-serif; font-weight:normal; color:#502d16; width:80%;text-decoration: underline}

#content p {
font-family: Trebuchet MS,Verdana;
font-size:16px;
line-height:20px;
margin:20px 0px;
text-align:justify;
padding: 5px 43px;
margin:0px;
}

hr { height:0px; margin:10px 43px; padding:0px; border:1px solid #97bf0d; }

/* --------------left navi------------- */
#left {
float: left;
width: 210px;
margin: 12px 0px 0px 0px;
padding: 0px;
}

#left ul#sliding-navigation
{ list-style:none; padding:0px; margin:15px 0px 15px 30px; font-size:1.2em;}

#left ul#sliding-navigation li.sliding-element a, #left ul#sliding-navigation li.sliding-element h3
{ text-align:left; display:block; margin:10px 0px; padding:5px 18px; background: url(../images/sidebar_bg.png); text-decoration:none; color:#aaa; border:1px solid #1a1a1a;}

#left ul#sliding-navigation li.sliding-element h3
{ color:#dfba74; margin:0px; background-color:#222;}
#left ul#sliding-navigation li.sliding-element a:hover
{ color:#ffff66; }

#left img
{margin:0px 0px 0px 30px; padding:0px;}

/* -----------footer--------------------------- */
#footer {
float:left;         
clear: both;
margin-left:410px;
margin-top :50px;
padding:10px;
background:url(../images/sidebar_bg.png);
font-family:monospace;
color:#97bf0d;
width:561px;
text-align:center;
}