html, body {
    height: 101%;
}

body {
    margin: 0px;
    padding: 0px;
    font: 11px Verdana, sans-serif;
    line-height: 155%;
    color: #000000;
    text-align: center;
	background-image: url(/images/bodyBG.gif);
	background-repeat: repeat;
}
* body {
    border-bottom: none;
}

img             {margin: 0; border: 0;}
form            {margin: 0;}
input           {margin: 0;}

ul, ul li       {margin: 0 0 0 25px; padding: 0;}
ul li           {list-style-type: circle;}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

.hr hr {
    display: none;
}

/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;} /* ONLY seen by IE-win */
/* End hide from IE-mac */

.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

/* lay out
---------------------------------------------- */
#center {
    margin: 0 auto 0px auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align: left;
    width: 800px;
	left: 50%;
	background-color:#FFFFFF;
	background-image: url(/images/banner/banner.png);
	background-position: 0px 325px;
	background-repeat: no-repeat;
	}
    
	#top {
	position: relative;
	height: 50px;
	background-image: url(/images/wielercomite.jpg);
	background-position: right;
	background-repeat: no-repeat;
		    }

	#flash {
	position: relative;
	height: 200px;
	width: 800px;
	height: 200px;
	border-top: #567EB9 solid 3px;
	border-bottom: #567EB9 solid 3px;
		    }

    #content-container {
	margin: 50px 0px 0px 25px;
    }
       
	   #content-main {
	position: relative;
	text-align: justify;
	left: 0px;
	top: 0px;
	width: 540px;
	color: #333333;
	padding: 0px;
	margin: 0;
	padding-bottom: 500px;
        }
      
	   
#content-right {
	position: absolute;
	width: 160px;
	color: #666666;
	text-align: left;
	padding-left: 20px;
	border-left: #567EB9 dashed 1px;
	margin-left: 570px;
	font-size: 10px;
        }

    #footer {
	clear: both;
	margin: 0px;
	padding: 50px 0 0 0;
    }

.menu	{
		position: relative;
		display: block;
		margin: 0px;
		color: #333333;
		top: 0px;
		left: 0px;
		width: 800px;
		text-align: center;
		z-index: 50;
		}

a.readmore {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
    background: url('/images/arrow.gif') no-repeat 0 6px;
    font-style: italic;
    text-decoration: none;
}
a:hover.readmore {
    color: #000;
}

h1	{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #567EB9;
font-weight: bold;
line-height: 50px;
	}

/* h2 */
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #666666;
font-weight: bold;
line-height: 50px;
}

/* h3 */
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #666666;
font-weight: bold;
line-height: 50px;
}

h4	{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #000000;
font-weight: bold;
line-height: 20px;
}

#line	{
	position:absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 0px;
	width: 100%;
	height:200px;
	background-image: url(/images/banner/bodyBG-2.gif);
	background-repeat: repeat;
	z-index: -1;
	border-bottom: #AABEDC solid 3px;
	border-top: #AABEDC solid 3px;
}

#content-main a	{
	color: #333333;
	text-decoration: underline;
}

#content-main a:visited {
	text-decoration: underline;
	color: #333333;
}

#content-main a:hover {
	text-decoration: none;
	color: #567EB9;
}

#content-main a:active {
	text-decoration: none;
	color: #567EB9;
}

#footer a	{
	color: #000000;
	text-decoration: underline;
}

#footer a:visited {
	text-decoration: underline;
	color: #000000;
}

#footer a:hover {
	text-decoration: none;
	color: #567EB9;
}

#footer a:active {
	text-decoration: none;
	color: #567EB9;
}

#content-right a	{
	color: #000000;
	text-decoration: none;
}

#content-right a:visited {
	text-decoration: none;
	color: #000000;
}

#content-right a:hover {
	text-decoration: none;
	color: #567EB9;
}

#content-right a:active {
	text-decoration: none;
	color: #567EB9;
}

#table	{
	font-size: 10px;
	text-align: left;
	}