﻿body 
{
	 color:#212145; /*34345a;*/ 
}

/**/
a:link, a:visited  { color:#38347d; /*34345a;*/   }
a:hover, a:active  { color:#38347d; /*34345a;*/   }


#topBar { color:#fff; }
#topBar a:link, #topBar a:visited  { color:#fff;  }
#topBar a:hover, #topBar a:active  { color:#fff;  }



.breadcrumbs  { color:#fff; /*34345a;*/   }
.breadcrumbs  a:link, .breadcrumbs  a:visited  { color:#fff; /*34345a;*/   }
.breadcrumbs  a:hover, .breadcrumbs  a:active  { color:#fff; /*34345a;*/   }

.content a:link, .content a:visited  { color:#212145; /*34345a;*/   }
.content a:hover, .content a:active  { color:#212145; /*34345a;*/   }

#footer a:link, #footer a:visited  { color:#212145; /*34345a;*/    }
#footer a:hover, #footer a:active  { color:#212145; /*34345a;*/   }

#footer2 a:link, #footer2 a:visited  { color:#212145; /*34345a;*/    }
#footer2 a:hover, #footer2 a:active  { color:#212145; /*34345a;*/   }


.poscircles 
{
	background:url(../images/circles.gif) -80px -50px no-repeat; /* */
}

h1 { color:#38347d } /* #211f20 */
h2 { color:#38347d }
h3 { color:#38347d }
h4 { color:#38347d } /* Green old-#527b53 */

.rightcolumn { background-color:#fff; }
.rightcolumn .xsnazzy h3 { color:#325B33 /* #527b53*/ }

/*************************************************************************************

				Top Bar

 *************************************************************************************/

#topBar {   background-color: #38347d;}

/*************************************************************************************

				Header

 *************************************************************************************/

#header { background-color:#ffffff; }

/*************************************************************************************

				Contents

 *************************************************************************************/

.content, .content2 { background: url(../images/TLCurve.gif) left -1px no-repeat; }


/*************************************************************************************

				SNAZZY CURVED BOXES

 *************************************************************************************/

.xsnazzy {background: transparent;}
.dsnazzy {background: transparent; }


.xb4, .xb5, .xb6, .xb7,
.zb4, .zb5, .zb6, .zb7						{background:#babbd0;  }

.xb4, .xb5, .xb6, .xb7 {border-left:2px solid #f5f2ff; border-right:2px solid #f5f2ff; }
.xb1 { background:#f5f2ff;}
.xb2 { background:#f5f2ff;}
.xb3 { background:#f5f2ff;}

.xb4, .zb4 { background:#fff; }
.xb5, .zb5  { background:#fff; }
.xb6, .zb6  { background:#fff; } 
.xb7, .zb7  { background:#fff; } 

.xbox {background:#fff; border-left:2px solid #f5f2ff; border-right:2px solid #f5f2ff;}

.zb4, .zb5, .zb6, .zb7 { border-left:2px solid #babbd0; border-right:2px solid #babbd0; }
.zb1 { background:#babbd0;}
.zb2 { background:#babbd0;}
.zb3 { background:#babbd0;}



.zbox {background:#fff url(../images/left_banner.gif) right bottom no-repeat;  }

/*************************************************************************************/


.goButton { background:url(../images/go.gif) left 50% no-repeat; }



/*************************************************************************************

				Navigation

 *************************************************************************************/
/*
.navigation li { list-style-image:url(../images/arrow_right_white.gif); } 
*/

.navigation li a {background:url(../images/arrow_right_white.gif) 0px 50% no-repeat; border-bottom: solid 2px white;}


.navigation li { color:#fff; }
.navigation li a:link, .navigation li a:visited  { color:#fff; text-decoration:none; }
.navigation li a:hover, .navigation li a:active  { color:#fff; text-decoration:none; }

.navigation .level1  a:hover, .navigation .level1 a:active {border-bottom: solid 2px red; background-color:#000; color:#F5F2FF; }

.navigation .level1 .open a {border-bottom: solid 2px #db0070;}

.navigation .level1 .selected1, 
.navigation .level1 .expanded1 {background-color:#F5F2FF; color:#000;}

.navigation .level1 .selected1 a:link,.navigation .level1 .selected1 a:visited, 
.navigation .level1 .expanded1 a:link,.navigation .level1 .expanded1 a:visited { color:#000;}

.navigation .level1 .selected1 a:hover,.navigation .level1 .selected1 a:active, 
.navigation .level1 .expanded1 a:hover,.navigation .level1 .expanded1 a:active { color:#fff;}





.navigation .level2
{
 background:#fff; /**/

}

.navigation .level3 li 
{
 /**/

}





.navigation .level2 a
{
background:none; border-bottom: solid 2px white;
border-bottom: none !important;
}

.navigation .level2 a:link, .navigation .level2 a:visited,
.navigation .level3 a:link, .navigation .level3 a:visited,
.navigation .level4 a:link, .navigation .level4 a:visited
{
 color:#38347d; background-color:#fff;
}




.navigation .level2  a:hover, .navigation .level2 a:active {border-bottom: solid 2px red; background-color:#38347d; color:#F5F2FF; }
.navigation .level2 .open a {border-bottom: solid 2px #38347d;}
.navigation .level2 .selected2 a, 
.navigation .level2 .expanded2 a {background-color:#000; color:#F5F2FF;}
.navigation .level2 .selected2 a:link,.navigation .level2 .selected2 a:visited, 


.navigation .level2 .expanded2 a:link,
.navigation .level2 .expanded2 a:visited {background-color:#38347d; color:#F5F2FF; border-bottom:2px solid red !important; }


.navigation .level3 .notselected3 a:link,
.navigation .level3 .notselected3  a:visited {background-color:#38347d; color:#F5F2FF; border-bottom:0px solid red !important; }


.navigation .level3  a:link,
.navigation .level3  a:visited {background-color:#f3f3f3 !important; color:#000000 !important; border-bottom:0px !important;}


.navigation .level3 .selected3 a:link,
.navigation .level3 .selected3 a:visited {background-color:#F5F2FF !important; color:#000 !important;  border-bottom:0px !important;}



/*
.navigation .level3  a:hover, .navigation .level3 a:active {border-bottom: solid 2px red; background-color:#38347d; color:#F5F2FF; }
.navigation .level3 .open a {border-bottom: solid 2px #38347d;}
.navigation .level3 .selected3 a, 
.navigation .level3 .expanded3 a {background-color:#ff0; color:#F5F2FF;}
.navigation .level3 .selected3 a:link,.navigation .level3 .selected3 a:visited, 
.navigation .level3 .expanded3 a:link,.navigation .level3 .expanded3 a:visited {background-color:#ff0; color:#F5F2FF;}
*/


/*************************************************************************************

				RightColumn and InsetColumn

 *************************************************************************************/

.rightcolumn li.bsl { background:url(../images/BSL.gif) 4px 50% no-repeat; } 
.rightcolumn li.read { background:url(../images/easy_read.gif) 4px 50% no-repeat; } 
.rightcolumn li.mp3 { background:url(../images/Audio.gif) 4px 50% no-repeat; } 
.rightcolumn li.options { background:url(../images/options.gif) 4px 50% no-repeat; } 

.rightcolumn li.print, .insetcolumn li.print { background:url(../images/print_this_page.gif) 4px 50% no-repeat; } 
.rightcolumn li.mail, .insetcolumn li.mail { background:url(../images/forward_this_page.gif) 4px 50% no-repeat; } 
.rightcolumn li.blog, .insetcolumn li.blog { background:url(../images/blog.gif) 4px 50% no-repeat;} 
.rightcolumn .news { background:url(../images/newsletters.gif) 0px 4px no-repeat; border-bottom:dotted 1px black;} 

.insetcolumn .addclear { clear:both; }
.insetcolumn ul {  }




/*************************************************************************************

				Tagline

 *************************************************************************************/

.tagline 
{
	 background-color:#fff;
}

 .tagline2
{
	 background-color:#38347d;
}



/*************************************************************************************

				Content Page Summary

 *************************************************************************************/

div.holder {background:#f5f2ff url(../images/bar_topleft.gif) top left no-repeat; margin:5px 0 1em 0em; padding:0; width:100%;}
div.holder div.holdertop {background:transparent url(../images/bar_topright.gif) top right no-repeat; padding:1em 0px 1em 0px; 

text-align:center; color:#fff;}
div.holder .holderbottom {background:#f5f2ff;  padding:0; margin:0;}
div.holder .holderbottom div {margin:0; padding:0px 2em; }
div.holder .holderbottom div.last { }


/*************************************************************************************

				Accessibility Bar

 *************************************************************************************/


ul.accessibility {  }
.accessibility li { }
.accessibility img { border:none; }
.hiddenbar {   }



/*************************************************************************************

				Image Holder

 *************************************************************************************/

.photoholderx { background:#fff url(../images/Main_image_bg.gif) left top no-repeat; }


/*************************************************************************************

				Logo

 *************************************************************************************/
.mainlogowelsh { background:#fff url(../images/eq2025-welsh.gif) left top no-repeat; }
.mainlogo { background:#fff url(../images/logo_full_transparent.gif) left top no-repeat; }
.odilogo { background:#fff url(../images/left_banner3.gif) left top no-repeat; }

