body
{
    background-color:#FFF;
    background-image:url(images/bg_page.jpg);
    background-repeat:repeat-y;
    color:#000;
    padding:0px;
    font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size:10pt;
    margin-left:0;
    margin-right:0;
    margin-top:0;

}


a:link {color: #5b4e3e;}
a:visited {color: #38261c;}
a:active {color:#38261c;}
a:hover {color:#333;}

h1
{
    font-size:16pt;
    font-weight:bold;
    color:#313b56;
    margin-top:2px;
    text-align:right;
    font-family: "Courier New", "Courier", monospace;


}
h2
{
    font-size:14pt;
    font-weight:bold;
    color:#313b56;
    margin-top:2px;
    margin-bottom:2px;
    font-family: "Courier New", "Courier", monospace;


}
h3
{
    font-size:10pt;
    font-weight:bold;
    color:#313b56;
    margin-top:2px;
}

h4
{
    font-size:8pt;
    font-weight:bold;
    color:#313b56;
}
.homepage
{
    background-image:none;
    background-color:#333;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.home img
{
    width:800px;
    border:none;
    vertical-align:middle;
    margin-top:80px;
}

.header
{
    background-image:url(images/bg_header.jpg);
    background-repeat:repeat-x;
    height:141px;
    text-align:left;
}
.header img
{
    border:0;
    
}
.nav a:link {color: #FFF;text-decoration:none;}
.nav a:visited {color: #FFF;text-decoration:none;}
.nav a:active {color:#FFF;text-decoration:none;}
.nav a:hover {color:#CCC;text-decoration:none;}

.nav
{
    float:left;
    width:160px;
    padding:5px;
    display:table;
    font-weight:bold;
    font-family: "Courier New", "Courier", monospace;

}
.nav ul
{
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    margin-right:0;
    text-align:right;
    padding-right:0px;
    padding-top:0;
    font-size:14pt;
    line-height:150%;
}


.content
{
    color:#000;
    padding:1em 10% 3em 200px;

}


.container
{
    width:100%; 
    height:100%; 
    margin-left:auto;
    margin-right:auto; 
    _height: 1px; /* hasLayout needed to remove gap underneath column 1 (!) in IE6 */;
    

}

.article
{
    clear:left;
    margin-bottom:10px;
    padding:10px 0 10px 0;
    display:table;
}
.graphic
{
    float:right;
    display:table;
    width:125px;
    height:100%;
}

.graphic img
{
    
    margin:10px;
    width:125px;
    border:1px solid #333;
}
#footer {
	color:#555;
	font-size:x-small;
	text-align:right;
	margin-top:100px;
	height:20px;
	clear:both;
}
#footer a:link {color: #444;text-decoration:none;}
#footer a:visited {color: #444;text-decoration:none;}
#footer a:active {color:#444;text-decoration:none;}
#footer a:hover {color:#ccc;text-decoration:none;}