/*
-----------------------------------------------
Hanes Llandoch
Author:www.imaginet.co.uk
Version:16 Mar 2008
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:underline;
   color:#B36E22;
}
a:hover {
   color:#B36E22;
   text-decoration:none;
}
a img {
   border:none;
}
p {
   margin:0 0 1em 0;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div#validator {
   padding:1em 0 1em 0;
   text-align:center;
}



/* Page Structure
----------------------------------------------- */

html body {
   background-color:#fff;
   color:#000;
   text-align:left;
   font:81.25% Arial, Verdana,Sans-serif;
   margin:10px 0 2em 0;
}
#masthead {
   width:960px;
   margin:0 auto;
   background-color:#fff;
   font-size:1em;
}
#topnav {
   width:960px;
   height:30px;
   margin:0 auto;
   background:#fff url(graphics/topnavbg.jpg) no-repeat top;
   font-size:1em;
   color:#fff;
}
#topnav .pad {
   padding:0 0 0 20px;
}
#pagehome {
   width:960px;
   margin:0 auto;
   font-size:0.9em;

}
#page {
   width:960px;
   margin:0 auto;
   font-size:0.9em;
   background:#fff url(graphics/stonetop.jpg) no-repeat bottom right;

}
#homeleft {
   float:left;
   width:245px;
   background:#fff url(graphics/eventsbg.jpg) no-repeat top;
   
}
#homeleft_cy {
   float:left;
   width:245px;
   background:#fff url(graphics/eventsbg_cy.jpg) no-repeat top;
   
}
#homeleft .col {
   padding:0 0 0 0;
}
#homeright {
   float:right;
   width:245px;
   background:#fff url("graphics/introbg.jpg") no-repeat top left;
}
#homeright .col {
   padding:0 0 0 0;
}
#homemain {
   float:left;
   width:470px;
   background-color:#fff;
}
#homemain .col {
   padding:0 0 0 0;
   background-color:#fff;
}
#left {
   float:left;
   width:245px;
   background-color:#fff;
   
}
#left .col {
   padding:20px 0 0 40px;
}
#right {
   float:right;
   width:245px;
   
}
#right .col {
   padding:20px 0 0 0;
   margin:0 40px 0 0;
   background:url("graphics/rightbg.gif") repeat-x bottom left;
}
#main {
   float:left;
   width:470px;
}
#main .col {
   padding:20px;
   
}

div.content {
   line-height:1.8em;
   margin:0 0 1em 0;
   border-bottom:1px solid #999;
}

/* Topnav
----------------------------------------------- */


#topnav a {
   color:#fff;
   text-decoration:none;
}

#topnav td {
   padding:0;
}

#topnav table td.gap {
   padding:0 0 0 0;
   font-size:0.1em;
   width:2px;
   background:#416318 url("graphics/topnav_bullet.jpg") no-repeat top center;
}

#topnav .navleft {
   float:left;
   width:780px;
}

#topnav .navright {
   float:right;
   width:80px;
}

/* Home
----------------------------------------------- */

#events {
   height:345px;
   overflow:hidden;
}

#events .pad {
   padding:65px 0 0 40px;
}

#events a {
   text-decoration:none;
   color:#000;
}

#events a:hover {
   text-decoration:underline;
   color:#000;
}

#events ul li {
   border-bottom:1px solid #999;
   padding:5px 0;
   
}

#events ul li.last {
   border-bottom:none;
   padding:5px 0;
}

span.date {
   color:#B36E22;
   font-weight:bold;
}

#boxouts {
   float:left;
   width:695px;
   font-size:0.95em;
   line-height:1.5em;
}

#boxouts table {
   width:695px;
}

#boxouts td {
   margin:0;
   padding:0;
   vertical-align:top;
}

#boxouts td.immersed {
   background:#fff;
   width:255px;
   height:130px;
}
#boxouts td.inspired {
   background:#fff;
   width:225px;
   height:130px;
}
#boxouts td.involved {
   background:#fff;
   width:215px;
   height:130px;
}

#boxouts td.one {
   width:255px;
   background:#fff url(graphics/immersedbg.jpg) repeat-y 0 0;
}
#boxouts td.two {
   width:225px;
   background:#fff url(graphics/inspiredbg.jpg) repeat-y 0 0;
}
#boxouts td.three {
   width:215px;
   background:#fff url(graphics/involvedbg.jpg) repeat-y 0 0;
}
#boxouts .onebg {
   background:url(graphics/immersedbg2.jpg) no-repeat top left;
   padding:7px 30px 0 55px;
}
#boxouts .twobg {
   background:url(graphics/inspiredbg2.jpg) no-repeat top left;
   padding:7px 23px 0 26px;
}
#boxouts .threebg {
   background:url(graphics/involvedbg2.jpg) no-repeat top left;
   padding:7px 14px 0 26px;
}
#boxouts td.onebot {
   width:255px;
   height:9px;
   background:#fff url(graphics/immersedbgbot.jpg) no-repeat 0 0;
}
#boxouts td.twobot {
   width:225px;
   height:9px;
   background:#fff url(graphics/inspiredbgbot.jpg) no-repeat 0 0;
}
#boxouts td.threebot {
   width:215px;
   height:9px;
   background:#fff url(graphics/involvedbgbot.jpg) no-repeat 0 0;
}


#right2 {
   float:right;
   width:265px;

}
#right2 .col {
   padding:0 0 2em 20px;
}

#home .breaker {
   background:url("graphics/homebreak.jpg") no-repeat top left;
}

#intro {
   height:345px;
   overflow:hidden;
   color:#B36E22;
   font-weight:bold;
}

#intro .pad {
   padding:100px 20px 0 0;
}



/* Home - Welsh
----------------------------------------------- */
#boxouts td.immersed_cy {
   background:#fff;
   width:255px;
   height:130px;
}
#boxouts td.inspired_cy {
   background:#fff;
   width:225px;
   height:130px;
}
#boxouts td.involved_cy {
   background:#fff;
   width:215px;
   height:130px;
}

/* BCT
----------------------------------------------- */

#bct {
   font-size:0.95em;
   line-height:1.2em;
   padding:0 0 10px 0;
   border-bottom:1px solid #999;
   margin:0 0 10px 0;
}

#bct a {
   color:#000;
   text-decoration:none;
   padding:0 5px;
}

#bct a:hover {
   text-decoration:underline;
}


#bct span.highlight {
   font-weight:bold;
   color:#6EA030;
}


/* Listing 
----------------------------------------------- */

#main .listing h2 {
   background-color:#DBCFB9;
   font-size:1.2em;
   font-family:Arial;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
   color:#B36E22;
}
#main .listing h3 {
   font-size:1em;
}
#main .listing p {
   line-height:1.6em;
   margin:0 0 1.5em 0;
}
#main .listing ul {
   line-height:1.4em;
   list-style-type:none; 
   margin:0;
}
#main .listing ul li {
   background-image:url("graphics/list_arrow.gif");
   background-repeat:no-repeat;
   background-position:5px 4px;
   padding:6px 2px 0.6em 25px;
   margin:0 0 1px 0;
   background-color:#F4EEE4;

}
#main .listing ul li.pdf {
   background-image:url("graphics/pdf.gif");
   background-repeat:no-repeat;
   background-position:5px 5px;
   padding:6px 2px 0.6em 25px;
   margin:0 0 1px 0;
   background-color:#F4EEE4;
}
#main .listing ul li.word {
   background-image:url("graphics/word.gif");
   background-repeat:no-repeat;
   background-position:5px 5px;
   padding:6px 2px 0.6em 25px;
   margin:0 0 1px 0;
   background-color:#F4EEE4;
}
#main .listing ul li.text {
   background-image:url("graphics/text.gif");
   background-repeat:no-repeat;
   background-position:7px 7px;
   padding:6px 2px 0.6em 25px;
   margin:0 0 1px 0;
   background-color:#F4EEE4;
}

#main .listing ul li a {
   font-weight:bold;
   text-decoration:none;
}
#main .listing ul li a:hover {

   text-decoration:underline;
}

/* Page nav
----------------------------------------------- */

.pagenav {
   color:#000;
   padding:15px 0 0 0;
   margin:5px 0 20px 0;
}
.pagenav p {
   font-size:1.2em;
}
.pagenav a {
   font-weight:bold;
   text-decoration:none;

}
.pagenav a:hover {
   text-decoration:underline;
}
.pagenav img.left {
   float:left;
   padding:0;
   margin:0 10px 0 0;
}


/* Content Pages
----------------------------------------------- */

#pagetools a {
   font-weight:bold;
   color:#6EA030;
   text-decoration:none;
}

#pagetools a:hover {
   text-decoration:underline;
}

#section .breaker {
   background:url("graphics/sectionbreak.jpg") no-repeat top left;
}

#right .pad {
   padding:0 10px;
}

#right a {
   color:#6EA030;
   text-decoration:none;
}

#right a:hover {
   text-decoration:underline;
}

#search {
   margin:30px 0 0 0;
   font-size:0.95em;
   color:#000;
   font-weight:normal;
}

#search td {
   padding:5px 5px 5px 0;
}

#search p {
  margin:5px 0;
}




/* Left Nav
----------------------------------------------- */

#left ul li {
   border-bottom:1px solid #999;
   padding:5px 0;
   
}

#left ul li a {
   color:#000;
   text-decoration:none;
}

#left ul li a:hover {
   color:#B36E22;
   text-decoration:none;
}



#left ul li a.active {
   color:#B36E22;
   
}

#left ul ul li a.active {
   color:#B36E22;
   font-weight:bold;
}

#left ul ul {
   padding:5px 0 5px 20px;
}

#left ul ul li {
   border-bottom:none;
   padding:3px 0;
   font-size:0.95em;
}

/* Footer
----------------------------------------------- */

#footer {
   width:100%;
   height:150px;
   background:#fff url(graphics/grass.jpg) repeat-x top center;
   text-align:center;
   
}

#footer .col {
   width:960px;
   text-align:right;
   margin:0 auto;
}

#logos {
   width:960px;
   margin:0 auto;
   text-align:center;
}

#imaginet, #validation {
   text-align:center;
}

/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left1, img.right1 {
   border:1px solid #999;
}
img.none1 {
   float:none;
   border:1px solid #999;
}
img.none2 {
   float:none;
   border:none;
}





/* Content   
----------------------------------------------- */

hr {
   height:1px;
   color:#fff;
   border-color:#ccc;
   border-width:1px 0 0 0;
   border-style:solid;
   overflow:hidden;
   margin:0 0 1em 0;
   padding:0;
}
p strong span {
   color:#034694;
}
h1 {
   color:#B36E22;
}
h2, h3 {
   color:#6EA030;
}
h1 {
   font-size:1.5em;
   padding:0 0 0.3em 0;
   margin:0 0 0.5em 0;
   font-weight:900;
}
h1 a, h2 a, h3 a {
   color:#01409d;
   text-decoration:none;
}
h2 {
   font-size:1.3em;
   margin:0 0 0.5em 0;
}
#right h2 {
   color:#6EA030;
}
h3 {
   font-size:1.1em;
   margin:0 0 0.4em 0;
}
h4 {
   font-size:1em;
   margin:0 0 0.3em 0;
}
div.content ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("graphics/bullet1.gif");
   background-repeat:no-repeat;
   background-position:8px 7px;
   padding:0px 10px 0.5em 26px;
   margin:0;
}
div.content table {
	margin:0 0 1em 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:5px;
   background-color:#034694;
   border-color:#86b9de;
   border-width:0 0 0 1px;
}
div.content table td {
	padding:5px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.content table.table1 td {
   background-color:#fff;
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:0.5em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}