/*
                            FRONT Design
                    http://www.designbyfront.com  
                    
                      __ ____   ___  _   _ _____
                     / _|  _ \ / _ \| \ | |_   _|
                    | |_| |_) | | | |  \| | | |
                    |  _|  _ <| |_| | |\  | | |
                    |_| |_| \_\\___/|_| \_| |_|


            FRONT is a web design studio based in Belfast,
            Northern Ireland. We design and develop high
            quality web sites and software applications. 

            We *heart* CSS.
            :)

*/


/* Global */

ul {
  padding:0;
  margin:0 0 0 20px;
}

img {
border:0;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

pre {
  font-size: 10pt;
}


/* Layout & Structure */

body {
margin:0; 
padding:0;
color:#333;
background-color:#f4f4f4;
font:normal 14px/18px Arial, "Trebuchet MS", sans-serif;
}

#wrapper {
  margin: 0 auto;
  width: 996px;
  text-align:left;
  background-color:#fff;
  padding: 0;
}

#title {
float:left;
}

#header {
overflow:hidden;
background-color:#DF162B;
color:#fff;
padding:0 45px;
}

#nav {
background-color:#CE1121;
overflow:hidden;
color:#fff;
padding:0 45px;
margin-bottom:30px;
}

#courses_index .sub_nav {
display:none;
}

.sub_nav {
overflow:hidden;
background-color:#fff;
color:#999;
padding:0 45px;
}

.content {
padding-bottom:30px;
margin-top:0px;
}

.content#alt {
width:75%;
}

.content_control {
width:700px;
float:right;
}

#courses_index .content {
float:left;
clear:left;
width:455px;
padding:0 12px;
margin-top:0;
background:transparent url(/images/bits/transparency.png) 0 0 repeat;
position: absolute;
}

#courses_index .content#split {
margin-top:12px;
}

#courses_index .main {
overflow:hidden;
padding-top:0;
margin-top:0;
background-image:none;
}

.main {
background:transparent url(/images/bits/page_break.jpg) 50% 30px no-repeat;
}

#courses_index #nav {
margin-bottom:0;
}

/*
#courses_index .photo {
background:transparent url(/images/photography_sprite.jpg) left -20px no-repeat;
overflow:hidden;
}
*/
#courses_index .photo_1 {
	background:transparent url(/images/photography_sprite.jpg) left -20px no-repeat;
	overflow:hidden;
}
#courses_index .photo_2 {
	background:transparent url(/images/photography_sprite.jpg) left -780px no-repeat;
	overflow:hidden;
}
#courses_index .photo_3 {
	background:transparent url(/images/photography_sprite.jpg) left -1530px no-repeat;
	overflow:hidden;
}
#courses_index .photo_4 {
	background:transparent url(/images/bg/bkg_image_4.jpg) left -20px no-repeat;
	overflow:hidden;
}
#courses_index .closed {
	background:transparent url(/images/bg/closed.jpg) left -20px no-repeat;
	overflow:hidden;
}
/*
#courses_index #var01 {
	background:transparent url(/images/bg/london_days.jpg) left 0px no-repeat;
	overflow:hidden;
}

#courses_index .photo #var01 {
background:transparent url(/images/photography_sprite.jpg) left -20px no-repeat;
}

#courses_index .photo #var02 {
background:transparent url(/images/photography_sprite.jpg) left -780px no-repeat;
}

#courses_index .photo #var03 {
background:transparent url(/images/photography_sprite.jpg) left -1530px no-repeat;
}

#courses_index .photo #var04 {
	background:transparent url(/images/bg/london_days.jpg) left 0px no-repeat;
}
*/
.main {
padding:0px 45px 0 45px;
}

#footer {
clear:both;
overflow:hidden;
background-color:#FEF1BC;
color:#333;
padding:20px 45px 10px;
}

#footer .col01, #footer .col02 {
float:left;
padding-right:28px;
width:245px;
}

#footer .col03 {
float:right;
margin-left:25px;
width:310px;
}

#footer .col01 {
margin-left:0;
}

#footer .disclaimer {
font-size:11px;
clear:both;
text-align:center;
padding-top:12px;
}

#advice {
  background-color: #d0d0d0;
  padding: 10px;
}

.yellow_header {
overflow:hidden;
background:transparent url(/images/bits/yellow_bg.jpg) 0 bottom repeat-x;
padding:10px;
}

.content_control .yellow_header .col01 {
width:350px;
}

.yellow_header .col01 {
width:630px;
float:left;
}

.yellow_header .col02 {
width:246px;
float:right;
}

.yellow_header .col03 {
width:450px;
float:left;
}

.yellow_header .col04 {
width:400px;
float:right;
}

.course_content {
padding:10px;
}


.pagination {
text-align:center;
padding:12px 0;
}

.header_right {
text-align:right;
font-size:12px;
font-weight:bold;
float:right;
width:300px;
}

.refine {
overflow:hidden;
background-color:#FEEBA0;
margin-top:30px;
margin-left:-45px;
margin-right:-45px;
margin-bottom:-30px;
padding:0 45px 30px;
}

#advice {
background-color:#333;
margin-top:10px;
}

#advice div {
padding:20px 20px 20px 20px;
color:#fff;
}

#advice div a {
color:#fff;
}

#advice div h3 {
padding-top:0;
margin-top:0;
}

#enrole {
background-color:#CE1121;
margin-top:30px;
}

#enrole div {
padding:20px 20px 20px 20px;
color:#fff;
}

#enrole div h3 {
padding-top:0;
margin-top:0;
}

#enrole div a {
color:#fff;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.float_none {
float:none;
}

.align_left {
text-align:left;
}

.align_right {
text-align:right;
}

.list_col01 {
float:left;
width:350px;
pading-right:20px;
}

.list_col02 {
float:left;
width:350px;
padding-left:20px;
border-left:1px solid #ccc;
}


.map_help {
	height:268px;
	width:180px;
	float:left;
	background-color:#FEF1BC;
	padding:6px 26px 26px 26px;
	margin-bottom:30px;
	font-size:14px;
}
#journey_planner{
	width: 195px; 
	float:left;
	background-color:#FEF1BC;
	height:274px;	
	padding-top: 26px;
	padding-right: 8px;
}

.map_help .small {
font-size:12px;
}

.question_col {
width:500px;
float:left;
}

.grad_cleaner {
background:transparent url(/images/bits/grad_cleaner.jpg) 50% 50% no-repeat;
clear:both;
padding:6px 0;
margin:20px 0 20px 0;
display:block;
}

/* Errors */

.flash_error h2 {
font-size:20px;
}

.flash_error {
border:none !important;
background-color:#F4CCCC;
padding-bottom:20px !important;
border-left:5px solid #cc0000 !important;
padding-left:15px !important;
}

/* Nav */


#nav02, #nav03 {
float:left;
}

#nav02 {
clear:left;
}

#nav02 ul, #nav03 ul {
padding:0;
margin:0;
overflow:hidden;
}

#nav02 ul li, #nav03 ul li {
border-top:1px solid #F57A87;
padding:0;
margin:0;
float:left;
list-style:none;
}

#nav02 ul li a, #nav03 ul li a {
padding:6px 8px;
display:block;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#nav02 ul li a:hover, #nav03 ul li a:hover {
background-color:#fff;
color:#CE1121;
}

#suckerfish {
float:left;
clear:left;
margin:0;
list-style:none;
}

#courses_index #suckerfish ul li {
display:none;
}

#suckerfish ul li {
float:none;
}

#suckerfish ul li a {
font-size:14px;
padding:6px;
}


#suckerfish li {
  float: left ;
}

#suckerfish li a {
font-size:18px;
padding:11px 11px;
text-decoration:none;
display:block;
}

#suckerfish li a:hover, #courses_index #suckerfish li.itm01 a {
background-color:#fff;
color:#CE1121;
}

#suckerfish li.itm08, #suckerfish li.itm09 {
display:none;
}

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

.sub_nav ul li {
float:left;
padding:0;
margin:0;
}

.sub_nav ul li a {
font-size:16px;
padding:0px 11px;
display:block;
color:#DF162B;
text-decoration:underline;
border-left:1px solid #ccc;
}

.sub_nav ul li a:hover, .sub_nav ul li a.active {
color:#999;
text-decoration:none;
}

.sub_nav ul li.itm01 a {
border-left:0;
padding-left:0;
}

#venues_index .menu01 .itm02 a, #venues_map .menu01 .itm02 a, #venues_new .menu01 .itm02 a, #venues_courses .menu01 .itm02 a {
background-color:#fff;
color:#CE1121;
}

.admin_control .menu01 .itm04 a {
background-color:#fff;
color:#CE1121 !important;
}

#profiles_show .menu01 .itm05 a, #profiles_edit .menu01 .itm05 a {
background-color:#fff;
color:#CE1121 !important;
}

#venues_index .sub01 .itm02 a {
color:#999;
text-decoration:none;
}

#venues_map .sub01 .itm01 a  {
color:#999;
text-decoration:none;
}

#venues_new .sub01 .itm03 a {
color:#999;
text-decoration:none;
}

#courses_browse .menu01 .itm01 a {
background-color:#fff;
color:#CE1121;
}

#advice_support .menu01 .itm03 a, #main_advice_support .menu01 .itm03 a, #using_this_website .menu01 .itm03 a, #concessions .menu01 .itm03 a, #enrolment .menu01 .itm03 a, #progression .menu01 .itm03 a {
background-color:#fff;
color:#CE1121;
}

#main_advice_support .sub01 .itm01 a, #main_more_questions .sub01 .itm01 a, #using_this_website .sub01 .itm02 a, #concessions .sub01 .itm03 a, #enrolment .sub01 .itm04 a, #progression  .sub01 .itm05 a {
color:#999;
text-decoration:none;
}


/* Links */

#courses_index .master_login {
color:#fff;
background:transparent url(/images/buttons/login_bg_red.gif) 0 0 no-repeat;
padding:3px 6px 5px 5px;
}

.master_login {
color:#fff !important;
background:transparent url(/images/buttons/login_bg_yellow.gif) 0 0 no-repeat;
padding:3px 6px 5px 5px;
}

.link_back span, .add_to_my_courses span, .enrole_on_course span, .course_pdf span{
display:none;
}

.link_back {
display:block;
width:57px;
height:23px;
background:transparent url(/images/buttons/back.gif) 0 0 no-repeat;
}

.add_to_my_courses {
display:block;
float:left;
margin-right:10px;
width:137px;
height:23px;
background:transparent url(/images/buttons/add_to_my_courses.gif) 0 0 no-repeat;
}

.course_pdf {
	display:block;
	float:left;
	margin-right:10px;
	width:150px;
	height:23px;
	background:transparent url(/images/buttons/download_course_pdf.gif) 0 0 no-repeat;
}

.enrole_on_course {
display:block;
float:left;
width:119px;
height:23px;
background:transparent url(/images/buttons/enrole_on_course.gif) 0 0 no-repeat;
}

a:hover {
text-decoration:none;
}

#header a, #nav a {
color:#fff;
}

.main a {
color:#DF162B;
}

.main a:hover {
color:#999;
}

.sub_nav a {
color:#DF162B;
}

#footer a {
color:#CC3333;
}

#site_search {
float:right;
overflow:hidden;
padding:8px 0 0px 0px;
}

#site_search input, #site_search select {
float:left;
margin-left:6px;
}

#header .header_right p.resizer {
float:right:
background-color:transparent;
clear:right;
padding-top:0px;
margin-top:0;
color:#F9D0D5;
margin-bottom:0;
overflow:hidden;
}

#header .resizer a span {
border-left: 1px solid #F9D0D5;
padding-left:4px;
display:none;
}

#header .resizer a {
display:block;
float:right;
width:18px;
height:18px;
margin-left:4px;
}


#header .resizer a.itm01 {
background:transparent url(/images/bits/text_size_sprite.gif) 0 0 no-repeat;
}

#header .resizer a.itm01:hover { 
background:transparent url(/images/bits/text_size_sprite.gif) 0 -18px no-repeat;
}

#header .resizer a.itm02{
background:transparent url(/images/bits/text_size_sprite.gif) -21px 0px no-repeat;
}

#header .resizer a.itm02:hover { 
background:transparent url(/images/bits/text_size_sprite.gif) -21px -18px no-repeat;
}

#header .resizer a.itm03 {
background:transparent url(/images/bits/text_size_sprite.gif) -42px -0px no-repeat;
}

#header .resizer a.itm03:hover {
background:transparent url(/images/bits/text_size_sprite.gif) -42px -18px no-repeat;
}

#header .resizer span {
float:right;
display:block;
}

#header .header_right a {
text-decoration:none;
color:#F9D0D5;
}


#header .header_right a:hover {
color:#fff;
}

#courses_index #header .header_right .nav_right li a.itm00 {
color:#fff;
}

#about_us #header .header_right .nav_right li.itm01 a {
color:#fff;
}

#contact_us #header .header_right .nav_right li.itm02 a {
color:#fff;
}

.nav_right {
float:right;
list-style:none;
margin:12px 0 26px 0;
padding:0;
}

.nav_right li {
float:left;
}

.header_right .nav_right a, .nav_right input {
margin-left:10px;
}

.header_right .nav_right a.itm00 {
padding-left:20px;
margin-left:0;
background:transparent url(/images/bits/wee_house.gif) left center no-repeat;
}



/* Lists */


#site_menu {
float:left;
padding-right:20px;
width:156px;
font-size:14px;
font-weight:bold;
}

#site_menu ul {
margin:0 0 25px 0;
padding:0;
list-style:none;
}

#site_menu ul ul {
margin-left:15px;
}

#site_menu ul ul li {
font-size:16px;
font-weight:normal;
padding:6px 0 8px;
border-bottom:1px solid #ccc;
}

ul#courses_index {
  background-color: #ff0000;
}

#courses_index li {
  color: #ff0000;
}

#footer ul {
margin-top:6px;
}

#footer ul li {
padding:2px 0;
}

/* Images */



/* Headers */


h1 {
margin:20px 0 20px 20px;
padding:0;
}

h1 a {
width:355px;
height:53px;
display:block;
background:transparent url(/images/main_logo.gif) 0 0 no-repeat;
}

h1 a span {
display:none;
}

#courses_index .main h2 {
margin-top:0;
padding-top:20px;
}

.main .refine h2 {
padding:12px 0 20px;
margin:0;
}

.main h2 {
margin-top:10px;
padding-top:0px;
}

.content h2 {
	margin-top:10px;
	margin-bottom:40px;
	padding-top:0px;
	font-size:24px;
	clear: left;
}

#courses_index .content h2 {
margin-bottom:6px;
}

h3 {
font-size:18px;
}


#footer h2 {
margin:0;
padding:0;
}

h3.snip {
padding:0;
margin:7px 0;
}

/* Typography */

.advice_list {
margin-bottom:24px;
padding-top:6px;
}

.advice_list .question {
font-size:22px;
}

.advice_list .answer {
color:#666;
padding-left:20px;
}

.course_content strong {
color:#000;
}

.course_description {
width:72%;
}

.course_content {
color:#666;
}

p.snip {
padding:0;
margin:0;
font-size:12px;
}

p.snip2 {
font-size:12px;
padding-top:0;
margin-top:0;
}

#courses_index .main h2 {
padding-left:7px;
padding-right:7px;
}

.main_search p {
padding:4px 5px 0 7px;
margin-bottom:4px;
}

#courses_index .auth {
margin-top:9px;
}

.auth {
line-height:24px;
margin-top:200px;
}

.strapline {
display:none;
}

.a_xlarge {
font-size:18px;
}

.a_medium {
font-size:14px;
}

.a_large {
font-size:16px;
}

/* Table Elements */

.per_page {
overflow:hidden;
}

.odd {
background-color:#f1f1f1;
}

.course_listing {
clear:both;
margin-top:20px;
}

#browse_table {
width:100%;
margin:0 auto;
float:left;
}

#courses_browse #browse_table {
width:460px;
margin:0;
}

#browse_table td {
vertical-align:top;
}

#browse_table fieldset {
margin:3px 0;
}

td.depth_0 {
}

tr.depth_0 {
  background-color: #d0d0d0;
}

td.depth_1 {
  padding-left: 30px;
}

#course_detail_table th {
color:#000;
font-size:18px;
font-weight:normal;
vertical-align:top;
border-bottom:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
padding:6px;
}

#course_detail_table td {
vertical-align:top;
border-right:1px solid #e4e4e4;
padding:0px 6px;
}

#course_detail_table td.last, #course_detail_table th.last {
border-right:none;
}

/* Form Elements */

.question_form fieldset {
border:none;
margin:0;
padding:0;
}

.question_form {
width:345;
float:right;
}


form {
padding:0;
margin:0;
}

.main .refine form fieldset {
border-top:1px solid #FAD989 !important;
}

.main_search input.submit { 
float:right;
margin-top:3px;
}

#browse_table input.submit {
float:right;
margin:0 0 15px 0;
}

#browse_table label {
display:block;
width:220px;
float:left;
margin-right:6px;
}

#browse_table select {
float:left;
}

.main_search input {
float:left;
}

.main_search input.text_input {
height:23px;
width:352px;
padding:4px;
font-size:16px;
}

.main_search fieldset {
overflow:hidden;
background-color:#FEEBA0;
padding: 5px;
margin:0;
border:none;
}

#browse_table fieldset {
border:none;
margin:0;
padding:0;
}

#browse_table fieldset .liner {
min-height:65px;
}

#browse_table fieldset .inner {
overflow:hidden;
background-color:#FEEBA0;
padding:10px 5px;
}


.group01, .group02 {
clear:both;
padding-top:4px;
height:19px;
}

#browse_table .group01 select {
float:right;
margin-right:11px;
}

#browse_table .group02 select {
float:right;
margin-right:20px;
}

#browse_table .group01 label, #browse_table .group02 label {
text-align:right;
}


/* -- Typograaphy == */

#courses_index .main p, #courses_index .main label {
font-weight:bold;
}

#courses_index .main strong {
font-weight:bold;
color:#C02727;
}


/* Orphans */

.new_view_list_new {
	padding:7px 20px;
	/*
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 10px;
	*/
	background-color:#fff;
	float:left;
	font-weight:bold;
}

.new_view_list {
	padding:7px 20px;
	background-color:#fff;
	float:left;
	font-weight:bold;
}

#london_days{
	float: right;
	padding:15px 20px;
	margin-top:393px;
}

#family_learning{
	float: right;
	padding:15px 20px;
	margin-left:10px;
	margin-top:393px;
}

.new_view_list a {
color:#CE1121;
}

/* Auto Complete */
div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

.content p img {
  margin-bottom:-4px;
}

/* EVENTS **/

ul.events_list{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.events_list li{
	padding: 8px 0;
}

ul.events_list li span.date {
	color: #000;
}

ul.events_list li span.event_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #DF162B;
	font-size: 20px;
	padding-left: 5px;
}

h3.event, h4.event, ul.event, p.event{
	color: #333;
}

h3.event{
	font-size: 25px;		
}

h4.event{
	font-size: 15px;
	position: relative;
	top: -16px;
	padding: 0px;
	margin: 0px;	
}

ul.event{
	padding: 0px;
	margin: 0px;		
	list-style: none;
}

p.event{
	margin-bottom: 20px;
}

.event_main_section{
	float: left;
	width: 546px;
	display:block;
}

#event_header {
	background-image: url(/images/events/event_title_bkg.gif);
	width: 546px;
	height: 74px;
	display: block;
}

#event_header h3{
	font-family: Helvetica;
	color: #CC3333;
	font-size: 22px;
	position: relative;
	top: 15px;
	left: 15px;	
}

#event_header span{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	position: relative;
	left: 15px;
}

#event_location{
	background: no-repeat url(/images/events/event_location_bkg.jpg);
	width: 546px;	
	min-height: 76px;
	display: block;
	padding-left: 78px;
	padding-top: 20px;
	margin-bottom: 32px;
}

#event_location p{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
	line-height: 140%;
}

.other_events_section{
	float: right;
	width:310px;
	display: block;
	margin-bottom: 36px;
}

#event_description{
	background: no-repeat url(/images/events/events_detail_bkg.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #3F3F3F;
	font-size: 15px;	
	line-height: 160%;
	padding-top: 36px;
}

.event_main_section hr{
	height:1px;
	background: #FFFFFF;
	color: #FFFFFF;
}

.event_main_section img{
	margin-bottom: 36px;
}

#older_events{	
	padding-bottom: 40px;	
	float: left;
}

.other_events_section h3{
	font-size:22px;
	padding-top: 18px;	
}

.other_events_section ul{
	margin-left: 0px;
	list-style: none;
	list-style-position:inside;
}

.other_events_section li{
	margin-bottom: 6px;
}

.other_events_section li span{
	color: #666;
	font-size: 11px;
}

.other_events_section a{
	font-size:16px;
}

/*	Homepage Notice */

div.content_head {
	width:450px;
	padding-left:546px;
	position:absolute;
	overflow: hidden;
	background:transparent url(/images/homepage/content_head.png) 0 0 repeat-y;
}

div.content_head#notice1 {
	top: 206px;
}
div.content_head .events_float {
	float:right;
	color:#C0AF69;
	font-size:12px;
	margin-right:14px;
	margin-top:6px;
}
div.content_head h2 {
	float:left;
	font-size:18px;
	width:390px;
	padding:10px 0 6px 0;
	margin:0;
}
div.content_head h2 a {
	color:#CC3333;
}
div.content_head p {
	clear:left;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:10px;
	margin-top:0;
	width:390px;
	font-size:12px;
	color:#666;
}

/* Admin Notices */

span.field_instructions{
	font-size: small;
	color: #999;
}

tr.active{
	background-color: #FEF1BC;
}