/****************************************************/
/***********[ ABC CSS - Common Elements ]***********/
/****************************************************/


/********************** Base Elements */

/* Structure */

.wrapper { min-width:954px; }

.header {
    text-align:left;
    width:951px;
    margin:0 auto;
    }

.middle-container {
    min-height:300px;
    width:951px;
    margin:0 auto;
    text-align:left;
    position:relative;
    }
    
.left-col { width:230px; float:left; }

.main-col { float:left; margin:0 0 10px 20px; width:700px; }

.footer {
	clear: both;
    text-align:center;
    width:951px;
    margin:0 auto;
    }


/* Style */
.header { background: #fff url(../images/header_bg.gif) no-repeat top left; }

.middle-container { clear: both; padding: 5px 0 0 0; }
    
.left-col { background: #fff; border-top: 20px solid #60b03a; }

.main-col { background: #fff; }

.footer { 
	background: #fff;
	border-top: 3px solid #60b03a;
	padding: 10px;
	margin-top: 5px;
	text-align: right;
}

.header-logo {
	float: left;
	margin:0;
	padding:0;
}


.header-logo a {
	float: left;
	display: block;
	width: 232px;
	height: 112px;
	text-indent: -9999px;
	background: transparent url(../images/abc_logo.png) no-repeat 0 0;
}

/********************** Primary Menu */

#nav { 
	float: right;
	margin: 75px 0 0 0; 
	padding: 0; 
	font-size: 1.2em; 
	font: arial, verdana, helvetica;
	background: #fff;
	 }
	 
#nav-base { width: 700px; margin-top: 6px; height: 2px; float: right; background: #fff url(../images/menu_bg.gif) repeat-x bottom center; }

#nav ul { float: left; }

#nav ul li { float: left; }

#nav ul li a {
	float: left; 
	display: block; 
	background: #fff url(../images/menu_separator.gif) no-repeat 100% 50%; 
	padding: 5px 24px;
	color: #000;
	text-decoration: none;
}

.welsh-language #nav ul li a { padding:5px 13px; } 

#nav ul li a.last { background: #fff; }
	 
#nav ul li a:hover { color: #de2211; }

#nav ul li a.active { color: #de2211; font-weight: bold; }


/********************** Sub Menu */

#submenu { padding: 0; margin:0 0 25px 0; font-size: 1.2em; font: arial, verdana, helvetica; }

#submenu ul { }

#submenu ul li { width: 100%; margin: 4px 0 0 0; }

#submenu ul li a { 
	display: block; 
	width: 205px; 
	background: #99cc99; 
	padding: 7px 5px 7px 10px;
	color: #000;
	text-decoration: none;
	border-left: 10px solid #99cc99;
}
	 
#submenu ul li a:hover { border-left: 10px solid #60b03a; }

/* Level 2 */

#submenu ul ul { margin-left: 10px; font-size: 0.9em; font: arial, verdana, helvetica; }

#submenu ul ul li a { 
	display: block;
	width: 195px; 
	background: #d9d9d9; 
	padding: 6px 5px 6px 10px;
	color: #000;
	text-decoration: none;
	border-left: 10px solid #d9d9d9;
}

#submenu ul ul li a:hover { border-left: 10px solid #9a9a9a; }

/* #submenu ul li a.active { border-left: 10px solid #60b03a; }

#submenu ul li ul li a.active { border-left: 10px solid #d9d9d9; font-weight: bold; } */


/********************** Clears */

.clear { clear: both; }

.clear hr { padding: 0; margin: 0; height: 0; }


/********************** Footer */

.footer-left { float: left; }
.footer-right { float: right; } 


/********************** Left Content */

.left-content { padding: 5px; }


/********************** Language switcher */

.language-switcher { padding:5px; text-align:center; border:1px solid #60b03a; border-width:0 1px 1px 1px; }

/********************** Forms */

.form-label { clear: both; width: 300px; float: left; text-align: right; padding: 2px 10px 2px 0; }

.form-input { float: left; }

/********************** Custom styles */

.mid-text-img { float: right; padding: 5px; margin: 5px; border: 1px solid #99cc99; }
.mid-text-img-left { float: left; padding: 5px; margin: 5px; border: 1px solid #99cc99; }
.spread-img-frame { padding: 5px; margin: 5px 0; border: 1px solid #99cc99; } /* Save image as 688px width */

.sub-content-wrap {}
.sub-content-whoweare { float:left; width:330px; padding:0 10px 10px 10px; }

.news-item { clear:both; }
.news-item img { float:left; padding:5px; margin:0 15px 15px 0; border:1px solid #99cc99; }

.footnote { font-size:0.9em; text-align:right; }

.welsh-language .left-content h2 { font-size:1.5em; }