div#topbar
{
width:160px;
height:22px;
background-image:url('images/genericbar.png');
background-repeat:repeat-x;
position:fixed;
top:0px;
left:0px;
z-index:2000;
color:#FFFFFF;
}


body
{
margin:0px;
padding:0px;
background-color:#D0D0FF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
img
{
border:0px !important;
margin:0px !important;
padding:0px !important;
display:block;
}

a.normal
{
font-size:inherit;
font-family:inherit;
}

a.normal:link{color:#3333FF;text-decoration:none;}
a.normal:visited{color:#3333FF;text-decoration:none;}
a.normal:hover{color:#FF00FF;text-decoration:underline;}
a.normal:active{color:#FF00FF;text-decoration:underline;}

a.light
{
font-size:inherit;
font-family:inherit;
}

a.light:link{color:#9999FF;text-decoration:none;}
a.light:visited{color:#9999FF;text-decoration:none;}
a.light:hover{color:#FF00FF;text-decoration:underline;}
a.light:active{color:#FF00FF;text-decoration:underline;}

dt
{
float:left;
width:30%;
}

dd
{
float:left;
width:50%;
}

span.gros
{
color:#FF00FF;
font-weight:bold;
}

span.church
{
color:#6666FF;
}

span.weak
{
font-weight:normal !important;
font-style:italic;
color:#666666;
}

div.error
{
width:230px;
margin:10px 0px 10px 0px;
padding:4px;
border:solid 1px #9999FF;
background-color:#CCDDFF;
color:#FF0000;
}

div.bigerror
{
width:470px;
margin:0px 0px 10px 0px;
padding:4px;
border:solid 1px #9999FF;
background-color:#CCDDFF;
color:#FF0000;
}

div.bignotify
{
width:470px;
margin:0px 0px 10px 0px;
padding:4px;
border:solid 1px #9999FF;
background-color:#CCDDFF;
color:#000000;
}

div.leftimage
{
width:260px;
border:0px;
margin:0px;
padding:0px;
clear:both;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#pagecentre
{
width:780px;
background-color:#FFFFFF;
padding:0px;
margin:0px auto;
font-family:Calibri, Tahoma, Liberation Sans, Sans-Serif;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#head
{
width:780px;
height:120px;
background-image:url('images/head.jpg');
background-color:#000000;
}

#head img
{
margin:0px !important;
padding:0px !important;
}

    #siteswitch
    {
    width:140px;
    height:16px;
    margin:0px 0px 0px 640px;
    background-color:transparent;
    }
    
    #siteswitch a
    {
    display:block;
    width:140px;
    height:16px;
    margin:0px;
    }
    
        a.siteswitch
        {
        display:block;
        width:140px;
        height:16px;
        line-height:16px;
        background-color:#000000;
        }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#nav
{
width:700px;
height:22px;
background-color:#000000;
background-image:url('images/nav.png');
padding:0px 40px 0px 40px;
margin:0px;
font-family:inherit;
}

    #navhome, #navabout, #navevents, #navcommunity, #navresources, #navmedia, #navcontact
    {
    width:100px;
    height:22px;
    text-align:center;
    line-height:22px;
    float:left;
    }
    
    #nav a
    {
    color:#FFFFFF;
    display:block;
    width:100px;
    height:22px;
    text-decoration:none;
    font-size:medium;
    }
    
    #nav a:hover
    {
    background-image:url('images/hover.png') !important;
    text-decoration:underline;
    }
    
    /*menu*/
    #dropmenudiv
    {
    background-color:#000000;
    position:absolute;
    border-width:0px;
    border-bottom-width:0;
    font:inherit;
    line-height:20px;
    z-index:100;
    }

    #dropmenudiv a:link, #dropmenudiv a:visited
    {
    width:100%;
    display:block;
    text-indent:3px;
    border-bottom:solid 1px #999999;
    padding:0px;
    font-size:12px;
    font-family: Calibri, Tahoma, 'Liberation Sans', Sans-Serif;
    text-decoration:none;
    color:#FFFFFF;
    background-color:#000000 !important;
    }

    #dropmenudiv a:hover, #dropmenudiv a:active
    {
    width:100%;
    display:block;
    text-indent:3px;
    border-bottom:solid 1px #999999;
    padding:0px;
    font-size:12px;
    font-family: Calibri, Tahoma, 'Liberation Sans', Sans-Serif;
    text-decoration:underline;
    color:#FF00FF;
    background-color:#000000 !important;
    }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#status
{
width:760px;
height:20px;
line-height:20px;
color:#000000;
padding:0px 10px 0px 10px;
font-family:inherit;
font-size:small;
}

#status a
{
font-size:small;
font-family:inherit;
}

#status a:link{color:#3333FF;text-decoration:none;}
#status a:visited{color:#3333FF;text-decoration:none;}
#status a:hover{color:#FF00FF;text-decoration:underline;}
#status a:active{color:#FF00FF;text-decoration:underline;}

    #breadcrumb
    {
    float:left;
    width:50%;
    }
    
    #signed
    {
    width:50%;
    float:left;
    text-align:right;
    }
    
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#content
{
clear:both;
width:780px;
min-height:600px;
font-family:inherit;
}

    #leftcol
    {
    float:left;
    width:260px;
    margin:0px 10px 0px 10px;
    background-color:inherit;
    }
    
        div.leftcolhead
        {
        clear:left;
        width:260px;
        height:22px;
        color:#FFFFFF;
        font-family:inherit;
        font-size:large;
        text-align:center;
        background-color:#3333FF;
        background-image:url('images/leftcolhead.png');
        }
        
        div.leftcolitem
        {
        clear:left;
        width:240px;
        padding:10px;
        color:#FFFFFF;
        font-family:inherit;
        font-size:small;
        text-align:left;
        background-color:#000000;
        overflow:hidden;
        }
        
        div.leftcolitem a:link{color:#9999FF;text-decoration:none;}
        div.leftcolitem a:visited{color:#9999FF;text-decoration:none;}
        div.leftcolitem a:hover{color:#FF00FF;text-decoration:underline;}
        div.leftcolitem a:active{color:#FF00FF;text-decoration:underline;}
        
        div.leftcolitem ul
        {
        width:240px;
        list-style-type:none;
        padding:0px;
        margin:0px;
        }
        
        div.leftcolfootreflect
        {
        width:260px;
        height:20px;
        background-color:#FFFFFF;
        background-image:url('images/rightcolfootreflect.png');
        }
        
        a.leftcol
        {
        display:block;
        width:220px;
        height:22px;
        line-height:22px;
        font-size:medium;
        padding:0px 10px 0px 10px;
        }
        
        a.leftcol:link, a.leftcol:visited
        {
        background-color:#000000;
        color:#CCCCFF;
        text-decoration:none;
        }
        
        a.leftcol:hover, a.leftcol:active
        {
        background-color:#000066;
        color:#FF00FF;
        text-decoration:underline;
        }
    
    #rightcol
    {
    float:left;
    width:480px;
    margin:0px 10px 0px 10px;
    background-color:inherit;
    }
    
        div.rightcolhead
        {
        width:480px;
        height:22px;
        margin:0px;
        font-family:inherit;
        font-size:large;
        color:#FFFFFF;
        text-align:center;
        background-image:url('images/rightcolhead.png');
        }
        
        div.rightcolitem
        {
        width:460px;
        margin:0px 0px 10px 0px;
        padding:10px 9px 9px 9px;
        border-style:solid;
        border-color:#9999FF;
        border-width:0px 1px 1px 1px;
        font-family:inherit;
        font-size:medium;
        color:#000000;
        background-color:#CCDDFF;
        text-align:left;
        overflow:hidden;
        }
        
        div.rightcolitemb
        {
        width:460px;
        margin:0px;
        padding:10px 9px 9px 9px;
        border-style:solid;
        border-color:#9999FF;
        border-width:0px 1px 0px 1px;
        font-family:inherit;
        font-size:medium;
        color:#000000;
        background-color:#CCDDFF;
        text-align:left;
        overflow:hidden;
        }
        
        div#mainimage
        {
        width:480px;
        height:270px;
        background-color:#000000;
        }
        
        div.item
        {
        width:480px;
        height:80px;
        background-color:#000000;
        background-image:url('images/item.png');
        margin:0px 0px 20px 0px;
        }
        
        div.item:hover
        {
        background-image:url('images/itemhover.png');
        }
        
        div.item a
        {
        display:block;
        width:100%;
        height:100%;
        color:#FFFFFF;
        text-decoration:none;
        }
        
        div.itemtitle
        {
        height:22px;
        width:480px;
        text-align:center;
        }
        
        div.itemdesc
        {
        height:58px;
        width:480px;
        }
        
        div.itemdesc a
        {
        padding:9px;
        }
        
        div.itemicon
        {
        float:left;
        width:58px;
        height:58px;
        }
        
        div.itemright
        {
        float:left;
        width:422px;
        height:58px;
        }
        
        div.rightcolfoot
        {
        width:480px;
        height:20px;
        color:#FFFFFF;
        font-size:small;
        text-align:center;
        line-height:20px;
        background-color:#000000;
        background-image:url('images/rightcolfoot.png');
        }
        
        div.rightcolfootreflect
        {
        width:480px;
        height:20px;
        background-color:#FFFFFF;
        background-image:url('images/rightcolfootreflect.png');
        }
    

 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#foot
{
clear:both;
width:700px;
line-height:22px;
background-image:url('images/nav.jpg');
padding:0px 40px 0px 40px;
color:#FFFFFF;
background-color:#000000;
font-family:inherit;
font-size:small;
text-align:center;
margin:20px 0px 0px 0px;
}

    #foot a
    {
    font-size:small;
    font-family:inherit;
    }

    #foot a:link{color:#87B0DF;text-decoration:none;}
    #foot a:visited{color:#87B0DF;text-decoration:none;}
    #foot a:hover{color:#FF00FF;text-decoration:underline;}
    #foot a:active{color:#FF00FF;text-decoration:underline;}