/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Header ::::::
*/

#header 
{
    z-index: 55;
    
    position: relative;
    
    margin:  0;
    padding: 0;

    height: 100px;
    
    background-image: url("../images/Header_Narrow.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

#header * 
{
    position: relative;
    
    margin:  0;
    padding: 0;

    width:  100%;
    height: 100%;
}

#header #Logo
{
    padding:0;
    margin:0;
    
    position:absolute;
    height:150%;
    
    background-image: url("../images/Logo.gif");
	background-repeat: no-repeat;
	background-position: Bottom center;
}

#header .top
{
	background-image: url("../images/Bridge_Top.gif");
	background-repeat: repeat-x;
	background-position: top center;
}

#header .left
{
	background-image: url("../images/Bridge_Left.gif");
	background-repeat: repeat-y;
	background-position: left;
}

#header .right
{
	background-image: url("../images/Bridge_Right.gif");
	background-repeat: repeat-y;
	background-position: right;
}

#header .corner.top.left
{	
	background-image: url("../images/Corner_Top_Left.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

#header .corner.top.right
{	
	background-image: url("../images/Corner_Top_Right.gif");
	background-repeat: no-repeat;
	background-position: top right;
}



#content > #header
{
    position: relative;
    
    padding: 0;
	margin: 0px 170px;
    
    height: 100px;
    	
	background-image: url("../images/Header_Narrow.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

#content > #header > #Logo
{
    padding:0;
    margin:0;
    
    position:absolute;
    width:100%;
    height:130%;
    
    background-image: url("../images/Logo.gif");
	background-repeat: no-repeat;
	background-position: Bottom center;
}

#content > #header > #stroke
{
	z-index: 200;
    
    width: 100%;
	height: 100%;
		
	position: absolute;
	
	background-image: url("../images/Logo_Stroke.png");
	background-repeat: no-repeat;
	background-position: center;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Content ::::::
*/
/*
______________________________________________________________________ Headlines ______
*/
#content h1, h2, h3, h4, h5, h6
{
	border: 0px;
	border-bottom: 1px;
	font-weight: normal;

	text-align: center;
	font-size: 10pt;
}

#content h1 
{ 
    border: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: dotted;
    border-color: #616466;
    
    color: #616466;    
    font-size:  14pt;
    
    margin-top:    50px;
	margin-bottom: 10px;
    
    padding-top: 5px;
    padding-bottom: 5px;
    
    
    background-color: #f2f1ed;
}

#content h2
{
    border-style: solid;
    border-color: #616466;
    border-color: #f2f1ed;
    
    color: #616466;
    
    margin-top:    30px;
	margin-bottom: 10px;
    
    padding-bottom: 5px;
}

#content h3
{
    border-style: solid;
    border-color: #FFF;
    border-color: #f2f1ed;

    color: #616466;
    
    margin-top:    20px;
	margin-bottom: 10px;
    
    padding: 0;
}

#content h4
{
    border-style: dotted;
    border-color: #FFF;
    
    color: #616466;
    
    margin-top:    20px;
	margin-bottom: 10px;
    
    padding: 0;
}

#content h5
{
    border-style: dotted;
    border-color: #FFF;
    
    color: #616466;
    
    margin-top:    20px;
	margin-bottom: 10px;
    
    padding: 0;
}

#content h6
{
    border-style: dotted;
    border-color: #FFF;
    
    color: #616466;
    
    margin-top:    20px;
	margin-bottom: 10px;
    
    padding: 0;
}





#content
{
    padding: 10px 0px;
    margin: 0;
    
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10pt;

	position: relative;
}

#content > *
{
    padding: 0px 10px;
    margin: 0px 170px;
    /*So that the content stays in the mid Column
      and doesn't flow into the sideColumnes
    */
}

#content > .column { padding: 0px;  margin: 0px; }





#footer
{
    clear: Both;
    /*So that it is always the last/lowest object
    */
}
