/* _ _ _ Main _ _ _  */

* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%;
background: #D3151E;
}

#page-wrap {
width: 900px;
margin: 62px auto;
}

/* _ _ _ Layout _ _ _  */

#image-bar {
width: 201px;
float: left;
height: 802px;
position:relative;
}

#main-content {
font-family: Garamond; font-size: 14px; color: #000000;
float: right;
position:relative;
width:387px;
padding-left:42px;
padding-right:42px;
padding-top: 42px;
background-image: url(images/bgmain.jpg);
background-repeat: no-repeat;
height: 760px;
}
#lied {
font: 11.5px/1.1em "Garamond";
margin-bottom: 8px;
color: #000000;
}

 
 
 /* Main Nav */


#navcontainer
{
background-image: url(images/bgnavigation.jpg);
background-repeat: no-repeat;
width:228px;
height: 802px;
margin: 0 auto;
padding: 0 0;
font-family: garamond;
font-size: 15px;
text-align: left;
position:relative;
float:left;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 15px 0 0.5em 1.3em;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #003399;
text-decoration: none;
background: #d7dee5;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #003399;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #d3151w;
background: #d7dee5;
border-color: #aaab9c #fff #fff #ccc;
}



/* _ _ _ Scroller _ _ _ */


#myscroller {
position:relative; // mandatory
width:200px; 
height:150px; // set as required
overflow:hidden; // mandatory
border:solid 1px; margin:5px; // optional
} 





/* _ _ _ Footer _ _ _ */

#footer {
padding-top:10px;
text-align: center;
color: white;
font-family: "Garamond";
font-size: 12px;
height: 100px;
clear:both;
background: #D3151E;
}

#footer a:visited { 
color: #FFFFFF;
font-family: "Garamond"; 
font-size: 12px; 
 text-decoration: none} 

#footer a:hover { 
color: #FFFFFF; 
font-family: "Garamond"; 
font-size: 12px; 
} 

#footer a:link { 
color: #FFFFFF; 
text-decoration: none; 
border: none; 
font-family: "Garamond"; 
font-size: 12px; 
}

 

/* _ _ _ Text _ _ _  */

p{
font: 14px/1.8em "Garamond";
margin-bottom: 8px;
color: #000000;
}

p a:visited { 
color: #D3151E;
font-family: "Garamond"; 
font-size: 14px; 
 text-decoration: none} 

p a:hover { 
color: #003399; 
font-family: "Garamond"; 
font-size: 14px; 
} 

p a:link { 
color: #003399; 
text-decoration: none; 
border: none; 
font-family: "Garamond"; 
font-size: 14px; 
}

h1 {
font: 25px "Garamond";
color: #D3151E;
height: 10px;
white-space: normal;
padding-bottom: 15px;
vertical-align: 110%;
}

h2 {
font: 22px "Garamond";
color: #D3151E;
height: 10px;
white-space: normal;
padding-bottom: 15px;
vertical-align: 110%;
}

h3 {
font: 18px "Garamond";
color: #D3151E;
height: 10px;
white-space: normal;
padding-bottom: 15px;
vertical-align: 110%;
}

#ul { 
margin-left: 10px;
padding: 0;
padding-top: 1em;
}


img {
border: none;
}