/* Coleg Menai General Stylesheet 2007 */
/* Text styling rules */

body 
{
	font-size: 62.5%;
	margin-top: 0.25em;
	width: 76em;
}

body * {
	font-size: 1em;
	font-family: Arial;
}

button {
/*	background-color: #ECE9D8;
	border: 2px outset #23952C;
	color: #000000;*/
	margin-left: 1em;
	margin-right: 1em;
}

h1 {
	font-size: 2em;
	margin-bottom: 0.5em;
	margin-top: 0;
	/*background-color:#38BDCA;*/
	background-color:#38BDCA;
	color:#FFFFFF;
	padding:0.35em;
	width:742px;
}

h2 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	background-color:#38BDCA;
	color:#FFFFFF;
	padding: 0.25em;
	clear: left;
}

h3
{
	font-size: 1.3em;
	background-color:#38BDCA;
	color:#FFFFFF;
	padding:0.25em;
}

.main h3, .main h2 
{
	background-color:#38BDCA;
}

h4, h5
{
	font-size: 1.3em;
	padding:0.25em;
}

/*input {
	border: 2px outset #23952C;
}*/

input#searchbutton {
	margin-bottom: -0.5em;
	padding: 0;
}

p {
	font-size: 1.3em;
	margin-bottom: 0.5em;
	margin-top: 0;
}

table {
	font-size: 1.2em;
	margin-bottom: 0.5em;
	margin-top: 0;
	}

ul#skipnav {
	display: none;
}

.hiddenlabel {
	position: absolute;
	z-index: -1;
}

.navigation {
	left: -5000px;
	position: absolute;
	width: 4000px;
}

#aboutus
	{
	clear: both;
	margin-top: 5em;
}

.accessibilityoverview {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	clear: both;
	list-style: none;
	margin: 0em 0em 1em 0em;
	padding: 0.75em 0em 0.75em 0em;
}

.accessibilityoverview a:link, .accessibilityoverview a:visited, .accessibilityoverview a:hover, .accessibilityoverview a:active {
	color: #000000;
}

.accessibilityoverview li {
	display: inline;
	font-size: 1.1em;
	list-style: none;
	margin-right: 0.35em;
}

/*

-- Bring this lot back when I write the adapter for the breadcrumbs

#breadcrumbnavigation {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	clear: both;
	list-style: none;
	margin: 1em 0em 1em 0em;
	padding: 0.75em 0em 2.25em 0em;
	text-align: left;
}

#breadcrumbnavigation a:link, #breadcrumbnavigation a:visited, #breadcrumbnavigation a:hover, #breadcrumbnavigation a:active {
	color: #000000;
}

#breadcrumbnavigation li {
	display: inline;
	float: left;
	font-size: 1.2em;
	list-style: none;
	margin-right: 0.35em;
	text-align: left;
}
*/

.breadcrumbnavigation {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	clear: both;
    width:63.33em;
	margin: 1em 0em 1em 0em;
	padding: 0.75em 0em 0.75em 0em;
	text-align: left;
	display:block;
	font-size: 1.2em;
}

.collegecontact {

	border-top: 1px solid #000000;
	margin: 0em 0em 0em 0em;
	padding: 0.5em 0em 0.5em 0em;
}

.collegecontact p {
	font-size: 1.2em;
	}

#commonnavigation {
	text-align: right;
}



.disclaimer p {
	font-size: 1.1em;
}

.disclaimer {
	margin: 0 0 2em 0;
}

#header {
	margin: 0;
	padding: 0;
	clear:both;
}

#content {
	clear: both;
	padding-top: 16em;
}

#sitettools {
	margin: 0 0 0 0;
	text-align: right;
	clear: both;
	position:absolute;
	top: 8em;
	width: 76em;
	z-index:1;
}

.footer {
	text-align: center;
	clear: both;
	width:76em;
	padding-top: 1em;
}

#imagecolumn{
	margin-top: 1em;
}

.infocolumn {
	margin-left: 10.7em;
	margin-top: 1em;
	padding-left: 1em;
}

#localnavigation {
	float:left;
	display:inline;
}



/* decorative display rules */
.logo {
	background-image: url(images/menailogo.gif);
	background-repeat:no-repeat;
	height: 10em;
	left: 0.5em;
	position: absolute;
	top: 0.5em;
	width: 297px;
	float: left;
	display:inline;
}

a img 
{
	border:none;
}

/*.main, #sidebar 
{
	padding-top:20em;}*/

.main {
	margin-bottom: 3em;
/*	margin-left: 25.6em;
	padding-left: 1em;*/
	float:left;
	display:inline;
	min-height:20em;
}
.mainnews {
	margin-bottom: 3em;
/*	margin-left: 25.6em;
	padding-left: 1em;*/
	float:right;
	display:inline;
	min-height:20em;
	width: 48em;
	position:relative;
}

/*  .mainprop {
    height:20em;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }*/



#sidebar {
	color: #FFFFFF;
	float: left;
	width: 25.6em;
	position:relative;
	display:inline;
	min-height:25em;
}

#sidebarfooter {
	background-color: #76D2DB;
	background-image: url(images/sidebox_02.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 2.7em;
	width: 25.6em;
}



#sidebarmain {
	background: #76D2DB;
	background-image: url(images/sidebox_01.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 0;
	min-height: 13.3em;
	padding-top: 1em;
	width: 25.6em;
}

#sidebarmain h2, #sidebarmain p {
	margin: 0;
	padding: 0 0.5em 0 1em;
}

#sidebarmain img {
	float: left;
	padding-left: 1em;
	display:inline;
}

.sitenav {
	float: right;
	display: inline;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 50.3em;
	left: 305px;
	top: 3px;
}

.sitenav a:link, .sitenav a:visited, .sitenav a:hover, .sitenav a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.sitenav li
{
	top: 0.2em;
	background-color: #23952C;
	color: #FFFFFF;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	margin: 0.15em;
	padding: 0.5em;
	text-align: left;
	width: 7em;
	font-family: Arial, Helvetica, sans-serif;
}

li.currentsection 
{
	background-color: #76D2DB;
	color:#FFFFFF;
	}
	
.editcontrols
{
	/*filter:alpha(opacity=50);
	opacity: 0.5;*/
}

/* italicises first paragraph after a h1 (as in main content area) 

h1 + p 
{
	font-style:italic;
}
*/


/* callout styles start here */
.callout {
	color: #FFFFFF;
	width: 24.2em;
	display:inline;
	min-height:20em;
}

.calloutfooter {
	background-color: Transparent;
	background-image: url(images/sidebox_02.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 2.7em;
	width: 25em;
}
.calloutfooter p{
	padding: 1em 2em 0 0;
	text-align:right;
	}
	
.calloutfooter p a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

.calloutmain {
	background: #76D2DB;
	background-image: url(images/sidebox_mn.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 0;
	min-height: 20em;
	padding-top: 0.25em;
	width: 25em;
	text-align:center;
}

.calloutheader 
{
	background-color: Transparent;
	background-image: url(images/sidebox_hd.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 0.75em;
	width: 25em;	
}

.calloutmain h2 {
	margin: 0;
	padding: 0 1.5em 0 1em;
	text-align:left;
}
.calloutmain p
{
	margin: 0;
	padding-right: 1em;
}
.calloutmain img 
{
	text-align:left;
	float:left;
	padding-right: 1em;
	padding-left: 0.2em;
	padding-bottom:1em;
	display:inline;	
}

.calloutimage{
	margin-top: 1em;
}

.calloutinfocolumn
{
	text-align: left;
	height: 110px;
}

.calloutfirstline {
display:block;
}

.calloutsecondline 
{
display:block;
margin-left:1em;
}

h2>span.calloutfirstline {
font-size: 1em;
text-transform:uppercase;
}

h2>span.calloutsecondline 
{
font-size: .9em;
}

.hidden 
{
	display:none;
}

/* forms */
.fdbtxt_label 
{
  float: left;
  width: 10em;
  text-align: right;
  display:inline;
}

.fdbtxt_input 
{
  width: 15em;
  text-align: left;
  margin-bottom: 0.5em;
  margin-left: 1.5em; 
}

#feedbackform br
{
	clear:left;
}

fieldset legend
{
	color: #000000;
	font-size:1.6em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-weight:bold;
}

fieldset legend.hidden
{
	display:none;
}

fieldset 
{
	border:none;
	padding: 0;
	margin:0 0 1em 0;
}

.fbError 
{
	margin-left: 11.5em;
	display:block;
}

.fbCommentsError 
{
	display:block;
}

.fbComments
{
width:27em;
height:10em;	
}

.fbCommentsLabel
{
	margin-top:1em;
}

.fbErrorSummary 
{
	font-size:1.2em;
}

.fbCommentType
{
	display:block;
	font-size:1.3em;
	margin:0;
	padding:0;
}

.fbOther 
{
	margin-left:2.5em;}
	
	.fbSubmit
	{
	margin-top:2em;
	}
	
#EventsCalendar
{
	clear:both;
	float:none;

}

h3.newsheading 
{
	font-size:1.4em;
	width:100%;
	background-color:#76D2DB;
	color: #FFFFFF;
	padding: 0.75em;
	clear:both;
}



h4.newsheading
{
font-size: 1.2em;
font-weight: bold;
clear:both;
}

img.newslistimage 
{
	float:left;
	margin-right: 1em;
		display:inline;
}

.newslistpara 
{
	
}

.calloutmain h2 
{
	margin-bottom: 0.75em;
}

.main img 
{
	padding-right:0.75em;
}

.main ul
{
	text-indent:1.75em;
	font-size: 1em;
	margin-left:3em;
	padding-left:0em;
	text-indent:0;
}

.main li
{
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

.main td li{
	font-size: 1em;
}

.main ol
{
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

p.newspara 
{
padding-left:1em;
padding-bottom:1em;	
}

.VoxPopDetail 
{
	padding:0;
	clear:both;
	text-align:left;
}

.VoxPopDetail p , .VoxPopDetail h3
{
	padding-left: 1em;
	padding-right: 1em;
}

.careerlist
{
	margin-bottom: 2em;
}

.careerlist h2
{
	display:inline;
	font-size:1.3em;
	background-color: #FFFFFF;
	color:#000000;
}

.careerlist ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

.careerlist ul li {
	margin-left: 0;
	padding-left: 1.25em;
	border: none;
	list-style-type:disc;
	list-style-position:inside;
	display: inline;
	background-image: url(images/inlinelist.gif);
	background-repeat:no-repeat;
	}
	
.SearchLabel 
{
	margin-right: 1em;
}

.PAList
{
	margin-left:2em;
}

h3.PAList
{
	margin-bottom: 0.5em;
}

p.PAList+h2
{
	margin-top:2em;
}

h2.careerlist 
{
	background-color: #FFFFFF;
	}
	
h2.newsheading 
{
font-size:1.3em;
background-color:#FFFFFF;
color:Black;
	}
	
	h2.voxpoplist 
	{
		clear:left
	}

h3.voxpoplist 
	{
		background-color:Transparent;
		color: #000000;
		clear:left;
		margin-bottom: 0.5em;
	}
	
img.voxpoplist 
{
float:left;
display:inline;		
}

h3.voxpoplist_age, h3.voxpoplist_from, h3.voxpoplist_course
{
	background-color:Transparent;
	color: #000000;
	float:left;
	margin: 0;
	padding: 0;
	width: 4.5em;
	padding-bottom:0.75em;
}

p.voxpoplist_age, p.voxpoplist_from, p.voxpoplist_course
{
	margin: 0;
	padding: 0;
	width:33%;
	padding-bottom:0.75em;
}

/* DEWI added CSS for Business section site*/
.BusinessMainArea 
{
    /*DEWI - moves HTML content of mini site to right so we can have mini site navigation on the left side of the page */
    position:relative;
    left:170px;
    width:585px;
}

#contentfloat
{
    position:absolute;
    top:0px;
    left:0px;
}

#businessh2-liaison
{
    background-color:transparent;
    width:19em;
    color:#000000;
    font-size:1.6em;
    margin-bottom:0.5em;
    margin-top:1em;
    position:relative;
    top:318px;
    left:40px;
}

#business-p-liaison
{
    width:25em;
    position:relative;
    top:308px;
    left:45px;
}

/*apprenticeship */
#businessh2-apprenticeship
{
    background-color:transparent;
    width:19em;
    color:#000000;
    font-size:1.6em;
    margin-bottom:0.5em;
    margin-top:1em;
    position:relative;
    top:139px;
    left:410px;
}

#business-p-apprenticeship
{
    width:25em;
    position:relative;
    top:129px;
    left:415px;
}

/*food tech*/
#businessh2-ftc
{
    background-color:transparent;
    width:19em;
    color:#000000;
    font-size:1.6em;
    margin-bottom:0.5em;
    margin-top:1em;
    position:relative;
    top:163px;
    left:40px;

}
#business-p-ftc
{
    width:25em;
    position:relative;
    top:153px;
    left:45px;
}

/*cam menai */
#businessh2-cam
{
    background-color:transparent;
    width:19em;
    color:#000000;
    font-size:1.6em;
    margin-bottom:0.5em;
    margin-top:1.5em;
    padding:0.25em;
    position:relative;
    bottom:24px;
    left:410px;
}

#business-p-cam
{
    width:25em;
    position:relative;
    bottom:34px;
    left:415px;
}

/*more links*/
#moreliaison a
{
    position:relative;
    top:495px;
    left:315px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    font-size:14px;
}

#moreapprenticeships a
{
    position:relative;
    top:479px;
    left:685px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    font-size:14px;
}

#moreftc a
{
    position:relative;
    top:666px;
    left:315px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    font-size:14px;
}

#morecam a
{
    position:relative;
    top:650px;
    left:685px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    font-size:14px;
}

/*used as h1 in business site but with smaller width*/
h1.business 
{
	font-size: 1.8em;
	margin-bottom: 0.5em;
	margin-top: 0;
	background-color:#c64d3d;
	color:#FFFFFF;
	padding:0.25em;
	    border-top:1px solid #4D0000;
    border-bottom:1px solid #4D0000;
	width:577px;
}
h2.business
{
    background-color:#c64d3d;
}

h2.businesssupport
{
    background-color:#23952c;
}
h3.ktp 
{
    color:#c31410;
    background-color:transparent;
}
    
/*mini-site left side CSS menu*/
#menucase ul
{
    list-style:none;
    position:absolute;
    top:256px;
}

#menucase ul.vert-one
{
    margin:0;
    padding:0;
    display:block;
    font:bold 11px Helvetica, Verdana, Arial, sans-serif;
    line-height:2.7em;
    width:165px;
}

#menucase ul.vert-one li
{
    margin:0;
    padding:0;
    border-top:1px solid #4D0000;
    border-bottom:1px solid #4D0000;
}

#menucase ul.vert-one li a
{
    display:block;
    text-decoration:none;
    color:#fff;
    background:#c64d3d;
    padding:0 0 0 12px;

}

#menucase ul.vert-one li a:hover
{
    background:#6a0d01 url("../Business/images/vert-one_arrow.gif") no-repeat 0 9px;
}

#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover
{
    background:#933 url("../Business/images/vert-one_arrow.gif") no-repeat 0 9px;
}

/* END Business site */

/* DEWI added CSS for Library site*/
.LibraryTable td {
padding: 10px;
border-width: 1px;
border-color: #ffffff;
border-style: solid;
background-color: #CCFFFF;
}

.LibraryNewsStoryPosition 
{
	position:absolute;
}
.LibraryNewsStoryHeader 
{
	position:relative;
	top:20px;
	left:20px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.LibraryNewsStory 
{
	position:relative;
	top:48px;
	left:27px;
	color:#000000;
	width:680;
	height:150px;
}

.LibraryMainArea
{
	position:absolute;
}
.LibraryLeftTop
{
	position:relative;
	bottom:24px;
}
.LibraryLeftBottom
{
	position:relative;
	bottom:24px;
}
.LibraryMiddle
{
	position:relative;
	left:268px;
	bottom:814px;
}
.LibraryTopRight
{
	position:relative;
	left:487px;
	bottom:419px;
}
.LibraryBottomRight
{
	position:relative;
	left:487px;
	bottom:419px;
}

.thebasics
{
	position:relative;
	left:30px;
	top:25px;
	width:240px;
	height:140px;
}
.whatwegot
{
	position:relative;
	left:490px;
	bottom:114px;
	width:240px;
	height:140px;
}
.libraryskills
{
	position:relative;
	left:30px;
	bottom:64px;
	width:240px;
	height:140px;
}
.aboutus
{
	position:relative;
	left:490px;
	bottom:203px;
	width:240px;
	height:140px;
}

/* END */