/*
----------------------------------------
CSS Style Sheet Properties for
Business Point - Coleg Llandrillo Cymru
----------------------------------------
The styles in this style sheet customises
the layout of the 960 grid system. The style
sheet is intended for screen output.

Author: Chris Jones hello@flatant.com
Company: Flat Ant
Modified: 27th February 2009
Modified by: Chris Jones hello@flatant.com
*/

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font: bold 2.2em/1.2em Arial, Helvetica, sans-serif;
	color: #048ece;
	letter-spacing: -0.05em;
	margin-bottom: 15px;
}

h2 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #333;
}

h3 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #048ece;
}

h4 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #333;
}

h5 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #048ece;
	padding-top: 12px;
	margin-bottom: 10px;
}

h6 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #048ece;
	margin-bottom: 0px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
	margin-bottom: 5px;
}

/*
----------------------------------------
Extended CSS Style Sheet Properties for
Business Point - Coleg Llandrillo Cymru
----------------------------------------
The styles in this style sheet customises
the layout of the 960 grid system. The style
sheet is intended for screen output. Refer
to custom-print or custom-textonly for
alternative versions

Author: Chris Jones hello@flatant.com
Company: Flat Ant
Modified: 27th February 2009
Modified by: Chris Jones hello@flatant.com
*/

/* Begin of phone number alignment to bottom of header Div */
.header_phone {	position: relative;	height: 120px; text-align: right; }
.header_phone p { padding-top: 30px; }
.header_phone_element {	position: absolute;	bottom: 0px; right: 0px; }
/* End of phone number alignment to bottom of header Div */

/* Begin Navigation bar properties */
.navbar_container { background: #1b85a3; height: 35px; }
.navbar_left { background: url(../graphics/layout/bg_navbar.jpg) repeat-x; height: 27px; padding-top: 8px; }
.navbar_right { height: 27px; padding-top: 8px; }
.navbar_menu li { display: inline; margin-left: 22px; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; }
.navbar_menu_right li { margin-left: 0px; margin-right: 29px; }
.navbar_menu a { color: #fff; text-decoration: none; }
.navbar_menu a:hover { text-decoration: underline; }
.navbar_menu_align_right { position: relative; right: 0px; text-align: right; }
/* End Navigation bar properties */

/* Begin sub navigation bar properties */
.sub_navbar_menu { margin-bottom: 40px; }
.sub_navbar_menu li { background: #fff url(../graphics/layout/bullet.jpg) no-repeat center left; padding: 8px 0px; display: block; border-bottom: 1px solid #e7e7e7; margin-bottom: 0px; list-style: none inside; }
.sub_navbar_menu li:hover { background: #e4f6fe url(../graphics/layout/bullet-hover.jpg) no-repeat center left; }
.sub_navbar_menu a { color: #1a1a1a; text-decoration: none; display: block; }
.sub_navbar_menu a:hover { color: #0080bb; display: block; }
/* End sub navigation bar properties */

/* Begin Newsletter Box */
.newsletter_box { border: 1px solid #dedede; padding: 5px; margin: 0px auto 30px 10px; background: #f7f7f7; }
.newsletter_box label { font: bold 0.9em Arial, Helvetica, sans-serif; color: #333; display: block; margin-bottom: 5px; margin-top: 5px; }
.newsletter_box input { background: #ececec; padding: 5px; width: 170px; border: 1px solid #b5b4b4; font: bold 0.95em Arial, Helvetica, sans-serif; color: #333; display: block; margin-bottom: 5px; }
.newsletter_box .newsletter_box_button { width: 80px; border: 1px solid #b5b4b4; font-size: 0.85em; color: #048ece; }
/* End Newsletter Box */

/* Begin Latest News Box */
.latest_news_box { border: 1px solid #dedede; padding: 5px; margin: 0px auto 30px 10px; background: #f7f7f7; }
/* End Latest News Box */

/* Begin footer links */
.footer_left li { display: block; list-style: none; font: 0.9em Arial, Helvetica, sans-serif; margin-bottom: 5px; }
.footer_left a { color: #1a1a1a; text-decoration: none; }
.footer_left a:hover { color: #048ece; }
/* End footer links */

/* Begin Margin Properties */
.no_margin_left { margin-left: 0px; }
.no_margin_right { margin-right: 0px; }
.no_margin_left_right { margin-left: 0px; margin-right: 0px; }
.no_margin_bottom { margin-bottom: 0px; }
.margin_bottom_8 { margin-bottom: 8px; }
.margin_top_25 { margin-top: 25px; }
.minus_margin_left_15 { margin-left: -15px; }
/* End Margin Properties */

/* Begin Borders Properties */
.content_divider_border_right { border-right: 3px solid #e5e5e5; }
/* End Borders Properties */

/* Begin footer properties */
.footer_border_top { border-top: 3px solid #028dba; }
/* End footer properties */


/* Other Classes */
.download_box { margin: 0 10px 30px 10px; font: 1em/1.5em Arial, Helvetica, sans-serif; border-top: #b7d2f2 2px solid; padding-left: 65px; background: url(../graphics/layout/download-icon.png) #dbe7f8 no-repeat 1.5em 50%; padding-bottom: 1em; padding-top: 1em; border-bottom: #b7d2f2 2px solid }

/* Courses Listings Table */
.courses_listing { width: 100%; border: 1px dashed #dedede; }
.courses_listing td { border-right: 1px dashed #dedede; border-bottom: 1px dashed #dedede; padding: 10px; }
.courses_listing .alt { background: #f6f6f6; }
.courses_listing .alt2 { padding: 6px; background: #048ece; font: bold 1em Arial,Helvetica,sans-serif; color: #fff; }
.courses_listing td .center { text-align: center; }
.courses_listing td h3 { margin-bottom: 2px; font-size: 1.2em; }
.courses_listing td p { margin-bottom: 0px; }


/* Registration Form
----------------------------------------------------------------------------------------------------*/
#register fieldset { border: 1px dotted #999; margin-bottom: 30px; padding: 15px; }
#register legend { font: bold 1em Arial, Helvetica, sans-serif; color: #336699; background: #fff; padding: 0px 10px 0px 5px; }
#register div { display: block; padding: 10px; }
#register label { float: left; width: 120px; font-weight: bold; }
#register input, #register textarea { margin-left: 40px; width: 230px; padding: 6px; border: 1px solid #dedede; }
#register input:focus, #register textarea:focus { border: #336699 solid 1px; }
#register select { margin-left: 40px; }
#register .tickbox { width: 10px; margin-left: 0px; }
#register .terms { width: 100%; height: 200px; margin-left: 0px; font: 0.9em Arial, Helvetica, sans-serif; background: #f5f5f5; }
#register .alt label { float: none; display: block; width: 100%; margin-bottom: 9px; }
#register .alt input { margin-left: 0px; }
#register .alt textarea { margin-left: 0px; width: 620px; }
#register .required { margin-left: 5px; color: #cc0000; }
#register .sample { margin-left: 0px; font-size: 0.8em; font-weight: normal; }
#register .button { margin-left: 0px; width: 160px; background: #333; color: #fff; font-weight: bold; padding: 4px; margin-bottom: 20px; font-size: 1em; }
.message { font-weight: bold; width: 90%; padding: 20px; background: #ffffcc; margin-bottom: 20px; border: 1px solid #ffff9e; }
.error { background: #ffdfe4; border: 1px solid #ffb7c2; padding: 10px; margin-bottom: 20px; }
.error h2 { margin-bottom: 2px; font-size: 16px; }
.error p { margin-bottom: 0px; }




/* Alumni Forum Table Design
----------------------------------------------------------------------------------------------------*/
.forum-table {font-family: arial, Sans-Serif; font-size: 0.9em; line-height:22px; margin:0px 0 20px 0; width:100%; text-align: left; border-collapse: collapse;}
.forum-table th { background: #0094e4; width:100%; margin:0 0 20px 0; padding:10px 0 10px 8px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; font-size: 17px; color: #fff; }
.forum-table td{ padding: 5px 8px 5px 13px; vertical-align:middle;}
.forum-table img {padding:8px 8px 12px 8px; background:url(../img/gallery/setBG.gif) no-repeat top left;}
.forum-name {font-weight:bold; font-size:1.1em; height: 50px; }
.forum-posttitle { font-weight:bold; font-size:1.1em; height: 90px; background: #edf9ff; border-bottom: 1px solid #d5eaf6; overflow: hidden; }
.forum-posttitle img { float: left; margin-right: 10px; }
.forum-posttext { font-weight:normal; font-size:1em; }
.forum-table .altrow1 { background: #e3f5ff; border-bottom: 1px solid #d9f1ff; }
.forum-table .altrow2 { background: #edf9ff; border-bottom: 1px solid #d5eaf6; }
.forum-table .text-small1 { font-size: 0.9em; font-weight: normal; }
.forum-table .text-small2 { font-size: 0.8em; font-weight: normal; }

div.message_error { background: #FCF; border: 1px solid #FCC; padding: 10px; margin: 20px auto; }
div.message_error p { margin: 0px; padding: 0px; }
div.message_success { background: #fff6df; border: 1px solid #FCC; padding: 10px; margin: 20px auto; }
div.message_success p { margin: 0px; padding: 0px; }
.text-red { color: #cc0000; }
.mouse-pointer { cursor: pointer; }
img.nobackground { background: none; }