/* General formatting
--------------------------------------------------------------------------
*/

body { background: #70858a; margin: 2em 0; padding: 0; text-align: center; }
#wrapper { width: 75.1em; margin: 0 auto 0 auto; text-align: left; display: block; color: #666; }

form { margin: 0; }
form input, form textarea, form select, form button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }

a { color: #993300; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }
p.imgLtFloat { margin: 0 1em 0 0; float: left; }
p.imgRtFloat { margin: 0 0 0 1em; float: right; }

p { margin: 1em 0; font-size: 1.1em; }
.hide { position: absolute; top: -500000em; left: 0; }

.blockhover { padding: .3em; }
.blockhoverOn { background: #f3f3f3; padding: .3em; }

/* Header - Site search, Cymraeg, text size and colour contrast
--------------------------------------------------------------------------
*/

#header { margin: 0 0 .5em 0; padding: 0 5px; font-size: 1.1em; }

#sitesearch { float: right; text-align: right; }
#sitesearch form { margin: 0; padding: .1em 0 0 0; }
#sitesearch label { color: #fff; }
#sitesearch input { font-family: Verdana, Arial, sans-serif; font-size: 1em; background: #fff; border: 1px solid #c3c3c3; }
#sitesearch button { font-family: Verdana, Arial, sans-serif; font-size: 1em; background: #dee9ed; border: 1px solid #c3c3c3; }

#headerLinks { margin: 0; padding: 0; list-style: none; display: inline; }
#headerLinks li { border-right: 1px solid #fff; display: inline; padding: 0 .5em 0 0; }
#headerLinks a { color: #fff; }

#textsize { margin: 0 .5em 0 0; padding: 0 0 0 .3em; display: inline; }
#textsize a { color: #fff; }
#textsize a.large { font-size: 1.2em; }
#textsize a.xlarge { font-size: 1.4em; }
#textsize dd span, #colourcontrast dd span{ position: absolute; left: 0; top: -9999px; }

#colourcontrast { margin: .2em 0 0 0; padding: 0 0 0 .5em; display: inline; border-left: 1px solid #fff; }
#colourcontrast img { border: 1px solid #525a5d; vertical-align: bottom; margin: 0 0 .1em 0; }

#textsize dt, #textsize dd, #colourcontrast dt, #colourcontrast dd { margin: 0; padding: 0; display: inline; color: #fff; }

/* Main content holder and navigation
--------------------------------------------------------------------------
*/

#dropShadow1 { background: url(../../../../images/dropshadow-top.gif) repeat-x; }
#dropShadow2 { background: url(../../../../images/dropshadow-bottom.gif) repeat-x bottom; }
#dropShadow3 { background: url(../../../../images/dropshadow-left.gif) repeat-y; }
#dropShadow4 { background: url(../../../../images/dropshadow-right.gif) repeat-y right; }
#dropShadow5 { background: url(../../../../images/dropshadow-topleft.gif) no-repeat; }
#dropShadow6 { background: url(../../../../images/dropshadow-topright.gif) no-repeat top right; }
#dropShadow7 { background: url(../../../../images/dropshadow-bottomright.gif) no-repeat bottom right; }
#dropShadow8 { background: url(../../../../images/dropshadow-bottomleft.gif) no-repeat bottom left; padding: 5px; }
#content { background: #fff; padding: 1em; }

#content #branding h1, #content #branding strong { position: absolute; top: -500000em; left: 0; }
#content #branding img { width: 72.0em; height: 10.2em; }

#content #navigation {  border-top: .5em solid #7c8b69; border-bottom: .1em solid #7c8b69; }
#content #navigation ul { margin: 0; padding: 0; list-style: none; font-size: 1.2em; }
#content #navigation ul li { display: inline; }
#content #navigation ul li a { border:.1em solid #fff;border-width:.1em 0;width: 16.54%; display: block; padding: .3em 0; border-right: 1px solid #fff; text-align: center; float: left; color: #fff; text-decoration: none; }
#content #navigation ul li a.home { background: #7C7A13; }
#content #navigation ul li a.aboutus { background: #990000; }
#content #navigation ul li a.L0 { background: #A13D00; }
#content #navigation ul li a.L1 { background: #495f30; }
#content #navigation ul li a.L2 { background: #BC7D00; }
#content #navigation ul li a.L3 { background: #004E80; }
#content #navigation ul li a.L4 { background: #76214B; border-right: 0; }
/*#content #navigation ul li a.L3 { background: #BC7D00; }
#content #navigation ul li a.L4 { background: #76214B; }*/
#content #navigation ul li a.L5 { background: #004E80; border-right: 0; }

#content #navigation ul li a.home:hover { background: #fff; color: #7C7A13; }
#content #navigation ul li a.aboutus:hover { background: #fff; color: #990000; }
#content #navigation ul li a.L0:hover { background: #fff; color: #A13D00; }
#content #navigation ul li a.L1:hover { background: #fff; color: #495f30; }
#content #navigation ul li a.L2:hover { background: #fff; color: #BC7D00; }
#content #navigation ul li a.L3:hover { background: #fff; color: #004E80; }
#content #navigation ul li a.L4:hover { background: #fff; color: #76214B; border: 0; }
/*#content #navigation ul li a.L3:hover { background: #fff; color: #BC7D00; }
#content #navigation ul li a.L4:hover { background: #fff; color: #004E80; }*/
#content #navigation ul li a.L5:hover { background: #fff; color: #76214B; border: 0; }


#content #navigation ul li a.homeOn { background: #fff url(../../../../images/navigation-bg-home.gif) no-repeat scroll bottom right; color: #7C7A13; }
#content #navigation ul li a.aboutusOn { background: #fff url(../../../../images/navigation-bg-aboutus.gif) no-repeat scroll bottom right; color: #990000; }
#content #navigation ul li a.L0On { background: #fff url(../../../../images/navigation-bg-pastissues.gif) no-repeat scroll bottom right; color: #A16800; }
#content #navigation ul li a.L1On { background: #fff url(../../../../images/navigation-bg-subscriptions.gif) no-repeat scroll bottom right; color: #495f30; }
#content #navigation ul li a.L2On { background: #fff url(../../../../images/navigation-bg-inside.gif) no-repeat scroll bottom right; color: #BC7D00; }
#content #navigation ul li a.L3On { background: #fff url(../../../../images/navigation-bg-contactus.gif) no-repeat scroll bottom right; color: #004EA5; }
#content #navigation ul li a.L4On { background: #fff url(../../../../images/navigation-bg-links.gif) no-repeat scroll bottom right; color: #76214B; border: 0; }

/*#content #navigation ul li a.L3On { background: #fff url(../../../../images/navigation-bg-inside.gif) no-repeat scroll bottom right; color: #BC7D00; }
#content #navigation ul li a.L4On { background: #fff url(../../../../images/navigation-bg-contactus.gif) no-repeat scroll bottom right; color: #004EA5; }
#content #navigation ul li a.L5On { background: #fff url(../../../../images/navigation-bg-links.gif) no-repeat scroll bottom right; color: #76214B; border: 0; }*/


#content #navigation form { text-align: right; }
#content #navigation form select { width: 16.4em; font-size: 1em; }

#content .genform { width: 80%; padding: 1em 2em; margin: 2em auto; font-size: 1.1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#content .genform label { width: 15em; margin: .6em 0; font-weight: bold; float: left; /*border:1px solid green;*/ }

#content .genform label#newCustomer,#content .genform label#organisation, #content .genform label#toBeDefined, #content .genform label#concession { width: 10em; }
#content .genform label#existingCustomer, #content .genform label#individual, #content .genform label#Gift { width: 15em; }
#content .genform label#Welsh, #content .genform label#English, #content .genform label#Bilingual,#content .genform label#Yes,#content .genform label#No
{ width: 5em; }

#content .genform label#dueForRenewal {width:11em;}
#content .genform select#Country { width:12.8em; margin-top:.3em; }

#content .genform table#subConfirmation { border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;width: 100%;}
#content .genform .subDetails { font-weight: bold; width:40%; }
#content .genform table#subConfirmation td { border-bottom:1px solid #ccc; }
#content .genform .cost { text-align: right; }
#content .genform #confirmButton { float:right; padding-top:1em;}

#content .genform input, #content .genform textarea { margin: .5em 0; float: left; }
#content .genform .submitbutton input { margin: .5em 0 .5em 20em; }
#content .genform .dpa { margin-top:2em; }
#content .genform .dpa label { width: 95%; float: right; font-weight: normal; vertical-align: middle; }
#content .genform .dpa input { float: left; vertical-align: middle; }
#content .genform h2 { margin: 0 0 1em 0; font-weight: bold; }

#content .signin { float: right; background: #f6f6f6; margin: .5em; padding: .5em; font-size: 1.1em; }
#content .signin fieldset { width: 19em; padding: 0 1em .5em 1em; border: 1px solid #ccc; }
#content .signin legend { margin-bottom: .5em; }
#content .signin label { margin: .3em 0; float: left; }
#content .signin input { margin: .2em 0; float: right; }
#content .signin .submit { text-align: right; }
#content .signin .submit input { width: auto; }

#content #links { overflow: hidden; }
#content #links .left { width: 48%; margin: 0 2% 0 0; float: left; }
#content #links .right { width: 48%; margin: 0 0 0 2%; float: left; }
#content #links h2, #content #links h3 { margin: 1em 0; font-size: 1.1em; font-weight: bold; }

#content .landinglisting ul { font-size: 1.1em; }

/* Breadcrumb and issue drop-down
--------------------------------------------------------------------------
*/

#breadcrumb { background: #f6f6f6; margin: .5em 0 0 0; padding: .5em; }
#breadcrumb ol { margin: .4em 0 0 .5em; padding: 0; list-style: none; float: left; }
#breadcrumb ol li { display: inline; }
#breadcrumb .chooseissue { margin: 0; padding: 0; float: right; }
#breadcrumb .chooseissue label, #breadcrumb form select, #breadcrumb form button { vertical-align: middle; }
#breadcrumb .chooseissue select, #breadcrumb form button { font-size: 1em; }

/* Page tools and main page header
--------------------------------------------------------------------------
*/

#content h1 { margin: 0; padding: .2em 0; font-size: 1.6em; }
#content .header h1{ border-bottom:0.65em solid #D4DACC; margin-bottom: 0.65em;}
#content h2 { margin: 1em 0; font-size: 1.4em; }

#content .aToZ { font-weight: bold; margin: 1em 0 0 0; font-size: 1.6em; }

#pagetools { margin: 1em 0; text-align: right; }
#pagetools ul { margin: 0; padding: 0; list-style: none; float: right; }
#pagetools ul li { margin: 0 .8em 0 0; float: left; }
#pagetools ul li img { margin: 0 .4em 0 0; vertical-align: top;}


#pagetools a { color: #666; text-decoration: none; background-repeat:no-repeat;background-position: 0em 0.0em;padding-left: 1.7em;padding-bottom:0.3em;float: left; }
#pagetools a:hover { text-decoration: underline; }
#pagetools a#bookmark{background-image: url('../../../../images/pagetools-bookmark.gif');}
#pagetools a#emailfriend{background-image: url('../../../../images/pagetools-emailfriend.gif');}
#pagetools a#print{background-image: url('../../../../images/pagetools-print.gif');}
#pagetools a#listen{background-image: url('../../../../images/pagetools-listen.gif');} 


.mainfeature { width: 44em; float: left; padding: 1em; border-top: .5em solid #c6cdbc; }
* html .mainfeature { width: 43.8em; }
.mainfeatureinside { border-top: .5em solid #f95d10; }
.mainfeature p.highlight { margin-top: 0; font-size: 1.3em; }

.mainfeaturehome p { letter-spacing: .05em; line-height: 140%; }

.summary { width: 25.9em; float: left; border-top: .5em solid #f95d10; }

.summary .topstories { padding: .5em 1em; background: #4C5B61; }
#content .summary .topstories h2 { margin: 0 !important; padding: 0 !important; font-size: 1.1em !important; text-transform: uppercase; color: #fff; }
.summary .topstories ul { margin: .5em 0; padding: 0; list-style: none; }
.summary .topstories ul li { margin: .5em 0; background: url(../../../../images/summary-bull-topstories.gif) no-repeat 0 .3em; }
.summary .topstories ul li a { display: block; font-size: 1.1em; color: #fff; padding: 0 0 0 10px; }

.summary .features { padding: .5em 1em; background: #dee9ed; }
#content .summary .features h2 { margin: 0; padding: 0; font-size: 1.1em; text-transform: uppercase; color: #4C4232; }
.summary .features ul { margin: .5em 0; padding: 0; list-style: none; }
.summary .features ul li { margin: .3em 0; background: url(../../../../images/summary-bull-features.gif) no-repeat 0 .3em; }
.summary .features ul li a { display: block; font-size: 1.1em; color: #4C4232; padding: 0 0 0 10px; }

.rightcol .topstories { margin: 2em 0 0 0; padding: .5em 1em; background: #4C5B61; }
#content .rightcol .topstories h2 { margin: 0; padding: 0; font-size: 1.1em; text-transform: uppercase; color: #fff; }
.rightcol .topstories ul { margin: .5em 0; padding: 0; list-style: none; }
.rightcol .topstories ul li { margin: .5em 0; background: url(../../../../images/summary-bull-topstories.gif) no-repeat 0 .3em; }
.rightcol .topstories ul li a { display: block; font-size: 1.1em; color: #fff; padding: 0 0 0 10px; }

.rightcol .features { padding: .5em 1em; background: #dee9ed; }
#content .rightcol .features h2 { margin: 0; padding: 0; font-size: 1.1em; text-transform: uppercase; color: #4C4232; }
.rightcol .features ul { margin: .5em 0; padding: 0; list-style: none; }
.rightcol .features ul li { margin: .3em 0; background: url(../../../../images/summary-bull-features.gif) no-repeat 0 .3em; }
.rightcol .features ul li a { display: block; font-size: 1.1em; color: #4C4232; padding: 0 0 0 10px; }

#leftcolumn .nav a { color: #333; padding: .2em .2em .2em 1.5em; line-height: 1.2em; display: block; }
#leftcolumn .nav a span { padding-left: .8em; display: block; }

.summary .internal { background: #f1f2f2; padding: 1em; }
.summary .internal h2 { margin: 0 0 1em 0 !important; padding: 0 !important; font-size: 1.4em !important; color: #2a403d !important; }
.summary .internal ul { margin: .5em 0; padding: 0; list-style: none; }
.summary .internal ul li { background: url(../../../../images/summary-bull-internal.gif) no-repeat 0 .3em; }
.summary .internal ul li a { display: block; font-size: 1.1em; color: #2a403d; padding: 0 0 0 10px; }

.leftcol { width: 45em; margin: 0 0 1em 0; padding: 0 1em 0 0; float: left; border-top: 4px solid #d4dacc; }
.rightcol { width: 24em; margin: 0 0 1em 0; padding: 5px 0 0 2em; float: left; background: url(../../../../images/home-line.gif) no-repeat top right; }

.fancybreakerleft { border-top: 26px solid #d4dacc; }
.fancybreakerright1 { width: 26em; border-top: 13px solid #d4dacc; padding: 4px 0 0 0; }
.fancybreakerright2 { padding: 0 0 0 2em; padding-top: 10px; background: url(../../../../images/home-fancybreaker.gif) no-repeat top left; }

.homeBtmBg { background: url(../../../../images/home-btm.gif) no-repeat top right; height: 18px; }

ul.subscribenow { list-style: none; }
ul.subscribenow a { background: url(../../../../images/home-subscribenowbull.gif) no-repeat 0 .3em; padding: 0 0 0 10px; font-size: 1.1em; }

.picofmonth { width: 33%; float: left; text-align: center; }

.landinglisting { padding: 1em; border-top: .1em solid #d4dacc; }
.landinglisting h2 { font-weight: normal; }
.landinglisting .image { width: 16em; overflow: hidden; float: left; }
.landinglisting .text { width: 53em; float: left; }
.landinglisting .backtotop { text-align: right; }
.landinglistingfirst { border-top: 1em solid #d4dacc; }

#pastIssues .landinglisting .image img { width: 15em; height: 19.4em; }

.errors { color: #f00; font-weight: bold; padding: 0 0 1em 2em; }

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

#footer { text-align: center; }
#footer ul { margin: 0; padding: .5em 0 0 0; font-size: 1.1em; list-style: none; color: #fff; }
#footer ul li { padding: 0 .5em 0 .3em; display: inline; border-right: .1em solid #fff; }
#footer ul li.last, #footer ul li.f15, #footer ul li.f23 { border-right: 0; }
#footer ul li a { color: #fff; }

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix, .blockhover, .blockhoverOn { overflow: hidden; zoom: 1; }