/*
Title:		Dwr Cymru Welsh Water: page.css
Author: 	Dwr Cymru Welsh Water
Created:	April 2008
*/

/* INDEX PAGE CONTENT --------------------------------------------------- */
/* Household and Environment Areas --------------------------------------

#household_area {
	background-color: #6dcff6;
	background-image: url(/_images/hc_grad.gif);
	background-repeat: repeat-x;
}
#environment_area {
	background-color: #fdb913;
	background-image: url(/_images/ye_grad.gif);
	background-repeat: repeat-x;
}

#notice_area {
	background-color: #a93e79;
	background-image: url(/_images/in_grad.gif);
	background-repeat: repeat-x;
} url(/_images/in_grad2.gif) repeat-x */

#household_area {
	background: #6dcff6 url(/_images/hc_grad.gif) repeat-x;
}
#environment_area {
	background: #fdb913 url(/_images/ye_grad.gif) repeat-x;
}
#saving_area {
	background: #acd146 url(/_images/sw_grad.gif) repeat-x;
}

#household_area,
#environment_area,
#saving_area,
#notice_area,
#emergency_notice_area {
	background-position: bottom;
	margin-bottom: 0.625em;
	padding-bottom: 0.312em;
}

#notice_area {
	background: #a93e79;
	background-position: top;
	height: 76px;
}



#emergency_notice_area {
	background: #FED517 url(/_images/chevrons.png) repeat-x top;
	width: 368px;
	padding: 0 0 6px 0;
	text-align: centre;
}

#emergency_notice_area h1 {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 2em;
	margin-left: 0.312em;
	padding: .75em 0 .25em 0;
	text-align: centre;
}
#emergency_notice_area h1 a:link,
#emergency_notice_area h1 a:visited {
	color: #897714;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
}
#emergency_notice_area h1 a:hover {
	color: #897714;
	text-decoration: underline;
}
#emergency_notice_area a:focus,
#emergency_notice_area a:hover,
#emergency_notice_area a:active {
	color: #897714;
	text-decoration: underline;
}

#emergency_notice_area a:link,
#emergency_notice_area a:visited {
	color: #000;
}
#emergency_notice_area a:focus,
#emergency_notice_area a:hover,
#emergency_notice_area a:active {
	color: #000;
	text-decoration: underline;
}

.emergency_welsh {
	background: #FFF;
	line-height: 1.35em;
	padding: 4px 0 3px 8px;
	margin-bottom: 6px;
	width: 100%;
}
.emergency_welsh a:link,
.emergency_welsh a:visited,
.emergency_welsh a:focus,
.emergency_welsh a:active {
	text-decoration: none;
}
.emergency_welsh a:hover {
	text-decoration: underline;
}
.emergency_welsh span {
	color: #666;
}




#notice_area p a:link,
#notice_area p a:visited {
	color: #FFF;
}
#notice_area p a:focus,
#notice_area p a:hover,
#notice_area p a:active {
	color: #FF0;
	text-decoration: underline;
}







#household_area img,
#saving_area img,
#environment_area img {
	width: 23em;
	height: 8.750em;
}

#household_area label,
#environment_area label {
	display: none;
}
#household_area h1,
#saving_area h1,
#environment_area h1,
#notice_area h1 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
	margin-left: 0.312em;
	padding: 0;
	text-align: left;
}

#household_area p {
	color: #FFF;
	margin-left: 0.5em;
	padding: 0;
}
#household_area p a:link,
#household_area p a:visited,
#saving_area p a:link,
#saving_area p a:visited {
	color: #FFF;
	text-decoration: underline;
}

#household_area h1 a:link,
#household_area h1 a:visited,
#saving_area h1 a:link,
#saving_area h1 a:visited,
#environment_area h1 a:link,
#environment_area h1 a:visited,
#notice_area h1 a:link,
#notice_area h1 a:visited,
#contact_area a:link,
#contact_area a:visited,
#news_area a:link,
#news_area a:visited {
	color: #FFFFFE;
	text-decoration: none;
}
#household_area h1 a:focus,
#household_area h1 a:hover,
#household_area h1 a:active,
#saving_area h1 a:focus,
#saving_area h1 a:hover,
#saving_area h1 a:active,
#environment_area h1 a:focus,
#environment_area h1 a:hover,
#environment_area h1 a:active,
#notice_area h1 a:hover,
#notice_area h1 a:active,
#contact_area a:focus,
#contact_area a:hover,
#contact_area a:active,
#news_area a:focus,
#news_area a:hover,
#news_area a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#notice_area p {
	color: #FFFFFF;
	margin: 0 .50em .625em .50em;
}
#notice_area p a:link,
#notice_area p a:visited {
	color: #FFF;
}
#notice_area p a:focus,
#notice_area p a:hover,
#notice_area p a:active {
	color: #FF0;
	text-decoration: underline;
}

.menu {
	float: right;
	margin: 0.312em 0.312em 0 0;
	padding: 0;
	width: auto;
}

#householdMenu,
#environmentMenu {
	font-size: 0.689em;
}

#householdMenu {
	background-color: #BAE2EF;
}
#environmentMenu {
	background-color: #FDD518;
}

.picon {
	float: right;
	background: transparent url(/_images/hazard_picon.gif) right top no-repeat;
	margin: 10px 10px 0 0;
	width: 42px;
	height: 36px;
}

/* ALTERNATIVE MENU
#specifics ul {
	margin: 0 0.312em 0 0.312em;
}
#specifics ul li {
	display: inline;
	float: left;
	font-size: 0.689em;
	margin-right: 0.500em;
	padding: 0;
	white-space: nowrap;
}
 #specifics a {
	display: inline;
}
#specifics li span {
	margin-right: 0.312em;
}
#household_area li a:link,
#household_area li a:visited,
#environment_area li a:link,
#environment_area li a:visited {
	text-decoration: none;
}
#household_area li a:link,
#household_area li a:visited {
	color: #039;
}
#household_area li a:focus,
#household_area li a:hover,
#household_area li a:active {
	background: #6DC3E3;
	color: #039;
	text-decoration: none;
}

#environment_area li a:focus,
#environment_area li a:hover,
#environment_area li a:active {
	background: #FC0;
	color: #B50E20;
	text-decoration: none;
}
*/


/* Features Area -------------------------------------------------------- */

#feature_area, #feature_area2, #feature_area3 {
}

.feature_one,
.feature_two {
	background: #FFF url(/_images/feature_grad.gif) repeat-x;
	background-position: bottom;
	min-height: 10.625em;
	height: auto !important;
	height: 10.625em;
	width: 11.125em;
}
.feature_two {
	float: right;
	width: 11.125em;
}

.feature_one img,
.feature_two img,
.feature_flash {
	height: 3.437em;
	margin-bottom: 0.312em;
	width: 11.125em;
	min-height: 6.25em;
	height: auto !important;
	height: 6.25em;
}
.flash_object {
	margin-bottom: 0.312em;
}
.feature_one p,
.feature_one h3,
.feature_two p,
.feature_two h3 {
	padding: 0 0.312em 0.312em 0.312em;
}

/* Flash Feature */
.feature_flash {
	background: #FFF url(/_images/fog_bg.jpg) no-repeat;
	background-position: top;
}

.spacer {
	width: 23em;
	height: 0.625em;
}

/* Times Response feature only -------------------------------------------------------- */
.block {
	background: #36F;
	margin-bottom: 6px;
	padding: 5px 0 3px 0;
}
.block h3 {
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}





/* Contact and News Area ------------------------------------------------ */
#contact_area {
	background: #0099fe url(/_images/contact_grad.gif) repeat-x;
}
#news_area {
	background: #a6ce39 url(/_images/news_grad.gif) repeat-x;
}

#contact_area,
#news_area {
	background-position: bottom;
	color: #FFFFFE;
	margin-bottom: 0.625em;
	padding-bottom: 0.200em;
	width: auto;
}
#news_area {
	color: #415E1C;
}
#contact_area h2,
#news_area h2 {
	font-size: 0.938em;
	padding: 0 0.312em 1em 0.312em;
}
#news_area h2 a:link{
	color: #415E1C;
}
#news_area h2 a:hover,
#news_area h2 a:visited{
	color: #FFFFFE;
}
#contact_area ul,
#news_area ul {
	border-bottom: 1px dotted #FFF;
	margin: 0.312em;
	padding-bottom: 0.312em;
}
#contact_area li {
	font-size: 0.689em;
	font-weight: normal;
	line-height: 1.250em;
}
#contact_area li span {
	font-style: italic;
}

#news_area li {
	font-size: 0.689em;
	font-weight: normal;
	line-height: 1.250em;
}
#news_area li span {
	color: #FF0;
}

#news_area li a:link,
#news_area li a:visited {
	text-decoration: underline;
	color: #415E1C;
}
#news_area li a:focus,
#news_area li a:hover,
#news_area li a:active {
	color: #FFF;
	text-decoration: underline;
}




/* RIGHT HAND COLUMN ARTICLES ------------------------------------------------------- */

.ad_area {
	margin-bottom: 1em;
	text-align: center;
	width: auto;
}
.ad_area ul li {
	text-align: center;
}
.ad_area li a {
	display: block;
	font-size: 0.689em;
	font-weight: normal;
	line-height: 1.350em;
	padding-top: 6em;
	text-align: center;
}
.ad_area li a span {
text-transform: uppercase;
}

.ad_area li a:link,
.ad_area li a:visited,
.ad_area li a:active {
	color: #036;
	text-decoration: underline;
}
.ad_area li a:focus,
.ad_area li a:hover {
	color: #C09;
	text-decoration: underline;
}





/*  A D  V A R I A T I O N S  */
li.greenspace_ad a {
	background: #FFF url(/_images/greenspace_ad.jpg)  50% 0 no-repeat;
}

.ad_area li.rainsaver_ad {
	background: #FFF url(/_images/rainsaver.jpg)  50% 0 no-repeat;
}
.ad_area li.rainsaver_adw {
	background: #FFF url(/_images/rainsaverw.jpg)  50% 0 no-repeat;
}

.ad_area li.biodiversity {
	background: #FFF url(/_images/iyb_tbn.gif)  50% 0 no-repeat;
	padding-top: 5px;
}

.ad_area li.consultation {
	background: #FFF url(/_images/livingwales.png)  50% 0 no-repeat;
	padding-top: 5px;
}

.ad_area li.wateraid_ad {
	background: #FFF url(/_images/wateraid_ad.jpg)  50% 0 no-repeat;
}

.ad_area li.wrapup_ad {
	background: #FFF url(/_images/crackup_ad.jpg)  50% 0 no-repeat;
}
.ad_area li.wrapup_adw {
	background: #FFF url(/_images/crackup_adw.jpg)  50% 0 no-repeat;
}


/*  M O V I E  P A G E  A D  */
.wwtv {
	margin: 0 0 1em 0;
}
.wwtv ul {
	margin: .25em 0 0 0;
	padding: 0;
}
.wwtv li a {
	display: block;
	font-size: 0.689em;
	font-weight: normal;
	line-height: 1.250em;
	margin: 0;
	padding: 0;
	text-align: center;
}
.wwtv li a span {
text-transform: uppercase;
}
.wwtv li a:link,
.wwtv li a:visited {
	color: #036;
	text-decoration: underline;
}
.wwtv li a:focus,
.wwtv li a:hover,
.wwtv li a:active {
	color: #C09;
	text-decoration: underline;
}
.wwtv img {
	height: 3.437em;
	margin-bottom: 0.312em;
	width: 11.125em;
	height: 6.25em;
}
.flash_object {
	margin-bottom: 0.312em;
}



/* ---------------------------------------------------------------------- */
@media screen
{
#household_areaPRNT, /* ALTERNATIVE MENU */
#environment_areaPRNT {
	display: none;
}
}
/* ---------------------------------------------------------------------- */



/* COMMUNITY, EDUCATION, RECREATION ------------------------------------- */
/* Photography Bursary PopUps ------------------------------------------- */
#stuart,
#zoltan,
#dan {
	background: #FFF;
	text-align: center;
}
#giz {
	background: #000;
	text-align: center;
}
#gallery_wrap {
	position: relative;
	top: 0;
	left: 0;
	height: 31.25em;
	width: 650em;
}

.title_frame {
	float: left;
	height: 31.25em;
	width: 50em;
	text-align: center;
}
.title_frame h1 {
	color: #72642D;
	font: 1.875em "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 5.5em 0 0.312em 0;
	padding: 0;
	text-align: center;
}
.title_frame h2 {
	color: #A6AB2B;
	font-size: 0.689em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 1.5em 0 0 0;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	text-align: center;
}
.title_frame p {
	color: #777;
	line-height: 1.5em;
	margin: 0 13em 0 13em;
	text-align: center;
}
p.uni {
	font-size: 0.563em;
	letter-spacing: 0.125em;
	text-transform: uppercase;
}

.picture_frame {
	position: absolute;
	top: 0;
	left: 50em; /* 100em if displayed */
	width: 600em;
}
.picture_frame img {
	margin: 1.875em 9.1875em 0 9.1875em;
	width: 31.25em;
}

/* Dan's Additions */
.picture_title,
.picture_title2 {
	display: none; /* Saved for a later date */
	position: absolute;
	top: 0;
	left: 50em;
	width: 50em;
}
.picture_title2 {
	left: 700em;
}
.picture_frame2 {
	display: none; /* Saved for a later date */
	position: absolute;
	top: 0;
	left: 650em; /* 750em if displayed */
	width: 600em;
}
.picture_frame2 img {
	margin: 1.875em 9.1875em 0 9.1875em;
	width: 18.25em;
}


#pointer {
	position: absolute;
	top: 28.438em;
	left: 0;
	margin: 0;
	padding: 0;
}


/* PUBLICATION INFO ------------------------------------- */
#publication_wrap {
border: 1px dotted red;
width: 180px;
}