/*
-----------------------------------------------
Bwrdd Yr Iaith / Welsh Language Board
Author:www.imaginet.co.uk
Version:09 Jan 2007
----------------------------------------------- */



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

* {
   margin:0;
   padding:0;
}
#wrapper {
	margin: 0 auto;
}
#controls {
	text-align:center;
}
a {
   color:#909;
}
a:hover {
   text-decoration:underline;
   color:#c09;
}
a img {
   border:0;
}
#contentcol p a {
   text-decoration:underline;
}
pre {
   font-size:11px;
}
table {
   font-size:1em;
}
.horizline {
   clear:both;
   border-bottom:1px solid #ccc;
   margin:0 0 1.5em 0;
}
.none {
   display:none;
}
/* Page Structure
----------------------------------------------- */

html body {
  margin:0 0 20px 0;
  padding:0;
  background:#fd0;
  color:#303;
  text-align:left;
  font:x-small Comic Sans MS,Sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  text-align:center;
  } html>body {font-size:small;}
#page {
   width:760px;
   text-align:left;
}
#leftcol {
  font-size:100%;
  float:left;
  width:22%;
  background:#939;
}
#leftcol .col {
}
#main {
  float:left;
  width:56%;
}

#main2 {
  float:right;

}
#contentcol {
  float:left;
/*  width:362px;*/
	width:100%;
  font-size:100%;
}
#contentcol .col {
	width:100%
}

#rightcol {
  float:right;
  width:22%;
  font-size:85%;
}


/*
  Story Library - Old version, not used anymore.
  This version of the library was the first attempt. These CSS attrbiutes
  have been left here for reference, just in case they come in useful sometime.
*/

/* Override the default SharePoint group header text */
.ms-gb {
	background-color:transparent;
	color:#CC0099;
	font-family:Comic Sans MS,Sans-serif;
	font-weight:bold;
	font-size:100%;
	text-decoration:underline;	
}

/* Override default settings for the grouped items. */
.ms-vb2 a {
	padding: 0px 0px 0px 15px;
	color:#CC0099;
	font-size:1.2em;
	font-family:Comic Sans MS,Sans-serif;
	text-decoration:underline;		
}

/*
 New Story Screen
*/

.StoryLink {
	font-family:Comic Sans MS, Sans Serif;
	color: #990099;
	padding: 0px 0px 0px 15px;	
}


/* Splash
----------------------------------------------- */ 
html body#splash {
   background:#939 url("/Style Library/Images/splashbg.gif") no-repeat left top;
   color:#fff;
}
#splash a {
    color:#fd0;
}
#splash #page {
    width:760px;
  float:left!important;
   text-align: center;
}
#splashlogo {
   width:200px;
   float:left;
}
#splashlogo h1 {
}
#splash h2 {
   font-size:1.5em;
   margin:0 0 0.3em 0;
}
#splash p {
   font-size:1em;
   margin:0 0 1em 0;
}
#splashflash {
   width:430px;
   float:right;
}
#splashchoice {
   clear:both;
   width:360px;
   margin:0 auto;
   text-align:left;
}
body#splash #logos {
   background:#fff;
   padding:10px;
   width:300px;
   margin:0 auto;
}
#splashfooter {
   border-top:2px dotted #f09;
   width:520px;
   margin:0 auto;
   padding:1em 0 0 0;
}



/* Masthead
----------------------------------------------- */

#masthead {
   width:760px;
   height:147px;
   background:#939;
}



/* Left Column
----------------------------------------------- */

#leftcol h2 {
   visibility:hidden;
   margin:0px;
   padding:0px;
}
#leftcol .boxhed {
   overflow:hidden;
   width:170px;
   height:34px;
}



/* Leftnav
----------------------------------------------- */

#leftnav {
   padding:10px 8px 0 12px;
   margin:0 0 1.5em 0;
} 
#leftnav a {
   color:#fff;
   text-decoration:none;
} 
#leftnav a:hover {
   color:#ff0;
   text-decoration:underline;
} 
#leftcol ul {
   list-style-type:none;
   margin:0;
   padding:0;
}
#leftcol ul li {
   list-style-type:none;
}
#leftcol ul.leftnav1 li {
   background:url("/Style Library/Images/leftnav01.gif");
   background-repeat:no-repeat;
   background-position:0px 8px;
   padding:4px 0 0 20px;
   margin:0;
   font-weight:bold;
}
#leftcol ul.leftnav2 li {
   background:url("/Style Library/Images/images/leftnav02.gif");
   background-repeat:no-repeat;
   background-position:-3px 3px;
   font-weight:normal;
   padding:0 0 0 12px;
}
#leftnavbottom {
   width:170px;
   height:28px;
   overflow:hidden;
   background:url("/Style Library/Images/leftnavbottom.gif") no-repeat;
}



/* Read this page
----------------------------------------------- */
#readbox {
   width:100%;
  background:url("/Style Library/Images/pink_dots.gif") no-repeat 0 0;  
  padding:0.8em 0 1em 0;
  text-align:center;
  font-weight:bold;
  margin:2px 0 2px 0;
  color:#FFFFFF;
  vertical-align:middle;
    
}
#readbox  a {

   color:#fff;
   text-decoration:none;
}
div #readbox a:hover {
   color:#ff0;
   text-decoration:underline;
}

div #readbox img {
	padding-left:5px;
	vertical-align:middle;

}



/* Contact
----------------------------------------------- */ 

#contact_en {
   width:167px;
   height:110px;
   overflow:hidden;
   background:url("/Style Library/images/contact_en.gif") no-repeat;
}
#contact_cy {
   width:167px;
   height:110px;
   overflow:hidden;
   background:url("/Style Library/images/contact_cy.gif") no-repeat;
}
#contact_en h2, #contact_en p, #contact_cy h2, #contact_cy p {
   visibility:hidden;
}


.errorList{
color: #FF3300;
font-weight:700;
list-style: none;
}


/* Site Search
----------------------------------------------- */ 

#sitesearch_en .boxhed {
   margin:0 0 0 0;
   background:url("../css/graphics/search_en.gif") no-repeat;  
}
#sitesearch_cy .boxhed {
   margin:0 0 0 0;
   background:url("../css/graphics/search_cy.gif") no-repeat;  
}
#sitesearch_en table, #sitesearch_cy table {
   margin:0 0 16px 12px;
}



/* Right Column
----------------------------------------------- */

#rightcol h2 {
   font-size:1%;
   margin:0 0 1em 0;
   visibility:hidden;
}
#rightcol h3 {
   font-size:1em;
   margin:0 0 1em 0;
   padding:4px 0 4px 0;
}
#rightcol p {
   font-size:1em;
   margin:0;
   padding:0.2em 0 0.5em 0;
}
#rightcol ul {
   list-style-type:none;
}
#rightcol ul li {
   background-image:url("/Style Library/Images/arrow03.gif");
   background-repeat:no-repeat;
   background-position:2px 4px;
   padding:0px 10px 8px 15px;
}
#rightcol .box_top {
   width:168px;
   height:14px;
   background:url("/Style Library/Images/rightboxtop.gif") no-repeat;
   font-size:1%;
   overflow:hidden;
   
}
#rightcol .box_bot {
   width:168px;
   height:14px;
   background:url("/Style Library/Images/rightboxbot.gif") no-repeat;
   font-size:1%;
   overflow:hidden;
}



/* eCRM Box / Acrobat box
----------------------------------------------- */

#ecrmblurb, #acrobox {
   width:168px;
   margin:1em 0 1em 0;
}
#ecrmblurb .box_main, #acrobox .box_main {
   padding:0 12px 0 12px;
   background:url("/Style Library/Images/rightboxbg.gif") repeat-y;
}
#main #ecrmblurb p,#main #acrobox p {
   margin:0;
}




/* Try These
----------------------------------------------- */

#try_box_en, #try_box_cy {
   margin:1em 0 0 0;
}
#try_box_en .box_hed {
   width:168px;
   height:36px;
   background:url("/Style Library/Images/try_box_en.gif") no-repeat;
}
#try_box_cy .box_hed {
   width:168px;
   height:36px;
   background:url("/Style Library/Images/try_box_cy.gif") no-repeat;
   overflow:hidden;
}
#try_box_en .box_main, #try_box_cy .box_main {
   padding:0 8px 0 8px;
   background:url("/Style Library/Images/rightboxbg.gif") repeat-y;
   /*width: 100%;*/
}



/* Related Info
----------------------------------------------- */

#rel_box_en, #rel_box_cy {
   margin:1em 0 0 0;
}
#rel_box_en h2, #rel_box_cy h2 {
   font-size:1%;
   margin:0;
   visibility:hidden;
}
#rel_box_en .box_hed {
   width:362px;
   height:42px;
   background:url("/Style Library/Images/bigpeople_en.gif") no-repeat;
}
#rel_box_cy .box_hed {
   width:362px;
   height:42px;
   background:url("/Style Library/Images/bigpeople_cy.gif") no-repeat;
}
#rel_box_en .box_main, #rel_box_cy .box_main {
   padding:0 8px 0 18px;
   background:url("/Style Library/Images/relboxbg.gif") repeat-y;
}
#rel_box_en .box_bot, #rel_box_cy .box_bot {
   width:362px;
   height:15px;
   background:url("/Style Library/Images/relboxbot.gif") no-repeat;
   font-size:1%;
   overflow:hidden;
}
#rel_box_en ul, #rel_box_cy ul {
   list-style-type:none;
   margin:0 0 0 0;
   padding:0;
}
#rel_box_en ul li, #rel_box_cy ul li {
   background-image:url("/Style Library/Images/arrow02.gif");
   background-repeat:no-repeat;
   background-position:2px 4px;
   padding:0px 10px 8px 15px;
}




/* Fun Games
----------------------------------------------- */

#contentcol div.GameLink {
	float:left;
}

#contentcol div.GameDescription {
	width:50%;
	clear:left;
	padding: 0px 0px 20px 0px;
}

#contentcol div.GamePicture {
	float:right;
}

#contentcol div.GameLink a {
	font-family:Comic Sans MS,Sans-serif;
	font-weight:bold;
	color: #993399;
    font-size:1.2em;
    text-decoration:underline;
    padding: 0px 0px 15px 0px;
}

#contentcol div.GameDescription span {
	font-family:Comic Sans MS,Sans-serif;
	color: #330033;
    font-size:1.2em;
}


/* Message Board
----------------------------------------------- */

.ms-wpbody th {
   padding:5px;
   font-size:1em;
   color: #000000;
   background:#ffdd97;
   text-align:center;
  }
  
.ms-wpbody td {
   padding:5px;
}
.ms-wpbody{
	width:100%;
}
.ms-wpbody table {
border:2px solid #f93;
width:100%;
  
   margin:1em 0 1em 0;
}
.messagethread{
	padding:20px 0 20px 0;
}
.discussiontopicnavigationbar {

	border: 2px #CC6600 solid;
	background-color:#f93;
	padding:6px 3px 6px 3px;
	height:16px;
    vertical-align:middle;
    
}

.messagenavigationbar {
	border: 2px #CC6600 solid;
	background-color:#f93;
	padding:6px 3px 6px 3px;
	height:16px;
    vertical-align:middle;
	
}
.messagenavigationbar label{
float:left;
}
.messagenavigationbar a{
float:right;
}
.messagebody #body div div{
padding:5px 0px 1px 0px;
}
.messagebody{
padding:5px 3px 5px 3px;
border-right:2px #CC6600 solid;
border-left:2px #CC6600 solid;
border-bottom:2px #CC6600 solid;
}
.messageauthorbar{
float:right;
display:block;

 border: 2px #CC6600 solid;
 background-color:#f93;
 padding:5px 3px 5px 3px;
 height:15px;
 vertical-align:middle;
}

.messagethread #postedtimeheading, #bodyheading, #authorheading, .messagesubject #subject, .messagebodytext #body{
font-size:11px;
font-weight:700;
padding-right:5px;
color: #660066;
}

.messageform {
	
	padding:6px 3px 6px 3px;
	vertical-align:middle;
}
.messagebuttonbar {
	border: 2px #CC6600 solid;
	background-color:#f93;
	margin-bottom:10px;
	padding:3px 3px 3px 3px;
	height:22px;
   	vertical-align:middle;

}
.messagebuttonbar input{
background-color: #FFFF00;
font-family:"Comic Sans MS";
text-align:center;
width:80px;
float:right;
display:block;

height:22px;
}

#bodytext textarea, #subjecttext input{
width:98%;

margin:10px 0px 10px 0px;

}

#mandatorySign, .errornavigationbar ul li {
	list-style:none;
	color:#FF3300;
}

/* Login
----------------------------------------------- */

#login fieldset {
   border:0;
}
#login table {
}
#login table td {
   padding:5px;
}
#login label {
   font-weight:bold;
   color:#939;
}




/* Forms
----------------------------------------------- */

.alert {
   color:#f00;
}
.hilite {
   color:#f00;
}
form {
   border:0;
}
form input.button {
  padding:3px;
  border:2px solid #f09;
  color:#939;
  background:#fd0;
  font-weight:bold;
}
fieldset {
   border:2px solid #f93;
   padding:5px;
   margin:0 0 10px 0;
}
legend {
   color:#939;
   background:#fd0;
   padding:10px 9px 10px 9px;
   margin:0px;
   font-weight:bold;
}



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

#footer {
   margin:3em 0 0 0;
   border-top:2px dotted #f09;
   padding:1em 0 0 0;
   clear:both;
   text-align:left;
}
#footer p {
   padding:0;
   margin:0.5em 0 0 0;
}
#badges {
   text-align:left;
   margin:10px 0px 0px 0px;
}

#footer span {
   color:#e06;
}



/* BBC Vocab
----------------------------------------------- */

#bbcvocab {
   font-family:verdana, arial, helvetica, sans-serif;
   margin:1em 1px 1em 1px;
   padding:0;
   border-color:#fff;
   border-style:solid;
   border-width:2px;
}
#bbcvocab .logo {
   background-color:#939;
   padding:3px;
}
#bbcvocab .status {
   background-color:#fff;
   padding:4px;
   color:#ef1084;
   font-weight:bold;
   text-transform:uppercase;
}
#bbcvocab .controls {
   background-color:#ffc7e7;  
   padding:3px;
}
#bbcvocab ul {
   list-style-type:none;
}
#bbcvocab ul li {
   background-image:url("../css/graphics/bbcarrow.gif");
   background-repeat:no-repeat;
   background-position:2px 5px;
   padding:0 0 0.5em 12px;
}



/* Your Pictures
----------------------------------------------- */

#gallery {
   margin:1em 0 0 0;
   text-align:center;
  margin: 0 auto;
  width:276px;
}
#gallery img {
   width:266px;
}
#gallery .col {
   width:276px;
}
#gallery .pic {
   padding:5px;
   background:#fff;
}
#gallery .pagenav {
   padding:0 0 2em 0;
   border-bottom:2px dotted #f09;
     margin: 0 auto;
  width:276px;

}


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

div.listing h2 {
   color:#939;
   font-size:1em;
   border-bottom:2px dotted #f09;
   padding:0 0 0.5em 0;
   margin:0 0 0.5em 0;
}
div.listing h2 a {
   text-decoration:none;
}
div.listing h2 a:hover {
   text-decoration:underline;
}
div.listing ul {
   list-style-type:none;
   margin:0 0 1em 0;
}
div.listing ul li {
   background-image:url("/Style Library/Images/arrow02.gif");
   background-repeat:no-repeat;
   background-position:0px 4px;
   padding:0 0 0.5em 14px;
}
div.listing ul li ul {
   margin:0;
   padding:0.5em 0 0 0;
}
div.listing ul li ul li {
   margin:0;
}
div.listing ul li span.date {
   color:#666;
}
div.listing p {
   line-height:1.4em;
   margin:0 0 1em 0;
}
div.listing form {
   margin:0 0 1em 0;
}
div.listing hr {
   border-width:1px 0 0 0;
   border-color:#f09;
   border-style:dotted;
   color:#fff;
   height:1px;
   margin:0 0 1em 0;
}
div.pagenav {
   padding:1em 0 0 0;
   border-top:2px dotted #f09;
   width: 65%;
}
div.pagenav span {
   font-weight:bold;
}



/* Downloads 
----------------------------------------------- */

div.downloads ul {
   list-style-type:none;
   margin:0 0 1em 0;
}
div.downloads ul li {
   background-image:url("../css/graphics/arrow3a.gif");
   background-repeat:no-repeat;
   background-position:0px 0px;
   padding:0 0 1em 26px;
   margin:0;
   font-weight:normal;
}
div.downloads ul li.excel {background-image:url("../css/graphics/icon_excel.gif");}
div.downloads ul li.link {background-image:url("../css/graphics/icon_link.gif");}
div.downloads ul li.pdf {background-image:url("../css/graphics/icon_pdf.gif");}
div.downloads ul li.photo {background-image:url("../css/graphics/icon_photo.gif");}
div.downloads ul li.ppoint {background-image:url("../css/graphics/icon_ppoint.gif");}
div.downloads ul li.text {background-image:url("../css/graphics/icon_text.gif");}
div.downloads ul li.word {background-image:url("../css/graphics/icon_word.gif");}




/* Headings
----------------------------------------------- */ 

#main h1 {
   font-weight:bold;
   font-size:1.5em;
   color:#939;
   margin:0 0 0.5em 0;
   padding:0.3em 0 0.2em 0;
   border-bottom:2px dotted #f09;
}
#main h1 span {
   font-size:0.7em;
   color:#f09;
}
div.cms_content h2 {
   font-size:1.2em;
   color:#939;
   margin:0 0 1em 0;
}
div.cms_content h3 {
   font-size:1.2em;
   color:#939;
   margin:0 0 1em 0;
}




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

div.cms_content{
	float:left;	
}

div.cms_content p {
   font-size:1em; 
   margin:0 0 1em 0;
}
div.cms_content ul {
   list-style-type:none;
   margin:0 0 1em 0;
}
div.cms_content ul li {
   background-image:url("/Style Library/Images/arrow02.gif");
   background-repeat:no-repeat;
   background-position:0px 4px;
   padding:0px 0px 1em 15px;
}
div.cms_content hr {
   border-width:1px 0 0 0;
   border-color:#f09;
   border-style:dotted;
   color:#fff;
   height:1px;
   margin:0 0 1em 0;
}
ol {
   padding:0 0 0 26px;
   margin:0 0 1em 0;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}
blockquote {
   padding:1em 1em 0 1em;
   border:2px dotted #f09;
   font-style:italic;
   margin:0 0 1em 0;
}
blockquote p
	{
	padding: 0px 15px 0px 0px;
	font-size: 1.2em;	
	float: left;
	background: url('Images/quotes2r.jpg') bottom right no-repeat;
}

blockquote
	{
	padding: 20px;
	font-size: 1.8em;	
	background: url('Images/quotes1l.jpg') top left no-repeat;
}

cite
	{
	font-size: 1.2em;
	float: right;	


}





/* Table Classes
----------------------------------------------- */

div.cms_content table {
   margin:0 0 1em 0;
}
div.cms_content table td {
   padding:5px;
   border:none;
}
div.cms_content table td a {
   text-decoration:underline;
}
div.listing table {
   margin:0 0 1em 0;
}
div.listing table td {
   padding:0 5px 0.5em 0;
   border:none;
}




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

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:0 20px 1em 0;
}

img.right1, img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}
img.left1, img.right1 {
   border:1px solid #000;
}
img.left3, img.right3 {
   float:none;
   border:none;
}

.ms-WPBorder {
	border:none;
}

/*
 FAQ Screen
*/

.FAQLink {
	font-family:Comic Sans MS, Sans Serif;
	color: #990099;
	padding: 0px 0px 0px 15px;	
}

.FAQCategoryHeader {
	color: #990099;
}

.ms-WPBorder {
	border: none;
}

.ms-WPHeader td {
	border: none;
}

.ms-partline {
	border: none;
}

.ms-gb {
	border:none;
}


/*
 Contact Us page
*/

/* Format the web part body */
#ContactUs {
	border: 2px solid #FF9933;
	margin: 10px 0px 10px 0px;
	padding: 5px;	
}

/* Configure the captions of the fields */
#ContactUs b {
	font-family:Comic Sans MS,Sans-serif;
}

/* Sort out the look of the Submit button. */
#ContactUs input.DraigContactControlSubmit {
	font-weight: bold;
	padding: 1px;
	color:#993399;
	border: 2px solid #FF9933;
	background: #FFDD00 none repeat scroll 0%;
}

/*
 Left hand navigation menu
*/

/* To control the look of the menu, we need to override the ms-navheader class */
table.ms-navheader td{
  background:url("/Style Library/Images/leftnav01.gif") no-repeat;
   background-position: 0px 8px;
   padding: 4px 0px 0px 20px;
}
.ms-navSubMenu2 tr{
 background:url("/Style Library/Images/leftnav02.gif") no-repeat;
	background-position: 15px 0px;


}

/*
.ms-navheader {
   background:url("/Style Library/Images/leftnav01.gif") no-repeat;
   background-position: 0px 10px;
   padding: 4px 0px 0px 20px;
}
*/

/* Left hand side search */
.SearchImage {
	padding: 0px 0px 0px -10px;
}

table.ms-navitem td {
	font-family:Comic Sans MS,Sans-serif;
	background: none; /*url("/Style Library/Images/leftnav02.gif") no-repeat; */
	/* background-position: 0px 5px;*/
	padding: 0px 0px 0px 20px;
}

.ms-selectednav {
	border: none;
	background: none;
}

/*
 Variation label control
*/
#langchoice {
	background:url("/Style Library/Images/variation_bg.gif") no-repeat;
	height:44px;
	padding: 8px 0px 0px 40px;
}

#langchoice a {
	font-weight:bold;
	font-size:1.2em;
	color:#FFDD00;
	text-decoration:none;
}

/*
 Format the publication item view screen.
*/
#PublicationItemViewDateLabel {
	font-weight:bold;
}

#PublicationItemViewDateValue {
	padding: 0px 0px 0px 10px;
}

#PublicationItemViewDescription {
	padding: 15px 0px 15px 0px;
}

#PublicationItemViewLink {
	padding: 0px 0px 0px 15px;
	font-weight:bold;
}

#PublicationItemViewFooter {
	margin: 15px 0px 0px 0px;
	border-top:2px dotted #f09;
	padding: 15px 0px 0px 0px;
}

#PublicationItemViewFileSize {
	margin: 0px 0px 0px 5px;
	font-weight:normal;
}

/*
 Search Results Screen
*/

/* By default, make the DIV's that contain the search items collapsed. */
div.srch-results div.SiteSearchResultItems {
	display:none;
}

/* Layout the tab buttons that appear on top of the results list */
.TabStripContainer {
	margin: 20px 0px 0px 0px;
}

/* Format the sitename that appears next to the expand/collapse button */
.SiteNameInList {
	font-family:Comic Sans MS,Sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	color:#993399;
}

/* An attempt to get rid if the grey background behind the paging window
   in the search results list page */	
.SearchResultsListContainer table[class="ms-tztable"][id="LeftZoneTable"] tr {
	background:transparent;
}

div.srch-Page-bg {
	background:transparent;
}

div.srch-sort-right{
	width: 75%;
}

div.srch-stats {
	white-space:normal;
}

div#TopResultsBar {
	margin-left:8px;
}

/* Search Item Box for FAQ, Publications and News
----------------------------------------------- */

.SearchItemBox .SearchItemBoxLabelContainer {
	vertical-align:middle;
	padding-top:4px;
	float:left;
	font-family:Verdana;
	font-size:8.5pt;
	color:#666;
	font-weight:700;
	padding-left:3px;
}
.SearchItemBox .SearchItemBoxContainer{
	float:left;
	padding-left:3px;
}
.SearchItemBox {
	padding:0px 0 10px 0;
	vertical-align:middle;
}

.SearchItemBox .SearchItemBoxButtonContainer{
	
	padding-left:3px;
}



/*
 Search Box on the master page
*/

#search div.SearchBox .SearchBoxContainer input {
	margin: 0px 0px 30px 12px;
	width:100px;
}

#search div.SearchBox div.SearchBoxContainer {
	float: left;
	width: 65%;	
	padding: 5px 0px 0px 0px;
}

#search div.SearchBox div.SearchButtonContainer {
	width: 20%;
}

#FAQSearch div.SearchBox div.SearchBoxContainer {
	float:left;
	width:50%;
	margin: 0px 2px 0px 0px;
}


/* Search Box
----------------------------------------------- */
.SearchBox .SearchBoxLabelContainer, .InLineSearchBox .SearchBoxLabelContainer {
	vertical-align:middle;
	padding-top:4px;
	float:left;
	font-family:Verdana;
	font-size:8.5pt;
	color:#666;
	font-weight:700;
	padding-left:3px;
}
.SearchBox .SearchBoxContainer, .InLineSearchBox .SearchBoxContainer{
	float:left;
	padding-left:3px;
}
.SearchBox {
	float:right;
	display:block;
	vertical-align:middle;
}
.SearchBox .SearchButtonContainer, .InLineSearchBox .SearchButtonContainer {
	float:left;
	padding-left:3px;
}
.InLineSearchBox {
	padding-top: 5px;
	vertical-align: middle;
	display: block;
	margin: 15px 0 35px 0;
}
.InLineSearchBox .SearchBoxContainer input {
	font-size: 95%;
	width: 100%;
	padding: 1px 2px;
	border: 1px solid #7f9db9;
}
.InLineSearchBox .SearchBoxContainer {
	width:40%;
}

.InLineSearchBox .SearchButtonContainer input {
	padding-top: 1px;
	height: 18px;
	border: none;
}
#SearchTabs {
	display: block;
	border-bottom: 1px solid #97b4e9;
	font-size: 0.6em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#SearchTabs a {
	text-decoration:none; 
	padding: 2px 11px 2px 10px;
	color: #7a7a7a;
}
#SearchTabs a:hover {
	color: #0a0a0a;
}
#SearchTabs .selectedtab {
	padding: 0 11px 1px 10px;
	background-image: url(/_layouts/images/PortalTabSelected.gif);
	border-bottom:#ffffff;
	border-left: 1px solid #97b4e9;
	border-right: 1px solid #97b4e9;
	border-top: 2px solid #97b4e9;
}
.sitenameinlist {
	font-weight:bold;
	width: 100%;
	padding: 2px;
}
#TopResultsBar, #MidLowerRightCell {
/*	background-color: #ececec;*/
	width: 100%;
	padding-top: 3px;
}
#MidLowerLeftCell {
	width: 100%;
	padding-left: 3px;
	float: right;
	text-align: right;
}
#MidUpperRightCell, #MidUpperRightCell2 {
	width: 49%;
	float: right;
	font-size: 70%;
}
#MidUpperRightCell2 {
	padding-left: 8px;
	float: left;
}
#MidLowerRightCell {
	padding-bottom: 2px;
}
.srch-stats {
	background: none;
}


/*
 Format the Twf Contact details on the left.
*/
#TwfContact {
	clear:left;
}

/*
 Format the 'Contact Twf' section on the master page */
#ContactTwf h2 {
 	font-weight:bold;
	font-size:1.2em;
	color:#FFDD00;
	text-decoration:none;
	visibility:visible;
	padding: 0px 0px 0px 20px;
}

#ContactTwf p[id="TwfEmail"] a {
	font-family: Rockwell;
	font-size:1em;
	color:#FEFEFE;
	text-decoration:none;
	visibility:visible;
	padding: 0px 0px 0px 20px;
}

#ContactTwf p[id="TwfPhoneNo"] {
	font-family: Rockwell Bold;
	font-size:1.3em;
	color:#FEFEFE;
	text-decoration:none;
	visibility:visible;
	padding: 0px 0px 0px 20px;
}

#notetext {
	color: #ff0000;
	font-weight: bold;
	font-size: 90%;
	margin-bottom:30px;
}

#langchoice {
	background:url("/Style Library/Images/variation_bg.gif") no-repeat;
	height:44px;
	padding: 8px 0px 0px 40px;
}

#langchoice a {
	font-weight:bold;
	font-size:1.2em;
	color:#FFDD00;
	text-decoration:none;
}


/*
 What's On
*/
#contentcol div.TwfEvents {
	width:400px;
	
}
#contentcol div.TwfEvents div.EventContainer div.EventDescription {
	margin: 2px 0px 0px 0px;
	width:50%;
	clear:right;
	float:right;
}

#contentcol div.TwfEvents div.EventContainer div.EventRow {
	padding: 5px 0px 0px 0px;
	clear:both;
}

#contentcol div.TwfEvents div.EventContainer div.EventLocation {
	width:100%
}

#contentcol div.TwfEvents div.EventContainer div.EventLocation span {
	font-weight:bold;
}

#contentcol div.TwfEvents div.EventContainer div.EventDate {
	margin: 2px 0px 0px 0px;
	width:25%;
}

#contentcol div.TwfEventContainer div.EventLocation span {
	font-family:Comic Sans MS,Sans-serif;
	font-weight:bold;
	color: #993399;
    font-size:1.2em;
    padding: 0px 0px 15px 0px;
}

/* Site Map
--------------------------------------------------*/

.ms-WPBody ul li.toplevel a.headertitle{
	font-family:Comic Sans MS,Sans-serif;
		font-size:medium;
	font-weight:bold;
	color: #993399;
    font-size:1.2em;
	display:block;
	width:100%;
    margin:0 0 1em 0;
  	border-bottom: 2px dotted #f03;

} 
.ms-WPBody ul li.sublevel {
   background-image:url("/Style%20Library/Images/arrow02.gif");
   background-repeat:no-repeat;
   background-position:15px 4px;
   padding:0px 10px 1em 28px;
   margin:0;
}
.ms-WPBody ul li.sublevel a{
text-decoration: underline;
	font-family:Comic Sans MS,Sans-serif;
	font-size:small;

	color: #993399;
 
}

/* Message board
--------------------------------------------------*/
.ms-toolbar{
background-color:#f93;
border:1px #f93 solid;

}
 .ms-toolbar input {
 background-color:#FFFF00;
 border:#939;
 color:#939;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 }
.ms-separator , .ms-disc-bar td{
	background-color:#f93;
}
.ms-disc-nopad{
	font-size:small;
}
.ms-vh2, .ms-vh2-nograd, .ms-viewheadertr {
padding-left:5px;
color: #000000!important;
background-color: #FFDD97;
font-weight:bold;
}
.ms-vb {
color:#000000!important;
	

}
.ms-menutoolbar,#MSOZoneCell_WebPartWPQ1 , #WebPartWPQ2{
	border: 1px #f93 solid;
}

#MSOZoneCell_WebPartWPQ1{
	border: 0px;
}

.ms-areaseparatorright, .ms-areaseparatorleft{
background-image:none!important;
	background-color:#FD0!important;
	border: 0!important;
}
#onetIDListForm{
	margin-left:0.5px;
}
.ms-formlabel{
	width:20%!important;
}
.ms-formbody{
	width:80%!important;
}

/*
Summary Links
*/
div.SummaryLinksContainerHeader {
	width:168px;
	height:14px;
	background:url("/Style Library/Images/rightboxtop.gif") no-repeat;
	margin: 0px 0px 10px 0px;
}

div.SummaryLinksContainerFooter {
	width:168px;
	height:14px;
	background:url("/Style Library/Images/rightboxbot.gif") no-repeat;
}

div.SummaryLinksContainer {
	background:url("/Style Library/Images/rightboxbg.gif") repeat-y;
	margin: -10px 0px 0px 0px;
}

div.slm-layout-main div.item {
	padding: 0px 0px 0px 10px;
}

div.slm-layout-main div.item {
	margin: 0px 0px 3px 0px;
}

div.SummaryLinksContainer div.link-item a {
	font-family:Comic Sans MS,Sans-serif;
	color: #993399;
}

div.SummaryLinksContainer div.link-item div.description {
	font-family:Comic Sans MS,Sans-serif;
}

div.relatedContentGroupHeader {
	font-family:Comic Sans MS,Sans-serif;
	color: #330033;
	font-weight:bold;
	margin: 0px 0px 0px 10px;
}

div.publicationsGroupHeader {
	font-family:Comic Sans MS,Sans-serif;
	color: #330033;
	font-weight:bold;
	margin: 10px 0px 0px 10px;
}

div.relatedLinksGroupHeader {
	font-family:Comic Sans MS,Sans-serif;
	color: #330033;
	font-weight:bold;
	margin: 10px 0px 0px 10px;
}

#DraigPageTitle {
	margin: 0px 0px 0px 10px;
}

/* Document Drill Down
--------------------------------------------------*/

#gvresults {
	line-height:2em;
	padding-left:20px;
}

#drilldownpagenav {
	text-align: center;
}

.intranetonly {
	color: red;
	padding-left:5px;
}

#alphalist {
 list-style: none;	
 clear: both;
}

#webpartwpq1 hr {
	clear: both;
	margin-top:10px;
	border:1px solid silver;
	height: 0px;
}

#alphalist li {
	float: left;
	border-top: none;
	border-left: 1px solid silver;
	border-bottom: none;
	border-right: none;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}

#drillmodes {
 list-style: none;	
 clear: both;
}

#drillmodes li {
	float: left;
	border-top: none;
	border-left: 1px solid silver;
	border-bottom: none;
	border-right: none;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
}

#yearlist {
 list-style: none;	
 clear: both;
}

#yearlist li {
	float: left;
	border-top: none;
	border-left: 1px solid silver;
	border-bottom: none;
	border-right: none;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	white-space:nowrap;
}

.firstitem {
	padding-left:0px !important;
	border-left: none !important;
}

#catbreadcrumbs {
	clear: both;
	margin-bottom:10px;
}

#catcategories {
	margin-left: 20px;
}

.NotTranslatedWarning
{
	BORDER-TOP-WIDTH: thick; 
	BORDER-LEFT-WIDTH: thick; 
	BORDER-LEFT-COLOR: red; 
	BORDER-BOTTOM-WIDTH: thick; 
	BORDER-BOTTOM-COLOR: red; 
	COLOR: red; 
	BORDER-TOP-COLOR: red; 
	TEXT-ALIGN: center; 
	BORDER-RIGHT-WIDTH: thick; 
	BORDER-RIGHT-COLOR: red
}

#gvresults tbody tr td
{
	vertical-align:top;
}

/* Gallery Slideshow
--------------------------------------------------*/

.galleryContainer {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.galleryContainer h2 {
	text-align:center;
	padding-bottom:10px;
}

.galleryContainer img {
	max-width: 350px;
	border: none;
}

#galleryMonths {
list-style : none;	
 clear: both;
}

#galleryMonths li {
	border-top: none;
	border-left: 1px solid silver;
	border-bottom: none;
	border-right: none;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	white-space:nowrap;
	display:inline;
}

#galleryImages {
list-style : none;	
 clear: both;
 display: left;
}

#galleryImages li {
	border-top: none;
	border-left: 1px solid silver;
	border-bottom: none;
	border-right: none;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	white-space:nowrap;
	display: inline;
}

.FirstItem {
	padding-left:0px !important;
	border-left: none !important;
}

.imageTitle {
	display: block;
	clear: both;
	padding-top: 10px;
	padding-bottom:10px;
	text-align:center;
}

/* Right justify the 'Site Actions' menu. */
.ms-siteactions {
	float: right;
}

/* Left align the menu items in 'Site Actions' */
.ms-MenuUILabel {
	text-align:left;
}

.ms-rtetoolbarmenu {
	padding:2px !important;
}

.ms-separator{
	padding:2px !important;
}