html
{
    padding:0;
    margin:0 auto;
    border:0;
    height:100%;
    width:100%;
}

body
{
    padding:0;
    margin:0 auto;
    border:0;
    height:100%;
    text-align:center;
    background-color:#eeeeee;
}

body.ha
{
    background-image:url(images/flourish-tile3.gif);
}

body.ua
{
    background-image:url(images/brick_tile2.jpg);
}

h1, h2, h3
{
    padding:0;
    margin:0;
    border:0;
    font-size:1em;
    font-weight:normal;
}

.Container 
{
    padding:0;
    margin:0 auto;
    border:0;
    width:900px;
    text-align:left;
/*
    background-color:#333333;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9; 
    opacity: 0.9;
*/
}

.Header
{
    width:100%;
    color:White;
    background-color:#333333;
}

.HeaderContent
{
    padding:1em 0 1em 1em;
}

.NavBar 
{
    background-color:#999999;
    text-align:center;
    color:White;
    font-size:0.9em;
    font-family:Verdana;
    width:100%;
    margin:0;
    padding:0.2em 0 0.2em 0;
}

#NavBar ul
{
    float:left;
    margin:0;
    padding:0;
    width:100%;
    background-color:#999999;
}

#NavBar li
{
    display:inline;
    float:left;
}

#NavBar li.FloatRight
{
    float:right;
}

#NavBar a
{
    text-decoration:none;
    color:White;
    padding:0em 1em 0em 1em;
}

#NavBar a.selected
{
    background-color:red;
}

#NavBar a:hover
{
    background-color:red;
}

.MainLeft
{   
    float:left;
    height:100%;
    min-height:700px;
    width:66%;
    text-align:left;
    background-color:#333333;
}

.MainRight
{   
    float:right;
    width:33%;
    height:100%;
    min-height:700px;
    text-align:left;
    overflow:auto;
    background-image:url(images/trwhbg.png);


/*
    background-color:white;
    background-color:rgba(255,255,255,1);

    background-color:white;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8; 
    opacity: 0.8;
*/
}

.Content
{
    padding:1em 1em 1em 1em;
}

.Content h2
{
    margin-bottom:0.5em;
}

.Footer
{
	clear:both;
    margin:5px auto;
    width:900px;
    color:White;
    padding-top:0.5em;
}

.FooterContent
{
	background-color:#333333;
    padding:0.3em;
    text-align:left;
}

.FooterPadding
{
    padding:0px;
}

.Centre
{
    margin:0 auto;
    text-align:center;
    width:450px;
}

.SlideshowPanel
{
     padding:10px;
     background-color:#EEEEEE;
     text-align:center;
     height:360px;
}

.SlideshowPanelCentre
{
    margin:auto;
}

.SlideshowText
{
     background-color:#EEEEEE;
     text-align:center;
     color:Black;
}

div.HAHR
{
    width:100%;
    height:1px;
    text-align:center;
    border: dashed 2px #cccccc;
    border-right:none;
    border-bottom:none;
    border-left:none;
    margin:10px 0 10px 0;
    padding:0;
}

div.HAHR2
{
    width:100%;
    height:1px;
    text-align:center;
    border: dashed 2px #777777;
    border-right:none;
    border-bottom:none;
    border-left:none;
    margin:10px 0 10px 0;
    padding:0;
}

img
{
    border: 0;
}