/* css code by ben gilman - nuclearsummer.com */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
* { margin: 0; padding: 0; border: 0; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; list-style-type: none; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

a:link, a:visited, a:hover, a:active { color: #069; }
a:hover { color: #0EB4EF; }

body {
	background: #fff url(../cssimg/PageBackground.png) repeat-y center top;
	font-size: 76%;
	font-family: verdana, arial, helv, sans-serif;
	}

.Clear { clear: both; }
p.SkipContent { display: none; }

#Header {
	background: #B4C91A url(../cssimg/MastheadBackground.png) repeat-x;
	}
	
#Header .Internal {
	width: 60em;
	margin: 0 auto;
	position: relative;	
	}
	
#Header h1 {
	width: 332px;
	height: 100px;
	position: relative;
	}	
#Header h1.Cy {
	width: 444px;
	height: 100px;
	position: relative;
	}
#Header h1 span {
	background: url(../cssimg/Logo.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
#Header h1.Cy span {
	background: url(../cssimg/LogoCy.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#Header .Circle {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 216px;
	height: 99px;
	background: transparent url(../cssimg/CircleGraphic.png) no-repeat top right;
	}

#Header .Circle .LanguageSelect {
	position: absolute;
	top: 0;
	right: 230px;
	color: #fff;
	font-size: 90%;
	font-family: tahoma, verdana, arial, helv, sans-serif;
	font-weight: bold;
	padding: 2px 8px 5px 8px;
	/* background: transparent url(../cssimg/bgLanguage.gif) no-repeat bottom left; */
	background: #ABDC28;
	border: 1px #b4c91a solid;
	border-top: 0;
	width: 10em;
/* 	float: right;
	margin-right: 245px; */
	text-align: center;
	}
#Header .Circle .LanguageSelect a:link { color: #fff; font-weight: normal; }
#Header .Circle .LanguageSelect a:visited { color: #fff; font-weight: normal; }
#Header .Circle .LanguageSelect a:hover { text-decoration: none; font-weight: normal; }
#Header .Circle .LanguageSelect a:active { color: #fff; font-weight: normal; }

a.Invis { display: none; }
	
#TopNav {
	width: 60em;
	margin: 5px auto;
	background: #D5EFFF url(../cssimg/TopNavBgCenter.png) repeat-x top left;
	}
#TopNav .Left {
	width: 5px;
	height: 35px;
	float: left;
	background: transparent url(../cssimg/TopNavBgLeft.png) no-repeat;
	}
#TopNav .Right {
	width: 5px;
	height: 35px;
	float: right;
	background: transparent url(../cssimg/TopNavBgRight.png) no-repeat;
	}
	
#TopNav ul {
	display: inline;
	font-size: 0.9em;
	font-family: tahoma, verdana, arial, helv, sans-serif;
	font-weight: bold;
	}
#TopNav ul li {
	float: left;
	display: inline;
	background: #83d0ff url(../cssimg/TopNavBgCenter.png) repeat-x top left;
	}
#TopNav ul li a {
	display: block;
	text-align: center;
	height: 2.5em;
	padding: 4px 12px;
	color: #18d;
	text-decoration: none;
	
	border-right: 1px #A3DCFF solid;
	}
#TopNav ul li a.Active {
	background: transparent url(../cssimg/TopNavHighlight.png) repeat-x 0 3px;
	}
#TopNav ul li a:hover { text-decoration: underline; color: #2C758F;  }
#TopNav ul li a span {
	display: block;
	margin-top: 6px;
	}
	
#TopNav ul.WelshTopNav li a {
	padding: 4px 8px;
	}

#Content {
	width: 59em;
	background-color: #fff;
	margin: 0 auto;
	}
#Content .Internal {
	padding: 1em 19px;
	min-height: 300px;
	}
	
#Content .Internal h2 {
	width: 440px;
	height: 27px;
	position: relative;
	margin-bottom: 0.75em;
	}
#Content .Internal h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#Content .Internal h2#Welcome span { background: transparent url(../cssimg/H2Welcome.png) no-repeat top left; }
#Content .Internal h2#CyWelcome span { background: transparent url(../cssimg/H2CyWelcome.png) no-repeat top left; }
#Content .Internal h2#Contact span { background: transparent url(../cssimg/H2Contact.png) no-repeat top left; }
#Content .Internal h2#CyContact span { background: transparent url(../cssimg/H2CyContact.png) no-repeat top left; }
#Content .Internal h2#Links span { background: transparent url(../cssimg/H2Links.png) no-repeat top left; }
#Content .Internal h2#CyLinks span { background: transparent url(../cssimg/H2CyLinks.png) no-repeat top left; }
#Content .Internal h2#Ris span { background: transparent url(../cssimg/H2Ris.png) no-repeat top left; }
#Content .Internal h2#CyRis span { background: transparent url(../cssimg/H2CyRis.png) no-repeat top left; }
#Content .Internal h2#Awrsf span { background: transparent url(../cssimg/H2Awrsf.png) no-repeat top left; }
#Content .Internal h2#CyAwrsf span { background: transparent url(../cssimg/H2CyAwrsf.png) no-repeat top left; }
#Content .Internal h2#Whatis span { background: transparent url(../cssimg/H2WhatIs.png) no-repeat top left; }
#Content .Internal h2#CyWhatis span { background: transparent url(../cssimg/H2CyWhatIs.png) no-repeat top left; }
#Content .Internal h2#Whatcan span { background: transparent url(../cssimg/H2Whatcan.png) no-repeat top left; }
#Content .Internal h2#CyWhatcan span { background: transparent url(../cssimg/H2CyWhatcan.png) no-repeat top left; }

#Content .Internal h2#StressHelpAnglesey span { background: transparent url(../cssimg/H2Anglesey.png) no-repeat top left; }
#Content .Internal h2#StressHelpCarmarthenshire span { background: transparent url(../cssimg/H2Carmarthenshire.png) no-repeat top left; }
#Content .Internal h2#StressHelpCeredigion span { background: transparent url(../cssimg/H2Ceredigion.png) no-repeat top left; }
#Content .Internal h2#StressHelpConwy span { background: transparent url(../cssimg/H2Conwy.png) no-repeat top left; }
#Content .Internal h2#StressHelpDenbighshire span { background: transparent url(../cssimg/H2Denbighshire.png) no-repeat top left; }
#Content .Internal h2#StressHelpFlintshire span { background: transparent url(../cssimg/H2Flintshire.png) no-repeat top left; }
#Content .Internal h2#StressHelpGwynedd span { background: transparent url(../cssimg/H2Gwynedd.png) no-repeat top left; }
#Content .Internal h2#StressHelpMonmouthshire span { background: transparent url(../cssimg/H2Monmouthshire.png) no-repeat top left; }
#Content .Internal h2#StressHelpPembrokeshire span { background: transparent url(../cssimg/H2Pembrokeshire.png) no-repeat top left; }
#Content .Internal h2#StressHelpPowys span { background: transparent url(../cssimg/H2Powys.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpAnglesey span { background: transparent url(../cssimg/H2CyAnglesey.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpCarmarthenshire span { background: transparent url(../cssimg/H2CyCarmarthenshire.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpCeredigion span { background: transparent url(../cssimg/H2CyCeredigion.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpConwy span { background: transparent url(../cssimg/H2CyConwy.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpDenbighshire span { background: transparent url(../cssimg/H2CyDenbighshire.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpFlintshire span { background: transparent url(../cssimg/H2CyFlintshire.png) no-repeat top left; }

#Content .Internal h2#CyStressHelpGwynedd span { background: transparent url(../cssimg/H2CyGwynedd.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpMonmouthshire span { background: transparent url(../cssimg/H2CyMonmouthshire.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpPembrokeshire span { background: transparent url(../cssimg/H2CyPembrokeshire.png) no-repeat top left; }
#Content .Internal h2#CyStressHelpPowys span { background: transparent url(../cssimg/H2CyPowys.png) no-repeat top left; }



#Content .Internal h2#Needhelp,
#Content .Internal h2#Select,
#Content .Internal h2#CySelect  { width: 300px; }
#Content .Internal h2#Needhelp span { background: transparent url(../cssimg/H2Needhelp.png) no-repeat top left; }
#Content .Internal h2#CyNeedhelp span { background: transparent url(../cssimg/H2CyNeedhelp.png) no-repeat top left; }
#Content .Internal h2#Select span { background: transparent url(../cssimg/H2Select.png) no-repeat top left; }
#Content .Internal h2#CySelect span { background: transparent url(../cssimg/H2CySelect.png) no-repeat top left; }

#Content .Internal h3 {
	font-size: 1.25em;
	margin-bottom: 0.5em;
	color: #B4C91A;
	}

#Content .Internal p {
	color: #444;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	}
#Content .Internal dl,
#Content .Internal ul {
	color: #444;
	line-height: 1.5em;
	margin-left: 1.5em;
	}
#Content .Internal dl dt {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 1em;
	}
#Content .Internal dl dd {
	
	}

#Content .Internal ul {
	list-style-type: none;
	list-style-image: url(../cssimg/Bullet.png);
	padding: 0 1em;
	color: #444;
	line-height: 1.4em;
	margin-bottom: 1em;
	}
#Content .Internal ul  li {
	padding-left: 0.25em;
	margin-bottom: 0.5em;
	}
	
#Content .Internal ol {
	margin-bottom: 1em;
	padding: 0 2.5em;
	color: #444;
	line-height: 1.4em;
	}
#Content .Internal ol  li {
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	list-style-type: lower-roman;
	}
#Content .Internal ol.Numbers { list-style-type: lower-roman; }	
#Content .Internal ol.Roman {	list-style-type: decimal; }	
	
#Content .Internal .Text {
	width: 440px;
	width: 36em;
	}
#Content .Internal .MapText {
	width: 25em;
	float: left;
	}
#Content .Internal .Map {
	float: right;
	width: 360px;
	}	
#Content .Internal .Buttons {
	float: right;
	width: 18.5em;
	margin-bottom: 1em;
	}
#Content .Internal .Buttons img { float: right; clear: both; margin-bottom: 0.8em; }

#Content .Internal .Buttons a {
	display: block;
	width: 220px;
	height: 101px;
	text-decoration: none;
}	

img.ClickableMap { margin-top: -12px;}

#Content .Internal .Buttons h3 { display: none; }
#Content .Internal .Buttons p { color: #666; padding: 45px 68px 0px 10px; font-size: 90%; font-family: arial, helv, sans-serif; }

#Content .Internal .Buttons a#WhatIsStress { background: #fff url(../cssimg/BtnWhatIsStress.png) no-repeat top left;}
#Content .Internal .Buttons a#CyWhatIsStress { background: #fff url(../cssimg/BtnCyWhatIsStress.png) no-repeat top left;}	
#Content .Internal .Buttons a#FindHelp { background: #fff url(../cssimg/BtnNeedHelp.png) no-repeat top left;}
#Content .Internal .Buttons a#CyFindHelp { background: #fff url(../cssimg/BtnCyNeedHelp.png) no-repeat top left;}	
#Content .Internal .Buttons a#WhatCanIDo { background: #fff url(../cssimg/BtnWhatCanIDo.png) no-repeat top left;}
#Content .Internal .Buttons a#CyWhatCanIDo { background: #fff url(../cssimg/BtnCyWhatCanIDo.png) no-repeat top left;}	

p.Under { font-size: 0.9em; margin-left: 2em; text-align: center; color: #aaa !important; }

.OrgInfo {
	color: #444;
	line-height: 1.5em;
	padding: 0 0 1em 0;
	border-bottom: 1px #ccc solid;
	margin-bottom: 1.5em;
	}
.Last { border-bottom: 0; }
#Content .Internal .OrgInfo h3 {
	font-size: 1.2em;
	margin-bottom: 0.25em;
	color: #9CAF15;
	}	
#Content .Internal .OrgInfo h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	color: #666;
	}		
#Content .Internal .OrgInfo h4.SubOrg {
	font-size:1.2em;
	color: #369;
	margin-top: .5em;
	}

#Footer  {
	width: 718px;
	margin: 0 auto;
	border: 1px white solid;
	background-color: #f9f9f9; 
	padding: 12px 0;
	color: #868588;
	font-size: 0.9em;
	font-family: tahoma, verdana, arial, helv, sans-serif;
	line-height: 1.4em;
	clear: both;
	}
#Footer .Column {
	width: 210px;
	margin-left: 19px;
	float: left;
	display: inline;
	}
#Footer .ColumnTwo { margin-left: 25px; }
#Footer .ColumnThree { margin-left: 25px; }

#Footer .Column p {
	margin: 0 0 1em 0;
	}
#Footer .Column a:link, #Footer .Column a:visited, #Footer .Column a:visited, #Footer .Column a:active { color: #868588; }
#Footer .Column a:hover { color: #444; text-decoration: underline; }
#Footer h3 {
	width: 200px;
	height: 25px;
	position: relative;
	margin-bottom: 6px;
	}
#Footer h3 span {
	position: absolute;
	width: 100%;
	height: 100%;	
	}
#Footer h3#About span { background: url(../cssimg/FooterHeaderAbout.png) no-repeat; }
#Footer h3#CyAbout span { background: url(../cssimg/FooterHeaderAboutCy.png) no-repeat; }
#Footer h3#Accessibility span { background: url(../cssimg/FooterHeaderAccessibility.png) no-repeat; }
#Footer h3#CyAccessibility span { background: url(../cssimg/FooterHeaderAccessibilityCy.png) no-repeat; }
#Footer h3#Disclaimer span { background: url(../cssimg/FooterHeaderDisclaimer.png) no-repeat; }
#Footer h3#CyDisclaimer span { background: url(../cssimg/FooterHeaderDisclaimerCy.png) no-repeat; }

div.tooltip {
	background: #555 url(../cssimg/TooltipBackground.gif) repeat-x top left;
	border: 1px #666 solid;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	}

#Content .Internal ul.BackupList {
	text-align: center;
	}
#Content .Internal ul.BackupList li {
	display: inline;
	text-align: center;
	list-style-type: none;
	padding: 0px 10px 0 10px;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;	
	}