﻿body
{
    margin: 0;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 0.9em;
    background: #FFFFFF url(../images/bg.jpg) repeat-x;
}
a
{
    text-decoration: none;
    color: #004A8D;
}
a:hover
{
    color: #FB730F !important;
}
hr
{
	clear: both;
	padding: 0;
	margin: 0!important;
	color: Black;
	height: 1px;
}
h1
{
    display: block;
    color: #c60005;
    text-transform: uppercase;
    font-size: 1.5em;
    clear: both;
    margin-top: 0;
}
h2
{
    color: #c60005;
    text-transform: uppercase;
    font-size: 1.2em;
}
h3
{
    color: #c60005;
    text-transform: uppercase;
    font-weight: normal !important;
    font-size: 1.2em;
}
h4
{
    color: #5d5d5d;
    text-transform: uppercase;
    font-weight: normal !important;
    font-size: 1.1em;
}
h1 a, h2 a, h3 a, h4 a
{
	color: #c60005;
}
h4 a
{
	color: #5d5d5d;
}
h5
{
    color: #333333;
    font-weight: normal !important;
    font-size: 1.1em;
}
.FrontPageTitle
{
	color: #FFC800;
	font-family: Impact, Arial Narrow, Arial, Helvetica, Sans-Serif;
	font-size: 1.9em;
	font-weight: normal;
	position: relative;
	z-index: 1000;
}
img
{
    border: 0;
}

.GreyBg
{
	background-color:#DDDDDD;
}

.GreenBg
{
	background-color:#DDFFDD;
}

.BlueBg
{
	background-color:#DDDDFF;
}

.EventListRow
{
	
	border-bottom:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	padding:5px;
}

#Container 
{
    margin: 0 auto;
    width: 990px;
}
    #Head
    {
        width: 990px;
        /* hack to set min height in IE 6 */
		height: auto !important;
		height: 147px;			
		min-height: 147px;
        clear: both;
    }
        #MetaNavigation
        {
            width: 968px; /*955*/
            height: 22px;
            background: #4d4d4d;
            padding: 0 21px 0 0;
            margin: 0;
            clear: both;
            text-align: right;
        }
            #MetaNavigation a
            {
                color: #ffffff;
                font-size: 0.85em;
                text-decoration: none;
                display: inline-block;
                margin: 0;
                padding: 1px 0 0 15px;
            }
            #MetaNavigation a:hover
            {
                text-decoration: underline;
            }
        #Logo
        {
            width: 396px;
            height: 118px;
		    float: left;
		    clear: left;
        }
            #Logo img
            {
                padding: 0;
                border: 0;
            }
        #DesignatorPanel
        {
            width: 594px;
            height: 118px;
            float: right;
            clear: right;
        }
        #HiVis
            {
                width: 147px;
                height: 26px;
                position: absolute;
	            z-index: 100;
	            margin: 0px 0px 0px 440px;
            }
        #SiteNavigation
        {
            margin: 0;
            padding: 15px 0 0 0;
            height: 45px;
            width: 100%;
            clear: both;
            font-size: 0.9em;
        }
            #SiteNavigation a
            {
                color: #000000;
                font-size: 0.9em !important;
                font-weight: 600;
                white-space: nowrap !important;
                text-transform: uppercase;
            }
                .NavLeft
                {
                    float: left;
                    clear: none;
                    margin: 0 0 0 0;
                    padding:0 0 0 0;
                    width: 21px;
                    height: 45px;
					background: url(../images/new/nav_left.gif) no-repeat;
                }
                .NavMiddle
                {
                    margin: 0 0 0 0;
                    padding:15px 0 0 0;
                    float: left;
                    clear: none;
                    cursor: hand;
                    display: inline-block;
					background: url(../images/new/nav_bg.gif) repeat-x;
                    height: 30px;
                }
                .NavRight
                {
                    float: left;
                    clear: none;
                    margin: 0 0 0 0;
                    padding:0 6px 0 0;
                    width: 21px;
                    height: 45px;
					background: url(../images/new/nav_right.gif) no-repeat;
                }
            #SiteNavigation .parent, .parent_selected
            {
                background: url(../images/new/nav_bg.gif) repeat-x;
                margin: 0;
            }
            #SiteNavigation .parent_selected
            {
            }
    #Body
    {
        width: 990px;
        margin: 0 auto;
        clear: both;
        display: block;
        /* hack to set min height in IE 6 */
		height: auto !important;
		height: 400px;			
		min-height: 400px;
		font-size: 0.85em;
		z-index: 1;
		position: relative;
		color:#5d5d5d;
    }
        #FrontLeft
        {
            width: 745px;
            margin: 0 6px 0 0;
            float: left;
            clear: none;
            /* hack to set min height in IE 6 */
 			height: auto !important;
 			height: 400px;			
			min-height: 400px;
			background: url(../images/new/panel_bg.gif) repeat-y;
        }
            .LeftColumn
            {
                width: 338px;
                padding: 15px 15px 0 15px;
                margin: 0 9px 0 0;
                float: left;
                clear: none;
                /* hack to set min height in IE 6 */
 			    height: auto !important;
 			    height: 358px;			
			    min-height: 358px;
			    background: url(../images/new/panel_top.gif) no-repeat top left;
            }
            .RightColumn
            {
                width: 338px;
                padding: 15px 15px 0 15px;
                margin: 0;
                float: left;
                clear: none;
                /* hack to set min height in IE 6 */
 			    height: auto !important;
 			    height: 358px;			
			    min-height: 358px;
			    background: url(../images/new/panel_top.gif) no-repeat top left;
			    position: relative;
			    z-index: 2;
            }
            .RightColumn p
            {
				margin: 10px 0;
            }
                #BoxFooter
                {
                    clear: both;
                    width: 100%;
                }
                .RightColumn h2, .LeftColumn h2
                {
                    /*font-weight: bold;
                    font-size: 1.3em;*/
                }
                .RightColumn h3, .LeftColumn h3
                {
                    /*font-weight: bold;
                    font-size: 1em;*/
                }
            /*.Panel
            {
                margin: 10px 0 0 0;
                width: 100% - 1px;
                border: Solid 1px #666666;
 			    height: auto !important;
 			    height: 100px;			
			    min-height: 100px;
			    clear: both;
			    display: block;
			    background: #E7E7E7;
            }
                .Panel h2
                {
                    width: 100% - 4px;
                    font-size: 1em !important;
                    text-transform: uppercase;
                    padding: 2px 0 2px 4px;
                    background: #999999;
                    color: #ffffff !important;
                    margin: 0;
                }
                .Panel .Content
                {
                    font-family: Courier, Sans-Serif;
                    padding: 10px;
                }
                .Panel .Content a
                {
                    color: #000000;
                    font-weight: bold;
                    text-decoration: none;
                }*/
        #LeftFrontPage
        {
            width: 223px;
            margin: 0 6px 0 0;
            float: left;
            clear: none;
            /* hack to set min height in IE 6 */
 			height: auto !important;
 			height: 50px;			
			min-height: 50px;
			background: url(../images/new/left_bg.gif) top repeat-y;
        }
            #LeftFrontPage h3
            {
                width: 223px;
                height: 22px;
                display: block;
                padding: 15px;
                font-weight: bold;
                background: url(../images/new/left_top.gif) top left no-repeat;
                margin:0;
            }
            #LeftFrontPage .main
            {
                width: 193px;
                float:left;
				/* hack to set min height in IE 6 */
 				height: auto !important;
 				height: 20px;			
				min-height: 20px;
				padding:0 15px 0 15px;
				margin:0;
            }
            #LeftFrontPage .foot
            {
                width: 223px;
                background: url(../images/new/left_bottom.gif) no-repeat;
                height: 26px;
                float:left;
            }
        #Left
        {
            width: 223px;
            margin: 0 6px 0 0;
            float: left;
            clear: none;
            /* hack to set min height in IE 6 */
 			height: auto !important;
 			height: 50px;			
			min-height: 50px;
			background: url(../images/new/left_bg.jpg) top repeat-y;
        }
			#Left .head
			{
				width:223px;
				height:22px;
				background: url(../images/new/left_top.gif) top no-repeat;
				display:block;
				
			}
            #Left h3
            {
                width: 223px;
                height: 22px;
                display: block;
                padding: 15px;
                font-weight: bold;
                background: url(../images/new/left_top.gif) top left no-repeat;
                margin:0;
            }
            #Left .main
            {
                width: 193px;
				background: url(../images/new/left_bg.gif) top repeat-y;
                float:left;
				/* hack to set min height in IE 6 */
 				height: auto !important;
 				height: 20px;			
				min-height: 20px;
				padding:0 15px 0 15px;
				margin:0;
            }
            #Left .foot
            {
                width: 223px;
                background: url(../images/new/left_bottom.gif) no-repeat;
                height: 26px;
                float:left;
                margin:0;
            }
        #Centre
        {
            width: 501px;
            margin: 0 6px 0 0;
            float: left;
            clear: none;
            /* hack to set min height in IE 6 */
 			/*height: auto !important;
 			height: 360px;			
			min-height: 360px;*/
			background: url(../images/new/centre_bg.gif) repeat-y;
        }
			#Centre img.news_thumb
			{
				padding:0;
			}
			
			#Centre .highlighted
			{
				font-weight:bold;
				padding: 8px 0 0 0;
			}
			
            #Centre h1
            {
                width: 481px;
                height: 22px;
                display: block;
                padding: 15px 15px 0 15px;
                font-weight: bold;
                background: url(../images/new/centre_top.gif) top left no-repeat;
            }
            #Centre .content
            {
                display: block;
                margin: 0 20px;
                /* hack to set min height in IE 6 */
 			    height: auto !important;
 			    height: 360px;			
			    min-height: 360px;                
            }
            #Centre .content h1
            {
				background:none;
				padding:15px 0 0 0;
            }
            #Centre .content .NewsImageMain
            {
				padding:0 5px 5px 0;
            }
            #Centre .foot
            {
                width: 501px;
                background: url(../images/new/centre_bottom.gif) no-repeat;
                height: 26px;
                line-height: 26px;
                display: block;
                clear: both;
                border: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
            }
            .Categories
            {
                width: 90%;
                margin: 10px auto;
            }
            #LinksTable
            {
                width: 100%;
                /*border: Dashed 1px #666666;*/
                margin: 0;
                padding: 0;
            }
                #LinksTable tr
                {
                    padding:0;
                    margin: 5px 0;
                }
                #LinksTable tr td
                {
                    border-right: Solid 1px #666666;
                }
                #LinksTable tr td a 
                {
                    color: #FFFFFF;
                }
            .AccordionContent
            {
				width: 417px; /*459*/
				padding: 4px 20px;
				font-size: 0.9em;
				border: solid 0px #E6EDF4;
				border-width: 0 1px 1px 1px;
				margin: 0 0 15px 0;
            }
				.AccordionContent img
				{
					float: left;
					margin: 0 8px 6px 0;
				}
            .AccordianHead
            {
				background: url(../images/profiles/accordian.jpg) no-repeat top left;
				width: 439px; /*459*/
				height: 24px;
				padding: 3px 0 0 20px;
				color: #333333;
				font-size: 0.9em;
            }
            .AccordianHeadSelected
            {
				background: url(../images/profiles/accordian-selected.jpg) no-repeat top left;
				width: 439px; /*459*/
				height: 24px;
				padding: 3px 0 0 20px;
				color: #333333;
				font-size: 0.9em;
            }


        #Right
        {
            width: 238px;
            margin: 0 0 10px 0px;
            float: left;
            clear: none;
 				height: auto !important;
 				height: 360px;			
				min-height: 360px;
				background: url(/images/new/right_bg.jpg) top left no-repeat;
			
        }
			#Right #QuickLinks
			{
				width:238px;
				/* hack to set min height in IE 6 */
 				height: auto !important;
 				height: 360px;			
				min-height: 360px;
				background: url(/images/new/right_bg.jpg) top left no-repeat;
			}
            #Right h2
            {
                display: block;
                padding: 18px 12px 5px 18px;
                margin:0;
                color: #ffffff;
                font-size: 1.6em;
            }
            #Right a
            {
                color: #FFFFFF;
                font-size: 1.2em;
                text-decoration: none;
                font-weight: bold;
                display: block;
                padding: 7px 20px;
            }

        #RightFrontPage
        {
            width: 238px;
            margin: 0 0 10px 0px;
            float: left;
            clear: none;
 				height: auto !important;
 				height: 360px;			
				min-height: 360px;
			
        }
			#RightFrontPage #QuickLinks
			{
				width:238px;
				/* hack to set min height in IE 6 */
 				height: auto !important;
 				height: 360px;			
				min-height: 360px;
				background: url(/images/new/right_bg.jpg) top left no-repeat;
			}
            #RightFrontPage h2
            {
                display: block;
                padding: 18px 12px 5px 18px;
                margin:0;
                color: #ffffff;
                font-size: 1.6em;
            }
            #RightFrontPage a
            {
                color: #FFFFFF;
                font-size: 1.2em;
                text-decoration: none;
                font-weight: bold;
                display: block;
                padding: 7px 20px;
            }
            #RightFrontPage #JobAds
            {
				 width:238px;
				 text-align:left;
				 float:left;
			}
				#RightFrontPage #JobAds a 
				{
					 padding:0;
				}
				#RightFrontPage #JobAds img
				{
					 margin:10px 0 0 0;
				}
            
    #Foot
    {
        /*HIDDEN AS FOOTER AD'S NO LONGER REQUIRED*/
        display: none;
        
        clear: both;
        width: 990px;
        background: url(../images/new/footer_bg.gif) no-repeat top;
        padding: 0 0 0 0;
        margin: -15px 0 0 0;
        clear: both;
        text-align: right;
        /* hack to set min height in IE 6 */
	    height: auto !important;
	    height: 100px;			
	    min-height: 100px;
        font-size: 0.8em;
        z-index: 0;
    }
		#Foot #FootBanners
		{
			 float:left;
			 padding:33px 0 0 15px; 
			 text-align:center;
		}
			#Foot #FootBanners img
			{
				 padding:0 10px 0 10px;
			}
        #Foot a
        {
            color: #ffffff;
            padding: 0;
            margin: 0;
            border: 0;
        }
        #Foot img
        {
            margin: 10px;
        }
    #FootFront
    {
        clear: both;
        width: 955px;
        padding: 0;
        margin: 21px 0 0 0;
        clear: both;
        text-align: right;
        /* hack to set min height in IE 6 */
	    height: auto !important;
	    height: 22px;			
	    min-height: 22px;
    }

