/*
Theme Name: AK-International
Theme URI:  http://www.leedscitycollege.ac.uk/international
Author: 	Alex Karagiannidis
Author URI: http://www.leedscitycollege.ac.uk
See it, learn from it BUT do not copy the design, images, positioning, styling of color and typography. 
The design of this CSS is copyright of leedscitycollege.ac.uk and may NOT be reproduced!
------------------------------------------------------------------------------------------------------*/
/* global reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, dl p, ol, ul, ul ul, li, fieldset, form, label, legend, table, table table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; background:transparent; }
/* remember to define focus styles!*/
:focus { outline:0; }
body { 
	font:62.5%/1.8 Verdana, Geneva, sans-serif; 
	color: #403F41;
	text-align:center;
	margin: 0px auto 0px;
	padding: 0px;
	background:#111a1d;
	}

a { text-decoration:none; color:#D97039; border-bottom:1px dotted; }
a:hover,#footer a,#header a,h3 a, #leftmenu a { border:none; }
h3 a:hover {border-bottom:1px solid;}

/* table-data
--------------------------------------- */
table th { font-weight:bold; }
table.datadata, table.opeNight { border:1px solid #414141; border-collapse:collapse; }
.datadata th, .datadata td,.opeNight th, .opeNight td { padding:10px; border:1px solid #414141; border-collapse:collapse; }
/* Global Classes
----------------------------------------------- */
p, ul, ol, dl, table { /*margin-bottom:15px;*/ padding:7px 0; font-size: 1.2em; }
.fixFont { font-size: 1.2em; }
ul li { margin-left: 20px; }
.clear { clear:both; display:block; height:0; line-height:0; font-size:0px;  }
.float-left { float:left; display: inline; }
.float-right { float:right; display: inline; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
strong { font-weight: bold; }
em { font:italic 1.25em Georgia, "Times New Roman", Times, serif; }
.small, address { font-size:1.1em; font-style:normal; }
.img-left { float:left; margin:4px 10px 4px 0; }
.img-right { float:right; margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0; padding-left:0; }
.nobullet { list-style:none; list-style-image:none; }
.hide { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
/* Images
----------------------------------------------- */
img.aligncenter, .small_img { display:block; margin-left:auto; margin-right:auto; }
img.alignright { float:right; display:inline; margin: 0 0 0 7px; }
img.alignleft { float:left; display:inline; margin: 0 7px 0 0; }
a.alignleft { float:left; display:inline; margin: 0 7px 0 0; }
.post_img { width:250px; }
/* Heads
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
h2 { font-size:2.4em; color:#598A3B; }
h3 { font-size:1.8em; color:#598A3B; }
h4 { font-size:1.5em; }
h5 { font-size:1.2em; }
/*
h1.title,h2.title,h2.logo { line-height:normal; padding-bottom:5px; border-bottom:3px solid #403F41; }
h2.title { padding-bottom:2px; margin-bottom:15px; line-height:normal; border-bottom:3px solid #403F41; }
*/
h1.logo  {font-size:3em; line-height:normal; padding-bottom:5px; border-bottom:3px solid #403F41;}
.homeimg img {border-top:3px solid #403F41;}

/* Main Blocks
----------------------------------------------- */	
#bgwhite {
	top:0px; 
	left:0px; 
	width:960px; 
	margin:0 auto;
	text-align:left; 
	padding:0 15px;
	background-color:#fff;}
#header, #content, #footer { position:relative; }
#header { padding-top:20px; }
.footLegal { font-size:0.9em; padding:60px 0; }
/* Header
----------------------------------------------- */
#logopic { display:block; width:100px; height:68px; background: url(http://www.leedscitycollege.ac.uk/img/siteLogo/lcclogo-blk.png) no-repeat 1px 0; }

/* **************************************************** */
.home-left { float:left; width:200px; padding-top:5px;}
.home-right { float:right; width:750px; padding-top:5px;}

.entry-left { float:left; width:600px; margin-left:20px; }
.entry-leftb { float:left; width:380px; margin-left:20px; }
.page-right { float:right; width:720px; /*background-color:#C6E6EC;*/ padding:15px; padding-top:0px;}
.page-entry-right {float:left; width:600px; margin-left:20px; }

.entry-right { position:absolute; right:15px; top:5px; width:359px;}
.map {position:absolute; right:0px;}
#leftmenu { float:left; width:200px; }
#leftmenu .navigation .selected {color:#FFF; background-color: #D97039;}

/* Navigation menu
----------------------------------------------- */
#leftmenu .navigation { list-style-type:none; width:200px;}
#leftmenu .navigation li {padding:0; margin:0;}
#leftmenu .navigation li a {
	display:block; /*force hasLayout in IE7 */
	text-decoration:none;
	padding:3px 6px;
	border-bottom:1px solid #fff;
	color:#fff;
	background-color:#598A3B;
}
#leftmenu .navigation li a:hover { background-color: #9DA72C; }
/* Holly Hack for IE \*/
* html #leftmenu .navigation li { float:left; height:1%; }
* html #leftmenu .navigation li a { height:1%; }
/* End */
#leftmenu .nav-b { padding:7px 0; }
#leftmenu .navigation.nav-b li a { color:#fff; background-color:#63C3CF; }
#leftmenu .navigation.nav-b li a:hover { color:#272425; background-color:#C6E6EC; }
#leftmenu li a.last {border-bottom:none;}

#access { font-size:0.9em; padding:15px; position:absolute; right:16px; top:0; }

/* home right siide
----------------------------------------------- */

.home-top-right { float:left; width:340px; background-color:#C6E6EC; padding:15px; }
.home-top-left { float:right; width:340px; background-color:#C6E6EC; padding:15px; }

/*.home-bottom-right { margin-top:10px; }*/

.slide-inter { display:inline; float:left; width:500px; height:332px; }
.welcome { float:right; width:200px; }

.visits { float:left; width:490px; }
.visits .img-title {padding:10px;}
.prospectus { float:right; width:200px; height:258px; background-color:#D4EAEE; padding:10px;}
.prospectus a { border:none;}

.visits ul { margin:0; list-style-type:none; }
.visits li { margin:0; padding:6px; padding-left:10px; border-top:1px solid #fff; }
.visits { background-color:#D4EAEE; }
.visits li { background-color:#C6E6EC; }
.visits h3 { padding-left:5px;}

span .space { width:100px; }

.pagination a, .pagination a:link, .pagination a:visited { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #316F77; }
.pagination span.pages, .pagination span.current, .pagination span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #316F77; }
.pagination span.current {font-weight:bold;}

li a.redb {
	background: #CF101A;
	color:#fff;
}

/* slidedown
----------------------------------------------- */
.slidedown dt a { font-size:12px; font-weight:bold; }
.slidedown dt a,.slidedown dt a:hover { text-decoration:none; border:none; }
.slidedown dt a:hover { color:#0C8495; }
.slidedown dt.ui-state-active a { color:#0C8495; }
.slidedown dd ul { font-size:12px; }

.slidedown dt a h3:hover { color:#E18DA8; }
.slidedown dt.ui-state-active a h3{ color:#E18DA8; }

.slidedown p { padding:7px 0; }
.slidedown h3 {font-size:18px; line-height:normal; }
#leftmenu a img { text-decoration:none; border:none; }

.profiles a { border:none; text-decoration:none; }

/* Tabs
----------------------------------*/
.ui-tabs { /*padding: .2em; zoom: 1;*/ }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; /*padding: .2em .2em 0;*/ }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; /*border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0;*/ }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding:2px 10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { /*padding-bottom: 1px; border-bottom-width: 0;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF; background-color: #D97039;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em; display: block; border-width: 0; background: none;*/ clear:both;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* CRS menu
----------------------------------------------- */
.crs,.crsb {list-style-type:none;}
.crs,.crs li {float:left;}
.crs li,.crsb li {padding:0; margin:5px 0;}
.crs li a,.crsb li a {
	color:#fff;
	background-color:#598A3B;
	border:none;
	padding:7px 10px;
	white-space:nowrap;
}
.crs li a {margin-right:5px;}
.crs li a:hover {background-color: #9DA72C;}
.crs .selected {background-color: #869A9B; color:#FFF;}

.crs_profiles li {padding:0px; margin:5px 0;}
.crs_profiles li img {padding:5px 0px; display:block; width:100px; height:100px; }
.crs_profiles li a {border:solid #598A3B; margin-right:5px;}
.crs_profiles li.ui-tabs-selected a {border:solid #D97039; background:none;}

/* supersized
----------------------------------------------- */
#supersized { 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden; 
	z-index:-999; 
	width:100%; 
	height:100%;
}

#supersized img { 
	height:auto; 
	width:auto; 
	position:relative; 
	outline:none; 
	border:none; 
}
