BODY    {
font-family: arial,helvetica, sans-serif;
}


A:link    { 
color: #73647A;
font-family: arial,helvetica, sans-serif;
text-decoration: none;
}

A:visited { 
color: #73647A;
text-decoration: none; 
}

A:active  { 
color: #E30000;
text-decoration: none; 
}

A:hover   { 
color: #E30000;
text-decoration: none; 
}
	   
	   
/************************************* Accessibility styles start ***/
.hidden {
display: none;
}

.accessibility_icons {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -14px; 
top: 110px;
text-align: left;
padding-left: 32px;
padding-top: 55px;
color: #3D586A; 
}
/************************************* Accessibility styles end ***/	   





/************************************ TOP BAR STYLES START  *****/	  

/* Bar that goes accross the top of the screen*/	   

/* Holds the logo and photo*/
.logo_photo {
position:absolute;
width:797px;
height:59px;
z-index:2;
top: 1px;
left: 1px;
}	   
/************************************ TOP BAR STYLES END  *****/




/************************************ MAIN MENU STYLES START  *****/
/** Regular single main menu item **/

.menuitem {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -22px; 
top: 110px;
text-align: left;
padding-left: 32px;
color: #3D586A; 
}

.menuitem  A {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg2.gif); 
layer-background-image:   url(/images/menu_bg.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #3D586A;
}

.menuitem  A:link {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg2.gif); 
layer-background-image:   url(/images/menu_bg.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #3D586A;
}

.menuitem  A:visited {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg2.gif); 
layer-background-image:   url(/images/menu_bg.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #3D586A;
}

.menuitem A:hover {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg_on.gif); 
layer-background-image:   url(/images/menu_bg_on.gif);
background-color: #F6F4F0;
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #E30000;
}
/** Regular single main menu item end **/

/** Regular single main menu item SELECTED **/
.menuitem_selected {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -22px; 
top: 110px;
text-align: left;
padding-left: 32px;
color: #E30000;
}

.menuitem_selected  A {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg_on.gif); 
layer-background-image:   url(/images/menu_bg_on.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #E30000;
}

.menuitem_selected  A:link {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg_on.gif); 
layer-background-image:   url(/images/menu_bg_on.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #E30000;
}

.menuitem_selected  A:visited {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg_on.gif); 
layer-background-image:   url(/images/menu_bg_on.gif);
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #E30000;
}

.menuitem_selected A:hover {
position:relative;
width:165px; 
height:22px; 
z-index:2; 
left: -18px; 
background-image:   url(/images/menu_bg_on.gif); 
layer-background-image:   url(/images/menu_bg_on.gif);
background-color: #F6F4F0;
padding-left:32px;
padding-top: 2px;
text-align: left;
color: #E30000;
}
/** Regular single main menu item end **/
/************************************************* MENU STYLES END  *****/







/************************************************ SUB MENU ITEMS START  *****/
/*DIV holds main sub menu content entry*/
.submenu {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
height: 50px;
clear: both;
border-bottom: 1px solid #B1C3CF;
}

.submenu  A {
position:relative;
width:565px; 
height:20px; 
z-index:3; 
background-image:   url(/images/sub_bg_off.gif); 
layer-background-image:   url(/images/sub_bg_off.gif);
padding-bottom: 4px;
padding-top: 4px;
color: #3D586A;
cursor: hand;
}

.submenu  A:link {
position:relative;
width:565px; 
height:20px; 
z-index:3; 
background-image:   url(/images/sub_bg_off.gif); 
layer-background-image:   url(/images/sub_bg_off.gif);
padding-bottom: 4px;
padding-top: 4px;
color: #3D586A;
cursor: hand;
}

.submenu  A:visited {
position:relative;
width:565px; 
height:20px; 
z-index:3; 
background-image:   url(/images/sub_bg_off.gif); 
layer-background-image:   url(/images/sub_bg_off.gif);
padding-bottom: 4px;
padding-top: 4px;
color: #3D586A;
cursor: hand;
}

.submenu A:hover {
position:relative;
width:565px; 
height:20px; 
z-index:3;  
background-image:   url(/images/sub_bg_on.gif); 
layer-background-image:   url(/images/sub_bg_on.gif);
background-color: #FAF8F5;
padding-bottom: 4px;
padding-top: 4px;
color: #E30000;
cursor: hand;
}

/*SPAN title colour*/
.submenutitle{
position: relative;
top: -4px;
font-weight: normal;
font-size: 100%;
}

/*SPAN title sub text*/
.sub_menu_title_text{
position: relative;
left: 26px;
width: 530px;
top: -4px;
font-size: 80%;
}

/******************************************* SUB MENU ITEMS END  *****/



/**** Wrapper holds: subtitlebar, content and bottom divs   *****/
.wrapper {
position:absolute; 
width:588px; 
height:26px; 
z-index:3; 
left: 169px; 
top: 126px; 
}


/*********************************************  TITLE BAR STYLES START  *****/
/** subtitlebar1 is for the article listings **/
.subtitlebar1 {
position: relative;
width: 588px;
left: 0px;
top: 0px;
background-image: url(/images/sub_title_under_line.gif); 
layer-background-image: url(/images/sub_title_under_line.gif); 
padding: 0px, 10px, 0px, 0px;
font-size: 140%;
font-weight: bold;
color: #E30000;
}

/** subtitlebar2 is for the article it's self **/
.subtitlebar2 {
position: relative;
left: 0px;
top: 0px;
background-image: url(/images/sub_title_under_line.gif); 
layer-background-image: url(/images/sub_title_under_line.gif); 
padding: 0px, 10px, 0px, 0px;
font-size: 140%;
font-weight: bold;
color: #E30000;
}

.subtitlebar A {
color: #E30000;
}

.subtitlebar A:link {
color: #E30000;
}

.subtitlebar A:visited {
color: #E30000;
}

.smalltitle {
color: #737373;
font-weight: bold;
font-size: 70%
}
/********************************************** TITLE BAR STYLES END  *****/





/********************************************** CONTENT STYLES START  *****/
.content {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
background-color: #F6F4F0;
border-bottom: 1px solid #64605C;
padding: 14px, 20px, 20px, 20px;
font-size: 85%;
line-height: 20px;
}

.contentlocal {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
background-color: #E5E6F6;
border-bottom: 1px solid #64605C;
padding: 14px, 20px, 20px, 20px;
font-size: 85%;
line-height: 20px;
}

.contentdiversity {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
background-color: #F7E2D5;
border-bottom: 1px solid #64605C;
padding: 14px, 20px, 20px, 20px;
font-size: 85%;
line-height: 20px;
}

.contentequality {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
background-color: #F1ECCE;
border-bottom: 1px solid #64605C;
padding: 14px, 20px, 20px, 20px;
font-size: 85%;
line-height: 20px;
}

.contentrace {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
background-color: #E9DBDB;
border-bottom: 1px solid #64605C;
padding: 14px, 20px, 20px, 20px;
font-size: 85%;
line-height: 20px;
}

.contentevents {
position:relative; 
width:565px; 
height:1px; 
z-index:3; 
left: 22px; 
top: -1px;
padding: 0px, 0px, 0px, 0px;

}

.backpage {
font-size: 120%;
}

.backpage A {
font-size: 120%;
}

.backpage A:link {
font-size: 120%;
}

.backpage A:visited {
font-size: 120%;
}

.smalltitle {
color: #737373;
font-weight: bold;
font-size: 70%
}





.block_title {
font-weight: bold;
color: #64605C;
}

.backpage {
font-size: 80%;
}

/***Holds updated by and updated date on contents pages*****/
.bottom {
position: relative;
left: 22px;
top: 0px;
font-size: 80%;
color: #D6D6D6;
padding: 0px, 0px, 20px, 0px;
}

/***Holds e-mail and tel and copyright on front page*****/
.bottomhome {
position: absolute;
left: 170px;
top: 462px;
font-size: 80%;
color: #787878;
}

.news {
position: absolute;
top: 125px;
left: 170px;
}

.bold {
font-weight: bold;
}

/******************************************* CONTENT STYLES END  *****/




/******************************************* FRONT PAGE STYLES START  *****/
.local {
position:absolute; 
width:287px; 
height:26px; 
z-index:3; 
left: 169px; 
top: 126px; 
background-image: url(/images/front_page/title_under_line.gif); 
layer-background-image: url(/images/front_page/title_under_line.gif); 
font-size: 140%;
font-weight: bold;
color: #E30000;
}

.local A {
color: #E30000;
}

.local A:link {
color: #E30000;
}

.local A:visited {
color: #E30000;
}

.local_image {
position:absolute; 
width:110px; 
height:132px; 
z-index:3; 
left: 169px; 
top: 152px; 
}

.local_text {
position:absolute; 
width:177px; 
height:132px; 
z-index:3; 
left: 279px; 
top: 152px;
font-size: 80%;
background-color: #E5E6F6;
padding: 4px, 4px, 4px, 4px;
}

.local_more {
position:absolute;
width:55px;
height:18px;
z-index:4;
left: 397px;
top: 262px;
font-size: 80%;
}



.diversity{
position:absolute; 
width:287px; 
height:26px; 
z-index:3; 
left: 469px; 
top: 126px; 
background-image: url(/images/front_page/title_under_line.gif); 
layer-background-image: url(/images/front_page/title_under_line.gif); 
font-size: 140%;
font-weight: bold;
color: #E30000;
}

.diversity A {
color: #E30000;
}

.diversity A:link {
color: #E30000;
}

.diversity A:visited {
color: #E30000;
}

.diversity_image {
position:absolute; 
width:110px; 
height:132px; 
z-index:3; 
left: 469px; 
top: 152px; 
}

.diversity_text {
position:absolute; 
width:177px; 
height:132px; 
z-index:3; 
left: 579px; 
top: 152px;
font-size: 80%;
background-color: #F7E2D5;
padding: 4px, 4px, 4px, 4px;
}

.diversity_more {
position:absolute;
width:55px;
height:18px;
z-index:4;
left: 697px;
top: 262px;
font-size: 80%;
}


.ethnicity {
position:absolute; 
width:287px; 
height:26px; 
z-index:3; 
left: 169px; 
top: 296px; 
background-image: url(/images/front_page/title_under_line.gif); 
layer-background-image: url(/images/front_page/title_under_line.gif); 
font-size: 140%;
font-weight: bold;
color: #E30000;
}

.ethnicity A {
color: #E30000;
}

.ethnicity A:link {
color: #E30000;
}

.ethnicity A:visited {
color: #E30000;
}

.ethnicity_image {
position:absolute; 
width:110px; 
height:132px; 
z-index:3; 
left: 169px; 
top: 322px; 
}

.ethnicity_text {
position:absolute; 
width:177px; 
height:132px; 
z-index:3; 
left: 279px; 
top: 322px;
font-size: 80%;
background-color: #F1ECCE;
padding: 4px, 4px, 4px, 4px;
}

.ethnicity_more {
position:absolute;
width:55px;
height:18px;
z-index:4;
left: 397px;
top: 434px;
font-size: 80%;
}

.race {
position:absolute; 
width:287px; 
height:26px; 
z-index:3; 
left: 469px; 
top: 296px; 
background-image: url(/images/front_page/title_under_line.gif); 
layer-background-image: url(/images/front_page/title_under_line.gif); 
font-size: 140%;
font-weight: bold;
color: #E30000;
}

.race A {
color: #E30000;
}

.race A:link {
color: #E30000;
}

.race A:visited {
color: #E30000;
}

.race_image {
position:absolute; 
width:110px; 
height:132px; 
z-index:3; 
left: 469px; 
top: 322px; 
}

.race_text {
position:absolute; 
width:177px; 
height:132px; 
z-index:3; 
left: 579px; 
top: 322px;
font-size: 80%;
background-color: #E9DBDB;
padding: 4px, 4px, 4px, 4px;
}

.race_more {
position:absolute;
width:55px;
height:18px;
z-index:4;
left: 697px;
top: 434px;
font-size: 80%;
}
/********************************************** FRONT PAGE STYLES END  *****/