html
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: small;
	font-family: 'Trebuchet MS' , Arial, Sans-Serif;
    /*text-align: center;*/
	background-color: #ffffff;
}

body
{
	/*margin: 10px;*/
	margin: 0;
	padding: 0px;
	text-align: center;
}

#SiteContainer
{
	/*width: 760px;*/
	height: auto;
	margin: 0px;
	/*background-image: url(/pictures/background.png);*/
	background-position:left top;
	background-repeat:repeat-y;
	text-align:left; 
}

#ContentContainer
{
	/*margin: 0px 10px 0px 10px;*/
	margin: 0;
	padding:0px;
}

#HeaderBar
{
	height: 100px;
	background-image: url(/pictures/headerbackground.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	color: inherit;
	/*border-top: solid 2px #000000;*/
	position: static;
}

	#HeaderBar Img
	{
		margin: 10px;
	}

#HeaderSpace
{
	float:right;
	margin:10px;
	text-align: right;
	font-size: x-small;
	width: 400px;
	height:80px;
}

#SeparatorBar
{
	height: 15px;
	background-color: #006699;
	font-size: xx-small;
	border-bottom: solid 2px #000000;
	background-image: url(/pictures/barbackground.png);
	background-repeat: repeat-x;
	color: #003366;
}

    #SeparatorBar h1, a
    {
        color: #000000;
        background-color: inherit;
    }

#Menu
{
	margin-top: 10px;
	width: 150px;
	font-size: 12px;
	background-image: url(/pictures/bodge.gif);
	float:left;
}

#BodyContainer
{
    background-color: #99cc99;
    /*background-color: #afc3ba;*/
    color: inherit;
}

#BodyContent
{
	/*margin: 0 5px 0 151px;*/
	margin: 0 0 0 150px;
	padding: 10px 100px 20px 20px;
	background-color: #ffffff;
	color: inherit;
	/*border-left: solid 1px #000000;
	border-right: solid 1px #000000;*/
	background-image: url(/pictures/fadebackground.png);
    background-repeat: repeat-y;
    /*text-align: justify;*/
    height: expression('500px'); min-height: 500px;
}

#ImageBox
{
	float: right;
	margin: 10px;
	border: solid 1px #000000;
	padding: 0;
}

#IconBox
{
	float: right;
	margin: 10px;
	border-style:none;
	padding: 0px;
}

#CopyrightBar
{
	height: 15px;
	background-color: #006699;
	font-size:xx-small;
	text-align: right;
	padding-right: 3px;
	border-bottom: solid 2px #000000;
	background-image: url(/pictures/barbackground.png);
	background-repeat: repeat-x;
	color: #003366;
}

	#CopyrightBar a
	{
		color: #003366;
		background-color: transparent;
		text-decoration:none;
		font-weight:normal;
	}

	#CopyrightBar a:hover
	{
		color: #ff9900;
		background-color: transparent;
		text-decoration: underline;
		font-weight: normal;
	}

#W3Logos
{
	/*width: 760px;*/
	/*height: auto;
	margin: 0px auto;
	padding: 5px;
	text-align: right;*/
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
}

#FooterErrorMessage
{
    background-color: inherit;
    color: #ff0000;
    font-size: small;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    text-align: right;
}

acronym
{
    border-bottom: dotted 1px #999999;
}

p
{
	margin: 0 0 15px 0;
	font-size: small;
}

h1
{
	font-weight: bold;
	font-size: large;
	text-transform: capitalize;
	color: #006699;
	text-align: left;
	background-color: transparent;
}

h2
{
	font-weight: bold;
	font-size: medium;
	text-transform: capitalize;
	color: #000000;
	text-align: left;
	padding: 15px 0 5px 0px;
	margin: 0px;
	background-color: transparent;
}

    .important
    {
        font-weight: bold;
        color: #ff0000;
    }

h3
{
	font-weight: bold;
	font-style: italic;
	font-size: small;
	text-transform: capitalize;
	color: #000000;
	/*text-align: left;*/
	padding: 5px 0 5px 0px;
	margin: 0px;
	background-color: transparent;
}

h4
{
	font-weight: bold;
	font-size: small;
	/*text-transform: capitalize;*/
	color: #000000;
	/*text-align: left;*/
	padding: 2px;
	margin: 0px;
	background-color: transparent;
}

h5
{
	font-weight: normal;
	font-size: small;
	/*text-transform: capitalize;*/
	color: #000000;
	/*text-align: left;*/
	padding: 2px;
	margin: 0px;
	background-color: transparent;
}

a, ul.IconMenu li span.a
{
	color: #006699;
	text-decoration: none;
	background-color: transparent;
}

a:hover, a:visited:hover
	{
	color: #ff9900;
	text-decoration: underline;
	background-color: transparent;
	}

a:visited
{
    color: #660000;
	background-color: transparent;
}
	
blockquote
{
	font-weight: bold;
	/*font-style: italic;*/
}

img
{
	border-style: none;
}

    img.pageicon
    {
	    float: right;
	    margin: 5px;
	    border-style: none;
	    padding: 0px;
    }

ol, ul
{
    text-align: left;
}

ol
{
    list-style-type: decimal;
}

ol li ul
{
     margin-bottom: 2em;
}

ul
{
    list-style-type: square;
}

li
{
    padding: 2px;
}

    li label.radio
    {
        display: block;
        padding-left: 30px;
    }
    
    li input.radio
    {
        display: block;
        float: left;
    }

div.clearer
{
    height: 0;
    width: 0;
    clear: both;
}

div.rightfeaturebox
{
    float: right;
    color: inherit;
    background-color: #ffffcc;
    background-image: url(/pictures/formfade.png);
    padding: 5px;
    margin:  0 5px 10px 5px;
    border: solid 1px #999999;
    width: 150px;
    text-align: left;
}

    div.rightfeaturebox h2, div.rightfeaturebox p
    {
        padding: 0;
        margin: 0;
    }

    div.rightfeaturebox ul
    {
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

div.form
{
    color: inherit;
    background-color: #ffffcc;
    background-image: url(/pictures/formfade.png);
    padding: 10px;
    margin: 20px 10px 20px 10px;
    border: solid 1px #999999;
    text-align: left;
}

    div.form input, div.form textarea, div.form select
    {
        background-color: #ffffff;
        color: #000000;
        border: inset 1px #cccccc;
        padding: 1px 2px 1px 2px;
        width: 300px;
    }

        div.form input.disabled
        {
            color: #333333;
            background-color: #cccccc;
        }

    div.form textarea.toc, div.form select.toc
    {
        width: 500px;
        margin: 15px 0 15px 0;
    }
    
    div.form input.checkbox
    {
        width: auto;
        background-color: transparent;
        border-style: none;
    }

    div.form h2
    {
        padding: 0;
        margin: 0;
    }

    div.form table
    {
        text-align: right;
    }
    
        div.form table td.label
        {
            vertical-align: top;
            padding: 2px 0 0 0;
            width: 200px;
        }

div.formcontrol
{
    text-align: right;
}

    table caption
    {
        font-size: x-small;
        font-weight: bold;
        text-align: left;
    }

table.datalist
{
    border: solid 1px #cccccc;
    padding: 0;
    margin: 10px 0 50px 0;
    caption-side: top;
    empty-cells: show;
    width: 550px;
    font-size: small;
}

    table.datalist caption
    {
        text-align: left;
    }

    table.datalist thead
    {
        background-color: #99ccff;
        color: inherit;
        font-weight: bold;
    }

    table.datalist tr.one
    {
        background-color: #ffffff;
        color: inherit;
    }

    table.datalist tr.two
    {
        background-color: #cccccc;
        color: inherit;
    }

    table.datalist td
    {
        padding: 5px;
        margin: 0;
    }

div.terms
{
    padding: 5px;
    overflow: scroll;
    height: 250px;
    border: inset 1px;
    background-color: #ffffff;
    font-family: Courier New;
}

ul.IconMenu, ul.iconmenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 400px;
}

    ul.IconMenu li a, ul.IconMenu li span.a
    {
        background-repeat: no-repeat;
        height: 33px !important;
        height: 50px;
        display: block;
        padding: 17px 0 0 60px;
        margin: 0;
    }

    ul.mini li a, ul.mini li span.a
    {
        background-repeat: no-repeat;
        /*height: 33px !important;*/
        height: 25px;
        display: block;
        padding: 0 0 0 30px;
        margin: 0;
    }

	.hidden, .Hidden
	{
	    display: none;
	}
    
@media screen, projector
{
	.NoScreen
	{
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		visibility: hidden;
		display: none;
	}
}
    
@media print
{
	html, body
	{
		font-size: 9pt;
        font-family: Verdana, Helvetica, 'Trebuchet MS' , Arial, Sans-Serif;
		width: auto;
		padding: 1%;
		margin: 1%;
	}
	
	a, a:link, a:visited, a:hover
	{
		color: #006699;
		background-color: inherit;
		text-decoration: underline;
		font-weight: bold;		
	}

    #HeaderBar
    {
        border-style: none;
    }

	#HeaderBar Img
	{
		margin: 0;
	}
	
	#W3Logos, #HeaderSpace, #Menu, #CopyrightBar, #SeparatorBar, .ButtonMenu, .Button, .NoPrint, .IconMenu
	{
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		visibility: hidden;
		display: none;
	}
	
	#SiteContainer, #BodyContent, #ContentContainer
	{
		width: auto;
		margin: 0;
		padding: 1px;
		border-style: none;
	}
	
	div.form
	{
	    page-break-after: auto;
        page-break-before: auto;
        page-break-inside: avoid;
	}
	
	table.datalist, div.form
	{
	    width: 100%;
	}
	
	table.datalist, table.datalist tr, table.datalist tr td
	{
	    border-collapse: collapse;
	    border: solid 1px #999999;
	}
	
	table.tr
	{
	    page-break-after: auto;
	    page-break-before: auto;
	    page-break-inside: avoid;
	}
	
	.ExpandToPrint, div.terms
	{
        display: block;
        height: auto;
        width: auto;
        visibility: visible;
	}

}