/* CSS Document */

/*General doc details*/

body{
font-family: Helvetica;
background-color: #FFFFFF;
font-size:small;
}

hr	{
padding: 2px;
margin: 0;
width: 700px;
text-align: center;
}

h1{
font-size:200%;
}


h2	{
font-size: 15px;
text-align: left;
padding-bottom:20px;
}

h3	{
font-size: 13px;
text-align: left;
color:#030391;
}


h4 {
font-size:small;
text-align:left;
font-weight:bold;
}

h5 {
font-size:12px;
text-align: justify;
}

h6 {
font-size:12px;
text-align:left;
}

p	{
font-size: small;
text-align:justify;
line-height:130%;
color: #000000;
}



#container
{
width:960px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
}


#pageheading{
border: #333366;
position:relative;

}

#pageheading h1{
font-family:Tahoma;
background-color: #FFFFFF;

}

.hide{
position:absolute;
visibility:hidden;
}

#pageheading img{
position: relative;
right:10px;

}

/*banner*/
#bodyimage{
height:200px;
padding-bottom:8px;
background-position:top center;
background-repeat:no-repeat;
}

/*mp3 player*/
#bodyimage a{
position:absolute;
padding-bottom:250px;
margin:0 0 0 -850px;
border:none;
}

/*top navigation menu*/

#welshnav{
width:900px;
padding-left:15px;
}

#welshnav ul{
margin-top:5px;
padding: .5em 0;
height: 20px;
list-style-type: none;
background-color: #A1CEB9;
color: #FFFFFF;
width: 900px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-stretch:expanded;
text-align: right;
}

#welshnav li { display: inline; }

#welshnav li a{
text-decoration: none;
background-color: #A1CEB9;
color: #000000;
padding: .2em 1em;
border-right: 1px solid #A1CEB9;
height: 40px;
}

#welshnav li a:hover{
background-color: #A1CEB9;
color: #000000;
height: 32px;
text-decoration:underline;
}

#welshnav img{
height:23px;
width:45px;
position:absolute;
padding: 8px 0 0 25px;
clear:both;
z-index:1;
border:none;
}



#archtext{
width:900px;
}

#archtext p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px bold;
line-height:130%;
float:left;
margin:-41px 0 0 100px;
width: 900px;
clear:both;
z-index:1;
}

/*main navigation menu*/
#mainnav{
padding-left:15px;
width:900px;
}


#mainnav ul{
padding: .3em 0;
margin-top: -15px;
height: 30px;
list-style-type: none;
background-color: #0C4F88;
color: #FFF;
width: 900px;
font: normal 100% arial, helvetica, sans-serif;
font-size: 19px;
text-align: center;
padding-top:15px;
}

#mainnav li { display: inline; }

#mainnav li a{
text-decoration: none;
background-color:#0C4F88;
color: #F1FAFC;
padding: .1em 1em;
border-right: 1px solid  #0C4F88;
border-left:1px solid  #0C4F88;
height: 32px;
}

#mainnav li a:hover{
background-color: #0C4F88;
color: #fff;
height:32px;
text-decoration:underline;
}

/*Right navigation*/
#rightnav {
float: right;
width: 240px;
margin: 1px;
padding: 2.5em;
z-index:10;
height: 60px;
}

#w3cicon1 p{
border: none;
display: block;
position:absolute;
margin: 680px 10px 10px 60px;
clear:both;
z-index:1;
}

#w3cicon2 p{
border: none;
display: block;
position:absolute;
margin: 720px 10px 10px 60px;
clear:both;
z-index:1;
}




/*box 1*/
#rightbox1{
background-color: #FFFFFF;
background-image: url(../images/rightnavbox_index.png);
background-repeat:no-repeat;
height: 450px;
width: 277px;
position: absolute;
margin:-40px 0 0 -20px;
}

#rightbox1 h3 {
text-align: left;
color: #000000;
line-height:130%;
font-size:16px;
width: 438px;
padding: 10px 0 0 30px;
}

#rightbox1 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-stretch:expanded;
text-align:  left;
line-height:160%;
color: #333333;
width: 209px;
margin: 28px -30px 0 20px;
clear:both;
z-index:1;
}


#rightbox1 ul {
margin-right: 20px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:210%;
text-align: left;
}

#rightbox1 a{
padding: 1px;
background-color:#A9BAAC;
font-weight:bold;
font-size: medium;
}

#rightbox1  a:link, #rightbox1 a:visited {
color:#000000;
text-decoration:none;
}

#rightbox1  a:hover {
background-color: #A9BAAC;
color: #000000;
text-decoration:underline;
}



/*Rightbox 2*/

#rightbox2{
background-color: #FFFFFF;
background-image: url(../images/rightnavbox_index.png);
background-repeat:no-repeat;
height: 350px;
width: 277px;
position: absolute;
margin:318px 0 0 -20px;;
}

#rightbox2 h3 {
font-size: 15.9px;
text-align: left;
color: #0F709CF;
line-height:80%;
width: 200px;
padding: 18px 0 0 26px;
}

#rightbox2 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-stretch:expanded;
text-align: justify;
line-height:150%;
color: #000000;
width: 200px;
padding: 0 0 0 26px;

}

#rightbox2 ul {
margin-right: 20px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height:270%;
padding: 0 0 0 28px;
}

#rightbox2 a{
background-color: #C5D9CCF;
padding: 1px;
font-weight:bold;
font-size: medium;
}

#rightbox2  a:link, #rightbox2 a:visited {
color:#000000;
text-decoration:none;
}

#rightbox2  a:hover {
background-color: #C5D9CCF;
color: #000000;
text-decoration:underline;
}

/*Main Body*/

#content
{
background-color: #FFFFFF;
border-right: 1px;
border-left: 1px;
margin-left: 20px;
max-width: 960px;
min-height:930px;
}

/*news boxes*/

/*box 1*/

.drop{
float:left;
font-size:24px;
margin: -2px 8px 0 0;
border:1px #ccc;
border-width:medium;
background: #DEF58B;
}

#box1{
background-color: #DEF58B;
height:150px;
position: absolute;
margin-top:2px;
border: #EBE0B2 0.55px solid;
}

#box1 h3 {
text-align: justify;
color: #0B633A;
width: 280px;
font-size:24px;
padding: 0 0 0 10px;
}

#box1 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-stretch: 10px wider ;
text-align:justify;
line-height:190%;
color: #000000;
width: 595px;
padding: 0 10px  10px;
}



#box1 a{
padding: 1px;
background-color:#DEF58B;
font-weight:bold;
font-size: 14px;
}

#box1  a:link, #box1 a:visited {
color: #E5EDC8;
text-decoration: underline;
}

#box1  a:hover {
background-color:#DEF58B;
color: #FFFFFF;
text-decoration:underline;
}

/*box 3*/

#box3{
background-color: #FFF;
height:150px;
width: 610px;
position: absolute;
margin:750px 0 0 0;
border:  #B6B6B6 0.55px solid;
}

#box3 h4 {
text-align: justify;
color: #0C4F88;
width: 610px;
font-size:15px;
margin: 10px 0 0 30px;
}

#box3 p {
text-align: center;
color: #0C4F88;
width: 610px;
font-size:15px;
margin: 10px 0 0 5px;
}

#box3 a{
padding: 30px 0 0 0;
border:none;
}

#box3  a:link, #box3 a:visited {
color: #FFF;
text-decoration: none;
}

#box3  a:hover {

color: #FFF;
text-decoration:none;
}

#box3 img{
margin:20px 0 0 50px;
}



/*footer*/
#footer{
width:960px;
padding-left:10px;
height:60px;
}

#footer ul{
padding: 20px 0 0 0;
margin: 0;
height: 40px;
list-style-type: none;
background-color: #0C4F88;
color: #FFFFFF;
width: 901px;
height:40px;
font: normal 80% arial, helvetica, sans-serif;
font-size: 14px;
text-align: center;
clear:both;
z-index:1;
}

#footer li { display: inline; }

#footer li a{
text-decoration: none;
color: #FFFFFF;
padding: .2em 1em;
height: 20px;
}

#footer li a:hover{
background-color:#0C4F88;
color: #FFFFFF;
text-decoration:underline;
height: 32px;

}

/*Trust footer*/

#trusts{
background-color: #FFFFFF;
height: 90px;
width: 910px;
z-index:1;
}

#trusts img{
padding: 10px 10px 0 102px;
border:none;
}