/* [ Details ]

Base Style Sheet
© Copyright Company's Name 2008
Site: http: //www.sitename.co.uk
Author: Rosie Sturman (Realised Design)
Contact: rosie@realiseddesign.co.uk
Date Created: 01.01.2010
Date Modified: 01.01.2010
-------------------------------------------------------*/

/* [ Contents ]

Universal Tags: 
[01] YUI 2: Reset CSS
[02] HTML / Body
[03] Anchors
[04] Headings
[05] Text-level markup - Misc Inline - Misc Block
[06] Lists
[07] Forms
[08] Tables
[09] Image Replacements
[10] Clearfixes
[11] Accessible Hide

Site Specific: 
[01] Colors
[02] Wrap
[03] Utilities / Header
[04] Navigation
[05] Content
[06] Footer
[07] Forms
[08] Article Lists
[09] Image Replacements
[10] Misc
[11] News

Page Specific: 
[01] Home
[02] XXX
[03] XXX
-------------------------------------------------------*/


/*-----------------------------------------------------
[ Universal Tags ]
-------------------------------------------------------*/
	
/* [01] YUI 2: Reset CSS - http: //developer.yahoo.com/yui/reset/
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
	
/* [02] HTML / Body
-------------------------------------------------------*/
html, body {margin: 0; padding: 0; height: 100%;}
body {
	font-family: Arial, sans-serif;
	font-size: 75%; /* 12px */
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	color: #474747;
	text-align: center; /*margin: auto fix for IE6*/
	background: #99d7e9;
	margin: 0;
	padding: 0;
}

/* [03] Anchors
-------------------------------------------------------*/
a {position: relative; color: #009ac8; font-weight: bold; outline: none;}
a:link, 
a:visited, 
a:active  {
	text-decoration: none;
}
a:hover {color: #99d7e9;}
a:visited {}

/* [04] Headings
-------------------------------------------------------*/
h1, h2, h3 {margin: 1em 0; line-height: 1em; color: #552889;}
h1, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 2.2em; margin: 0 0 0.5em 0;}
h2 {font-size: 2.2em; margin: 0 0 0.5em 0;}
/* For sIFR 
h1 {display: inline; font-size: 2.2em; margin: 0; padding: 20px 0 0 0;}
h2 {position: relative; top: -10px; display: inline; font-size: 2.2em; margin: 0; padding: 0 0 0.5em 0;}
*/

h3 {font-size: 1.6em; margin: 0 0 0.5em 0; line-height: 1.3em;}
h4, h5, h6 {font-size: 1.2em; margin: 0 0 1em 0; line-height: 1.3em;}

/* [05] Text-level markup
-------------------------------------------------------*/
abbr, acronym {border-bottom: 1px dotted #474747; cursor: help;} 
em {font-style: italic;}
cite {font-style: italic;}
strong {font-weight: bold;}
dfn {font-style: normal;}
code, kbd, samp {font-family: monospace;}
var {font-style: italic;}

/* Misc Inline -------------------------------------------------------*/
q {font-style: italic;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

/* Misc Block -------------------------------------------------------*/
p {margin: 0 0 1em 0; line-height: 1.3em;}
blockquote, pre {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px dotted #474747;
	background-color: #DDD;
}
pre {
/* set specific font for IE/Win */
	font-family: inherit;
	overflow: scroll;
	margin: 0 0 1em 0;
}
hr {
	padding: 0;
	margin: 1em 0;
/* For IE/Win, as it displays hr as inline */
	display: block;
	border: none;
	height: 1px;
	background: #009ac8;
}

/* [06] Lists 
-------------------------------------------------------*/
ol, ul, dl {margin-left: 2em; line-height: 1.3em; font-family: Arial, sans-serif; }
ol li {list-style: decimal outside;	}
ul li {list-style: disc outside;}
dl dd {margin-left: 1em;}

/* [07] Forms
-------------------------------------------------------*/
input[type="image"] {outline: none;}
input, textarea, select {font-family: Arial, sans-serif; font-size: 100%;}

/* [08] Tables
-------------------------------------------------------*/
table {}
caption {margin-bottom: .5em; text-align: center;}
th, td {border: 1px solid #474747; padding: .5em;}
th {font-weight: bold; text-align: center;}
thead th, 
thead td {}
tbody {}
tbody td {}
tfoot {}
tfoot td {}

/* [09] Image Replacements
-------------------------------------------------------*/
/* Standard image replacement 
.imr {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
*/
/* Button image replacement 
input.imr, button.imr {
	border: none;
	padding: 0;
	cursor: pointer;
}
*/

/* [10] Clearfixes
-------------------------------------------------------*/
/* More info at: http: //www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;}

/* [11] Accessible Hide
-------------------------------------------------------*/
.accessiblehide {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
	font-size: 0;
}


/*-----------------------------------------------------
[ Site Specific ]
-------------------------------------------------------*/

/* [01] Colors
-------------------------------------------------------*/
.blue1 {background: #009ac8;}
.blue2 {background: #99d7e9;}
.orange1 {background: #f78f1e;}
.orange2 {background: #fbc78e;}
.purple1 {background: #552889;}
.purple2 {background: #997eb8;}
.grey1 {background: #474747;}

/* [02] Structure
-------------------------------------------------------*/
/*
.WrapOuter {float: left; width: 100%;}

#WrapOuterTop.WrapOuter {background: url(../Images/topblue2.gif) repeat-x 0 bottom;}
#WrapOuterMiddle.WrapOuter {background: #FFF url(../Images/waves.gif) no-repeat center 100px;}
#WrapOuterBottom.WrapOuter {border-top: solid 20px #009ac8;}

.WrapOuter .Wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#WrapOuterTop.WrapOuter .Wrap {}
#WrapOuterMiddle.WrapOuter .Wrap {}
#WrapOuterBottom.WrapOuter .Wrap {}

.WrapOuter .Wrap .WrapInner {
	float: left; 
}

#WrapOuterTop.WrapOuter .Wrap .WrapInner {display: inline; margin-right: 50px; width: 870px; padding: 5px 20px 0px 20px; background: url(../Images/topblue.gif) no-repeat 0 bottom;}
#WrapOuterMiddle.WrapOuter .Wrap .WrapInner {padding: 0 0 50px 0; width: 960px; background: url(../Images/xgrid.gif) repeat-y 25px 0;}
#WrapOuterBottom.WrapOuter .Wrap .WrapInner {display: inline; margin-right: 50px; width: 900px; padding: 0 5px 10px 5px;}

*/

.WrapOuter {width: 100%; margin: 0; float: none;}
.WrapOuter .Wrap {width: 100%; margin: 0; float: none; text-align: left;}
.WrapOuter .Wrap .WrapInner {width: 100%; margin: 0; float: none;}



/* [03] Utilities / Header
-------------------------------------------------------*/
/*
#Utilities {position: relative; z-index: 50; float: left; width: 860px;}	
#Utilities * {color: #fff; font-weight: bold; margin: 0; text-decoration: none;}	
#Utilities a {float: left; padding-bottom: 10px;}	
#Utilities a:hover {padding-bottom: 5px; border-bottom: solid 5px #99d7e9;}	

#Header {position: relative; z-index: 10; top: -5px; float: left; margin-bottom: -15px; width: 960px; line-height: 0;}
#Header .inner {float: left; width: 960px; line-height: 0; background: url(../Images/PNGs/header.png) no-repeat right 0;}
*/


/* [04] Navigation
-------------------------------------------------------*/
#MainNav {display: none;}
/*
#MainNav {float: left; width: 140px; background: #fff; margin-bottom: 2em;}
#MainNav ul {margin: 0; padding: 0; width: 100%;}
#MainNav ul li {float: left; margin-bottom: 1.2em; width: 140px; list-style: none;}
#MainNav ul li a {float: left; padding-bottom: 0.4em; width: 140px; border-bottom: solid 1px #f78f1e; font-size: 1.2em; text-transform: uppercase; text-decoration: none;}

#MainNav ul li.current a,
#MainNav ul li a:hover {border-bottom: solid 1px #fbc78e;}
*/

/* [05] Content
-------------------------------------------------------*/
/*.sb1 {position: relative; z-index: 10; top: -5px; float: left; padding: 0 0 100px 20px; width: 140px; background: url(../Images/PNGs/tray160.png) no-repeat 0 bottom;}
.mb {position: relative; z-index: 10; top: -20px; float: left; margin-bottom: -20px; padding: 0 10px 100px 10px; width: 480px; background: #fff url(../Images/PNGs/tray480.png) no-repeat 0 bottom;}
.sb2 {position: relative; z-index: 10; top: -20px; float: left; margin-bottom: -20px; padding: 0 20px 100px 0; width: 220px; background: url(../Images/PNGs/tray240.png) no-repeat right bottom;}
*/
/*
.sb1 {float: left; width: 170px; background: url(../Images/PNGs/sides160.png) repeat-y 0 0;}
.mb {float: left; width: 490px; min-height: 550px; height:auto !important; height: 550px; background: url(../Images/PNGs/tray480.png) no-repeat 0 bottom;}
.sb2 {float: left; width: 250px; background: url(../Images/PNGs/sides240.png) repeat-y 0 0;}

.sb1 .inner {position: relative; z-index: 100; top: -9px; float: left; padding: 50px 5px 50px 25px; width: 140px;}
.mb .inner {position: relative; z-index: 10; top: -9px; float: left; padding: 0 15px 90px 15px; width: 460px;}
.sb2 .inner {position: relative; z-index: 100; top: -9px; float: left;  padding: 0 25px 0 5px; width: 220px;}
*/

.sb1 {display: none;}
.mb {float: right; width: 70%;}
.sb2 {float: left; width: 25%; padding-right: 5%;}

.tray {display: none;}
/*
.tray {float: left; position: absolute; z-index: 100; bottom: -50px; height: 50px; background-position: 0 0; background-repeat: no-repeat;}
.sb1 .tray {width: 175px; left: 0; background-image: url(../Images/PNGs/tray170.png);}
.sb2 .tray {width: 255px; left: -5px; background-image: url(../Images/PNGs/tray250.png);}
*/

/*
.col220-L {float: left; padding-right: 20px; width: 220px;}
.col220 {float: left; width: 220px;}

.col220-L img,
.col220 img {float: left; width: 220px; margin-bottom: 1em;}
*/

.col220-L {float: left; padding-right: 10%; width: 45%;}
.col220 {float: left; width: 45%;}

.col220-L img,
.col220 img {float: left; width: 100%; margin-bottom: 1em;}

/* [06] Footer
-------------------------------------------------------*/
/*
#Footer {
	clear: both;
	float: left;
	padding: 10px 0;
	width: 900px;
}

#Footer p {color: #fff;}
#Footer a {color: #fff;}
*/

#Footer {
	clear: both;
	float: none;
	padding: 10px 0;
	width: 100%;
}


/* [07] Forms
------------------------------------------------ */
.formItem, 
.radios {float: left; clear: left; margin: 0 0 .5em 0; padding: 0; width: 100%;}
input {float: left; margin: 0; padding: 1px;}
label {float: left; display: inline; margin-right: 10px;}
select {float: left; display: inline; margin-right: 10px; padding: 0; /*width: +4;*/ border: solid 1px #474747; color: #474747;}
input.textinput,
span.textinput {display: inline; margin-right: 10px; border: solid 1px #474747; color: #474747;}
textarea {float: left; display: inline; margin-right: 10px; padding: 1px; border: solid 1px #474747; color: #474747;}
input.checkbox {}

input.submitbutton {float: right; padding: 3px 5px 4px 5px; border: none; cursor: pointer; cursor: hand; color: #FFF; background: #552889;}
a.submitbutton {float: right; padding: 3px 5px 4px 5px; border: none; font-weight: normal; text-decoration: none; color: #FFF; background: #552889;}

input.imagebutton {margin: 0; padding: 0;}

fieldset {float: left; padding: 10px; border: solid 1px #474747;}
legend {float: left; padding: 10px; border: solid 1px #474747;}

/*------------------------------------------------ */
#ContactForm {float: left; width: 100%;}
#ContactForm input.textinput {margin: 0; padding: 1px; width: 216px;}
#ContactForm textarea {margin: 0; padding: 4px; width: 448px;}
#ContactForm .col220-L,
#ContactForm .col220 {margin-bottom: 1em;}
#ContactForm .radio {margin-right: 1em;}
#ContactForm span#ctl00_ContentPlaceholder2_ContactPanel_ctl07 {float: left; width: 100%;}
/*------------------------------------------------ */


/* [08] Article Lists
------------------------------------------------ */
/*
.articleList {float: left; width: 100%;}
.articleList .article {float: left; clear: left; margin-bottom: 1em; padding-bottom: .5em; width: 220px; background: url(../Images/dot.gif) repeat-x 0 bottom;}
.articleList .date {float: left; padding-right: 10px;}
.articleList .date p {float: left; padding: 2px 0 0 0; width: 28px; border: solid 1px #474747; font-size: 1.2em; font-weight: bold; color: #474747; text-align: center;}
.articleList .date p span {float: left; margin-top: 2px; padding: 2px 0 1px 0; width: 100%; font-size: .6em; color: #fff; text-transform: uppercase; background: #474747;}
.articleList .copy {float: left; width: 180px;}
.articleList h3 {font-size: 1.2em;}

.articleList .paginator {float: left; width: 100%;}
.articleList .paginator p,
.articleList .paginator a,
.articleList .paginator span {float: left;}
.articleList .paginator a.prev {padding-right: 1em;}
.articleList .paginator a.next {padding-left: 1em;}
.articleList .paginator span.currentPage {font-weight: bold;}
.articleList .paginator span.totalPages {}

#MainNewsList.articleList .article {width: 460px;}
#MainNewsList.articleList .copy {float: left; width: 420px;}
*/

/* [09] Image Replacements
-------------------------------------------------------*/
/*
.postit {float: left; display: inline; margin-top: 20px; width: 100px; height: 100px; background-position: 0 0; background-repeat: no-repeat;}
a.postit:hover {background-position: 0 -100px;}
.printPostit {background-image: url(../Images/postitPrintPage.gif);}
.printPostit.printPostitAlt {margin-left: 60px;}

/*.badge {float: right; width: 110px; height: 106px; background-position: 0 0; background-repeat: no-repeat;  background-image: url(../Images/PNGs/badgeGetInTouch.png);}
.badge a {float: left; width: 110px; height: 106px; background-position: 0 0; background-repeat: no-repeat;}
.badge a:hover {background-position: 0 -106px;}

.getintouchBadge {position: absolute; z-index: 100; top: -10px; right: 0; margin-top: 0;}
.getintouchBadge a {background-image: url(../Images/badgeGetInTouch.gif);}

*/
.postit {display: none;}
.badge {display: none;}

.vag20Blue1 {position: relative; z-index: 100; float: left; height: 30px; width: 100%; background-position: 0 0; background-repeat: no-repeat;}
a.vag20Blue1:hover {background-position: 0 -30px;}
#MentoringPanel .vag20Blue1 {background-image: url(../Images/txtMentoring.gif);}
#CoachingPanel .vag20Blue1 {background-image: url(../Images/txtCoaching.gif);}
#ConsultancyPanel .vag20Blue1 {background-image: url(../Images/txtConsultancy.gif);}
#CoursesPanel .vag20Blue1 {background-image: url(../Images/txtCourses.gif);}


/* [10] Misc
-------------------------------------------------------*/
.ie6isanaughtymonkey {float: left; display: inline; width: 100%; height: 20px; }
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

:focus {outline: 0;}

a img {border: none;}
.hide {display: none;}
.altAlign {text-align: right;}
.mini {font-size: 60%;}
.big {font-size: 125%;}
.fifty {width: 50%;}
.padd {padding: 10px;}
.paddT {padding-top: 10px;}
.paddR {padding-right: 10px;}
.paddB {padding-bottom: 10px;}
.paddL {padding-left: 10px;}
.paddH {padding-left: 10px; padding-right: 10px;}
.paddV {padding-top: 10px; padding-bottom: 10px;}

/*
.logo {float: left; padding-left: 5px;}
*/
.logo {display: none;}
.printLogo {width: 100%; margin-bottom: 1em;}

.siteBy {float: right;}
/*
.siteBy a {font-weight: bold; text-decoration: none; text-transform: uppercase;}
*/
.siteBy a {display: none;}

/*
.quotestyle {
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 20px 0 0 10px;
	width: 220px;
	background: url(../Images/quotestyle.gif) no-repeat 0 0;
}
.quotestyle blockquote {
	margin: 0;
	padding: 0 10px 20px 0;
	border: none;
	background: url(../Images/quotestyle.gif) no-repeat right bottom;
}

.quotestyle blockquote p {
	margin: 0;
	font-size: 1.2em;
}
*/

blockquote {border: none; width: 100%; margin: 2em 0 0 0; padding: 0; float: none;}


/* [11] News
-------------------------------------------------------*/
/*
#LatestNews {float: left; margin-bottom: 1em; padding: 20px 25px 0 25px; width: 170px; background: url(../Images/news.gif) no-repeat 0 0; min-height: 240px; height:auto !important; height: 240px;}
#LatestNews h3 {margin-bottom: 0.8em; padding-bottom: 0.8em; font-size: 1.4em; font-weight: bold; border-bottom: solid 1px #009ac8; }
#LatestNews .panel {float: left;}
#LatestNews .panel h4 {margin-bottom: 0; font-size: 1em;}
#LatestNews .panel a {color: #474747;}
#LatestNews .panel a span {color: #009ac8;}
#LatestNews .panel a:hover,
#LatestNews .panel a:hover span {color: #99d7e9;}
#LatestNews .panel p.date {margin-bottom: 0;}
#LatestNews .panel * {background: #fff;}
*/
	
	
/*-----------------------------------------------------
[ Page Specific ]
-------------------------------------------------------*/

/* [01] Home
-------------------------------------------------------*/
/*
#MainPanels {float: left; margin-top: 1em; width: 460px;}
#MainPanels .panel {position: relative; float: left; margin-bottom: 1em; padding-right: 20px; width: 220px; }
#MainPanels .panel.alt {padding-right: 0;}
#MainPanels .panel h2 {font-size: 1.8em; font-weight: bold; text-transform: uppercase;}

.rollout {float: left; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: none;}
#MainPanels .panel .inner {position: relative; float: left; padding: 15px; width: 190px; height: 170px;}
#MainPanels .panel .inner a.frame {position: absolute; z-index: 90; top: 0; left: 0; float: left; width: 220px; height: 200px; background: url(../Images/PNGs/panel1.png) no-repeat 0 0;}
#MainPanels .panel .popup {position: absolute; z-index: 80; bottom: 20px; left: 10px; padding: 7px 7px 15px 7px; width: 186px; background: url(../Images/PNGs/000000_80.png) repeat 0 0;}
#MainPanels .panel .popup * {color: #fff;}
#MainPanels .panel img {position: absolute; z-index: 10; top: 10px; left: 10px; width: 200px; height: 170px;}

#MentoringPanel .panel .inner a.frame {background: url(../Images/PNGs/panel1.png) no-repeat 0 0;}
#CoachingPanel .panel .inner a.frame {background: url(../Images/PNGs/panel2.png) no-repeat 0 0;}
#ConsultancyPanel .panel .inner a.frame {background: url(../Images/PNGs/panel3.png) no-repeat 0 0;}
#CoursesPanel .panel .inner a.frame {background: url(../Images/PNGs/panel4.png) no-repeat 0 0;}
*/

#MainPanels {width: 100%; margin: 0; float: none;}
#MainPanels .panel {width: 50%; margin: 0 0 1em 0; float: left; clear: left;}
#MainPanels .panel img {width: 100%; margin: 0; float: none;}
#MainPanels .panel * {display: inline !important;}

#MainPanels .panel.alt {clear: none;}


/* [02] XXX
-------------------------------------------------------*/
/* [03] XXX
-------------------------------------------------------*/