@charset "utf-8";


/*
Theme Name: Coleg Glan Hafren
Description: Theme for Coleg Glan Hafren Website
Vesion: 1.1
Author: Craig Cartwright 2008
Auth URI: http://www.craigcartwright.co.uk
*/

/********************************************

	Body & Divs for Layout

*********************************************/

/* commented backslash hack v2 \*/
/* html {overflow:hidden;}
/* end of hack */

body {
	 margin: 0px;
	 padding: 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #000; 
	 /*background-color: #*/
	/*background-image: url('../img/xmas_background.png');
	background-repeat: repeat-x;*/
}

#wrapper { 
 width: 940px;
 margin: 0 auto;
 padding: 0;
}

#header { 
 position: relative;
 margin-top: 0px;
 /*margin-bottom: 10px;*/
 width: 935px;
 height: 146px;
 background-color: #fff;
 padding-right: 5px;
 /*background-image: url('../img/facebook_trans.png');
 background-repeat: no-repeat;
 background-position: 755px 85px; */ 
}
#header img.fb {
	position: absolute;
	bottom: 10px;
	right: 5px;
	border: none;
}

#logo { 
/* width: 212px; */
  width: 200px;
 height: 146px;
 float: left;
 text-align: center;
 /*background-image: url('../images/xmas_logo.png');*/
 background-image: url('../images/logo.gif');
 background-repeat: no-repeat;
 background-position: center;
/* border: 1px red solid; */
}

#logo h1 {
	display: none;
}

#title { 
 width: 492px;
 margin-left: 12px;
 height: 146px;
 float: left;
}

#searchbox { 
 width: 200px;
 padding: none;
 float: right;
 text-align: right;
}

#language { 
 font-size: 8pt;
 font-weight: bold;
 color: #000000;
 margin-bottom: 5px;
 background-color: #fff;
}

#searchbox1 { 
 width: 100%;
 font-size: 14px;
 font-weight: bold;
 line-height: 25px;
 float: left;
}

#searchbox2 { 
 width: 100%;
 margin-top: 10px;
 font-size: 10px;
 float: left;
}

#left { 
 width: 212px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 10pt;
 float: left;
}

#main { 
 width: 726px;
 min-height: 600px;
 float: left;
}

#headnav { 
 width: 726px;
 height: 33px;
 float: left;
}

#content { 
 width: 510px;
 min-height: 900px;
 height: auto !important; /* hack for ie6 as does not support min-height */
 height: 680px; 
 float: left;
 background: #99CC66;
}

#content table, #content th, #content td {
	border: 1px solid #000;
}

#content th, #content td {
	padding: 5px;
}

#content th {
	background-color: #72994C;
}

#content-search { 
 width: 726px;
 /*min-height: 950px;*/
 height: auto !important; /* hack for ie6 as does not support min-height */
/* height: 695px; */
 float: left;
 background: #99CC66;
}

#right { 
 /*width: 216px;*/
 /*min-height: 2000px;*/
 float: right;
 /*background-color: #EEFFEE;*/
}

#leftnav1, #leftnav2, #leftnav3 { 
  width: 160px;
  margin: 0px 0px 0px 20px;
  border-bottom: dotted 1px #666666;
  float: left;
}

#leftnav1 { 
  border-top: dotted 1px #666666;
}


#contact { 
  width: 180px;
  margin: 80px 0px 0px 0px;
  padding: 5px;
  border: solid 1px #666666;
  background:#FFD4A9;
  font-size: 12px;
  float: left;
}

#home_image_one div.top-img  { position: absolute; }
#home_image_one div.top-img { z-index: 100; }	
					
#home_image_one div.bot-img { position: absolute;	}				
#home_image_one div.bot-img { z-index: 50; }

#home_image_two { position: relative; left: 255px; }
 
#home_image_two div.top-img  { position: absolute; }
#home_image_two div.top-img { z-index: 100; }	
					
#home_image_two div.bot-img { position: absolute;	}				
#home_image_two div.bot-img { z-index: 50; }

#page_image div.top-img { position: absolute;	}				
#page_image div.top-img { z-index: 100; }

#page_image div.bot-img { position: absolute;	}				
#page_image div.bot-img { z-index: 50; }

#inner_main {	
	 float: left;
	 position: relative;
	 top: 2px;
	 /*background-color: #EEFFEE;*/
}
/*#assc {
	/*display: none;*/
	/*position: absolute;*/	
	/*bottom: 0; 
	right: 0;	
}*/

#assc_content img {
	padding: 5px 0;
}

#footer { 
 float: left;
 padding: 10px 0 15px 0;
 font-size: 10px;
 text-align: right;
 background-color: #fff;
 width: 100%;
}

#w3 {
	width: 510px;
	text-align: center;
	display: none;
}
#w3 img {
	border: none;	
}


#assc_title, #news_title { 
  width: 206px;
  height: 20px;
  float: left;
  background: #99CC66;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0px 4px 10px;
  text-align:left;
}

#news_content { 
  width: 214px;
  height: 760px;
  background: #EEFFEE;
  border: solid 1px #99CC66;
  border-top: none;
/*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
  /*size: 19pt;*/
}

.news_art {
	width: 100%;
    background: #EEFFEE;
	border-top: solid 1px #999999;
	border-bottom: solid 5px #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	cursor: pointer;
}

#assc_content { 
  width: 214px;
  float: left;
  background: #EEFFEE;
  border: solid 1px #99CC66;
  text-align:center;
}

/********************************************

	Left Hand Navigation

*********************************************/

.leftnav {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.leftnav li a:link, ul.leftnav li a:visited {
  display: block;
  text-decoration: none;
  width: 150px;
  padding: 4px 0px 4px 7px;
  color: #000000;
  text-align: left;
  line-height: 20px;
}

ul.leftnav li a:hover {
  display: block;
  text-decoration: none;
  padding: 4px 0px 4px 7px;
  color: #5353FF;
  width: 150px;
}

/********************************************

	Misc

*********************************************/

form {
  padding: 0;
  margin: 0;
}


/********************************************

	Header Nav

*********************************************/
#headnav {
	/*margin: 1px 0 1px 0;*/
	padding-top: 1px;
	height: 35px;
	float: left;
}
#headnav ul
{ 
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
z-index: 1; /************** CHECK ACTUALLY NEEDED FOR IE6 *****************/
position: absolute;
}

#headnav ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;

}

#headnav ul li a
{
/*background: #fff;*/
width: 180px;
height: 25px;
padding: 10px 0px 0px 0px;
color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #fff;
text-decoration: none;
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
}
/*#headnav ul li#bus a {
	padding: 0px 0 0 0;
}*/

#headnav li#age a, #headnav li#adln a, #headnav li#int a, #headnav li#sevbus a  {
	border-right: none;
}
#headnav li#age-selected a, #headnav li#adult-selected a  {
	border-right: none;
}
#headnav li#age a
{
border-left: 1px solid #FFFFFF;
/*background:url(../images/but1.jpg);*/
background: #BDFFBD;
}

#headnav li#adln a
{
/*background:url(../images/but2.jpg); */
background: #97DEFE;
}

#headnav li#int a
{
/*background:url(../images/but3.jpg);*/
background: #FDC7DF;
}

#headnav li#sevbus a
{
/*background:url(../images/but4.jpg);*/
background: #FFD1A3;
}
#headnav li.wbus a {
	padding: 1px 0 9px 0;
}


#headnav li#sevbus a:hover, #headnav li#int a:hover, #headnav li#adln a:hover, #headnav li#age a:hover
{
/*color: #666666;
background: #f5d7b4;*/
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#headnav li#age a:hover
{
border-left: 1px solid #000000;
background: #BDFFBD;
}
#headnav li#age-selected
{
/*border-left: 1px solid #000000;*/
border-top: 1px solid #fff;
/*border-bottom: 1px solid #BDFFBD;*/
background-color:#BDFFBD;
}
#headnav li a.tb
{
border-top: 1px solid #000000;
}

#headnav li#adln a:hover
{
background: #97DEFE;
}
#headnav li#adult-selected
{
/*border-left: 1px solid #000000;*/
border-top: 1px solid #fff;
/*border-bottom: 1px solid #ccc;*/
background-color:#97DEFE;
}

#headnav li#int a:hover
{
background: #FDC7DF;
}

#headnav li#sevbus a:hover
{
background: #FFD1A3;
border-right: 1px solid #000000;
}

#headnav li#sevbus-selected {
	border-top: 1px solid #fff;
	/*border-right: 1px solid #000;*/
	background-color: #FFD1A3;
}

.bb {
	border-bottom: 1px solid #000;
}


/********************************************

	Misc

*********************************************/

p.welcome {
	margin: 0px 20px 0px 10px;
}

/*h1, h2, h3, h4 {
margin: 20px 20px 10px 10px;
}*/

.news_art {
	float: left;
	width: 209px;
}

.news_art_title {
	font-weight: bold;
	float: left;
}

.news_art_body {
	font-size: 8pt;
	float: left;
	/*background-color:#CCCCCC;*/
	width: 120px;
}

.news_art_pic img {
	float:right;
	border: solid 1px #999999; 
	padding: 5px; 
	margin-right: 5px;
	margin-top: 10px; 
	margin-bottom: 5px; 
	background-color:#fff;
/*margin: 5px 5px 0px 5px;*/
}

/******************************************

	ADDED BY ANGUS

*******************************************/
/*#lang {
	float: right;
	line-height: 25px;
}*/
#crumb {
		/*position: absolute;
		padding-top: 33px;*/
		background-color: #fff;
		/*float: left;*/
		/*width: 80%; */  
		padding-left: 15px;    	
		line-height: 23px;
		padding-top: 2px;
		/*border: 1px solid #000;*/
}
#crumb a, #menu a {
	text-decoration: none;
	/*color: #fff;*/
}

#entry_links {
		border: 1px solid #000;
		border-top: none;		
		padding-left: 15px;    	
		line-height: 25px;
		height: 25px;
		width: 708px;
		position: relative;
		z-index: 10;
		top: 2px;
		/*background-color: #BDFFBD;*/
}
.forteen {
	background-color: #BDFFBD;
}
.adult {
	background-color: #97DEFE;
	text-align: center;
}
.services_to_business {
	background-color: #FFD1A3;
	text-align: center;
}

#image_container {
	float: left;
	margin-bottom: 15px;
}

#image_one, #image_two {
	float: left;
	height: 195px;
	width: 255px;
}
#image_one {
	/*background-image:url('../img/front_photo_one.png');*/
}
#image_two {
	/*background-image:url('../img/cardiffdevil.png');*/
}

#text {
	/*position: relative;*/
	padding: 15px 15px 15px 15px;
	/*z-index: 2;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

#text.home {
	padding: 15px 0;
}

#text h1 {
	/*display: block;*/
	/*margin: 0;
	padding: 0;*/
}	
#text h2 {
	/*display: block;
	margin: 40px;
	padding: 0;*/
	/*margin: 0;*/
	padding: 0;
}	
#text ul {
	padding-left: 15px;
	/*padding: 0 0;*/
	margin: 0 0;
	
}
#text p {
	/*padding: 0;
	margin: 0;*/
}

#sub_sidebar {
	width: 214px;
	border: solid 1px #99CC66;
}
#disp_img {
	height: 202px;
	width: 211px;
	overflow: hidden; position:relative;
}
#disp_img img {
	/*padding-bottom: none; 
	/*margin-bottom: none;
	margin: 0 auto;
	margin-top: 3px; */
	margin: 3px 0 0 3px;
	overflow: hidden;
	/*width: 97%;*/
	position: absolute;
	/*height: 200px;*/
}
#quick_links {
	padding-left: 4px;
	/*position: relative;*/
	/*left: -11px;*/
}

#quick_links img {
	/*margin: 0 5px 5px 0;*/
}
/*
#page_links {
	padding-top: 3px;
}*/

#page_links ul {
	padding: 0 0 0 25px;
	margin: 15px 0;
}


#main_menu, #sub, #sub_sub {
  list-style: none;
  margin: 0;
  padding: 0;
  /*border-top: dotted 1px #666666;
  border-bottom: dotted 1px #666666;*/
  width: 210px;
}

#sub_sub {
	padding-left: 5px;
	width: 195px;
}
#sub {
	padding-left: 10px;
	width: 200px;
}

ul#main_menu li a:link, ul#main_menu li a:visited {
  display: block;
  text-decoration: none;
  /*width: 150px;*/
  padding: 4px 0px 4px 7px;
  color: #000000;
  text-align: left;
  line-height: 20px;
}

ul#main_menu li a:hover {
	background-color: #72994C;
}
ul#main_menu li .selected  {
	background-color: #72994C;
}

ul#main_menu li a:hover{
  display: block;
  text-decoration: none;
  padding: 4px 0px 4px 7px;
  color: #fff;
 /*width: 150px;*/
}

#main_menu {
	background-color: #EEFFEE;
}
#sub {
	background-color: #99CC66;
	/*background-image: url(../img/sub_menu.png);*/
}
#sub_sub {
	background-color: #b3ef77;
	/*background-image: url(../img/header_bg.png);*/
}
/*#main_menu {
	background-color: #EEFFEE;
}
#sub {
	background-color: #99CC66;
	
}
#sub_sub {
	background-color: #72994C;
}*/

#feedback_form {
	display:none;
	padding: 15px;
	position: fixed; 
	right: 15px; 
	bottom: 50px; 
	height: 510px; 
	width: 400px; 
	background-color:#FFFFFF; 
	border:1px solid #000;
}
#feedback {
	/*clear: both;*/
	padding: 0 13px 13px 0;	
	position: fixed;
	cursor: pointer;
	right: 0;
	bottom: 0; 	
	background-color: #fff;
}
#feedback_text {
	 display: inline; 
	 display: none;
	 background-color: #FFFFFF;
	 padding: 0 0 0 5px;
}
#cse-search-box {

	display: inline;
}

/* NEWS STYLES */

.news_item {
	/*background-color: #000;
	border: 1px dashed #000;*/
	border-bottom: 1px solid #63992E;
	padding: 15px 15px 20px 15px;	
	cursor: pointer;
}
.news_item h3 {
	/*margin-top: 5px;
	background-color:#666666;*/
	margin: 5px 0px 0px 0px;
	padding: 0px;
	/*display: inline;*/
	
}
.news_item p {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	/*background-color: #CCCCCC;*/
}
.news_item .date {
	font-size: 8pt;
}

/* news admin page */

#news_cont {
	width: 510px;
}

#news_cont #div_date_select {	
	background-color: #ccc;	
	border: 1px solid #999;
	float: right;
	padding: 10px;
	margin: 15px;
	color: #000;
	font-weight: bold;
}

#news_cont #div_date_select #form_date {
	display: inline;
}

/* NEWS ARCHIVE */

#year {
	padding-top: 25px;
}
.pointer {
	cursor: pointer;
}
.month, .day {
	display: none;
}
.year li a, .month li a, .day li a{
	text-decoration: none;
}

.flag {	
	border: none; /*1px solid #000;*/
	width: 30px;
}

/**********************************************

	TEXT STUFF

************************************************/

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
p {	
	padding: 0 0;
	margin: 15px 0 0 0;
}

#content h1 {
	/*display: inline;*/
	font-size: 170%;
	padding: 15px;
	margin: 0;
	background-color:#CCCCCC;
	background-image: url(../img/header_bg.png);
	border-bottom: 1px solid #72994C;
	color: #000;
}

#text h2 {
	font-size: 110%;
	padding-top: 20px;
	margin: 0px;
}

#text h2.altern {
	font-size: 150%;
	padding-top: 5px;
	margin: 0;
	text-decoration: underline;
	font-weight: normal;
}

/**********************************************

	ENQUIRY FORM

************************************************/

#enquire_s1, #enquire_s2, #enquire_info, #enquire_s3, #s3_a, #s3_b1, #s3_b2, #s3_b3, #s3_b4 {
	display: none;
	margin-top: 15px;
} 
#enquire_s3 {
	border: 1px solid #999; 
	background-color: #ccc;
	padding: 0 10px 10px 10px;
}
#enquire_s0, #enquire_s1, #enquire_s2, #enquire_info {
	border: 1px solid #999; 
	background-color: #ccc; 
	padding: 10px;
}

#enquire_contact_info th {
	text-align: left;
}

#enq_question {
	margin-top: 10px;
}


/********************************************
	
	JOB PAGE

********************************************/

#job_ad {
	border: 1px solid #679041;
	background-color: #EEFFEE;
	padding: 0 5px 15px 15px;
	margin-bottom: 15px;
}


/*******************************************

	ADMIN HEADER

********************************************/

#admin_header {
	background-color: #999;
	width: 98%;
	line-height: 25px;
	padding-left: 15px;
}

#admin_header a:link, #admin_header a:hover, #admin_header a:visited, #admin_header a:active,  {
	color: #fff;
	text-decoration: none;
}


/******************************************

	ERROR - 404

******************************************/

.error404 ol {
	padding: 25px;
	margin: 0;
}
.error404 ol li {
	padding-bottom: 5px;
	margin: 0;
}