/* =======================================================================================================
Generic Styles
==========================================================================================================*/
html 
{ 
	font-size: 100%;	
	height: 100%;
}

.notlive 
{ 
    display: -moz-inline-box; display: inline-block;
    -moz-opacity: 0.40; 
    opacity:0.40; 
    filter: alpha(opacity=40); 
    background-color: #00ff00;
}


body 
{
	/* background:#d6cdbc; */
	background:#ffffff; 
	font-size : 13px;
	font-family: Trebuchet MS, Verdana, helvetica, San-Serif;
	line-height : 20px;
	color: #666; 
	height: 100%; 

    background: url(/Content/img/background.jpg) repeat-x;	
    background-position: top center
}

.access { margin-left: 10px; }

.hidden { display: none; }

img { display: block; }

h1, h2, h3, h4, h5, h6, .sp1, .sp2, sp3, .sp4, .sp5, .sp6
{
	color: #5c3f84;
	font-family: Trebuchet MS, Verdana, San-Serif;
}

h1, .sp1
{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding-top: 15px;
	padding-bottom:10px;
}

h2, .sp2
{ 
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;	
	padding-top: 15px;
	padding-bottom: 8px;
}

h3, .sp3
{ 
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}

h4, .sp4, h5, .sp5, h6, .sp6 
{ 
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.caption
{
    font-weight: bold;
    color: #333;
}

ul, p, ol, dl
{
	padding-top: 0; 
	padding-bottom: 15px;	
}

.cmsText ul
{
    margin: 10px 30px 0 15px;
}

.cmsText ul li
{
	margin-left: 15px;	
	list-style-type: disc;
	padding-bottom: 5px;
}
.cmsText ol li
{
	padding-left: 10px;
	margin-left: 30px;	
}

.cmsText li a
{
	color: #1887c7;	
}

.cmsText .bluebg li a, .cmsText .redbg li a
{
	color: #ded6c7;	
}


strong
{
	font-weight: bold;
	color: #333;
}

.cmsText dt
{
	margin-top: 10px;
}


em
{
    font-style: italic;
}

a
{
	color: #1887c7;	
	font-weight: bold;	
	text-decoration: none;	
}

h2 a, li a, h1 a, h3 a
{
    color: #666;
}

a:hover
{
    text-decoration: underline;
}


legend
{
    color: #933;
    font-weight: bold;
}

.cmsText ol.upperroman li
{
	list-style-type: upper-roman
}

.cmsText ol.loweralpha li
{
	list-style-type: lower-alpha;
}

.cmsText ol.lowerroman li
{
	list-style-type: lower-roman;
}

.cmsText ol li
{
	list-style-type: decimal;
}

.cmsText ul.nobullet li
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.cmsText li ol
{
	padding: 0;
}

.cmsText li ul
{
	padding: 0;
}





.access #col1
{
	width: 100px;
}

h1.template
{
    color: #ccc;
    text-align: right;
    width: 620px;
}

.bluebg { background: #0088ce url(/uploads/cmsRich/fullsolidblue.gif) no-repeat scroll left bottom; width: 620px; }
.purplebg { background: #492f72 url(/uploads/cmsRich/fullsolidpurple.gif) no-repeat scroll left bottom; width: 620px; }
.redbg { background: #d85036 url(/uploads/cmsRich/fullsolidred.gif) no-repeat scroll left bottom; width: 620px; }
.greenbg { background: #a0d400 url(/uploads/cmsRich/fullsolidgreen.gif) no-repeat scroll left bottom; width: 620px; }
.brownbg { background: #ded6c7 url(/uploads/cmsRich/fullsolidbrown.gif) no-repeat scroll left bottom; width: 620px; }

.blueout { background: #fff url(/uploads/cmsRich/fulloutlineblue.gif) no-repeat scroll left bottom; width: 620px; }
.purpleout { background: #fff url(/uploads/cmsRich/fulloutlinepurple.gif) no-repeat scroll left bottom; width: 620px; }
.redout { background: #fff url(/uploads/cmsRich/fulloutlinered.gif) no-repeat scroll left bottom; width: 620px; }
.greenout { background: #fff url(/uploads/cmsRich/fulloutlinegreen.gif) no-repeat scroll left bottom; width: 620px; }
.brownout { background: #fff url(/uploads/cmsRich/fulloutlinebrown.gif) no-repeat scroll left bottom; width: 620px; }

.blueout, .purpleout, .redout, .greenout, .brownout, .bluebg, .purplebg, .redbg, .greenbg, .brownbg { padding-bottom: 10px; float: left; display: inline; margin: 10px 0 10px 0; }
.bluebg, .purplebg, .redbg, .greenbg, .brownbg,
.bluebg h2, .purplebg h2, .redbg h2, .greenbg h2, .bluebg h3, .purplebg h3, .redbg h3, .greenbg h3, .brownbg h3, .bluebg a, .purplebg a, .redbg a, .greenbg a, .brownbg a  
{
	color: #fff; 
	text-decoration: none;
}

.brownbg h2, .brownbg h3
{
	color: #666;
}

.bluebg a, .purplebg a, .redbg a, .greenbg a, .brownbg a { color:#333; font-weight: bold;}
.bluebg a:hover, .purplebg a:hover, .redbg a:hover, .greenbg a:hover, .brownbg a:hover { text-decoration: underline; }

.purplebg h2 { background: #492f72 url(/uploads/cmsRich/fullsolidpurple.gif) no-repeat scroll left top;  }
.redbg h2 { background: #d85036 url(/uploads/cmsRich/fullsolidred.gif) no-repeat scroll left top; }
.greenbg h2 { background: #a0d400 url(/uploads/cmsRich/fullsolidgreen.gif) no-repeat scroll left top; }
.bluebg h2 { background: #0088ce url(/uploads/cmsRich/fullsolidblue.gif) no-repeat scroll left top; }
.brownbg h2 { background: #ded6c7 url(/uploads/cmsRich/fullsolidbrown.gif) no-repeat scroll left top; }

.brownbg { color: #666; }

.purplefg
{
	color: #5c3f84;
}

.purpleout h2 { background: #fff url(/uploads/cmsRich/fulloutlinepurple.gif) no-repeat scroll left top;  }
.redout h2 { background: #fff url(/uploads/cmsRich/fulloutlinered.gif) no-repeat scroll left top; }
.greenout h2 { background: #fff url(/uploads/cmsRich/fulloutlinegreen.gif) no-repeat scroll left top; }
.blueout h2 { background: #fff url(/uploads/cmsRich/fulloutlineblue.gif) no-repeat scroll left top; }
.brownout h2 { background: #fff url(/uploads/cmsRich/fulloutlinebrown.gif) no-repeat scroll left top; }


h1, h2, h3, h4, h5, h6, p, dl,
.bluebg h2, .purplebg h2, .redbg h2, .greenbg h2, .brownbg h2, .blueout h2, .purpleout h2, .redout h2, .greenout h2, .brownout h2,
.bluebg p,  .purplebg p,  .redbg p,  .greenbg p, .brownbg p, .blueout p,  .purpleout p,  .redout p,  .greenout p, .brownout p
{ padding-left: 10px; padding-right: 10px; }

.vcard { padding: 10px; }

.bluebg h2, .purplebg h2, .redbg h2, .greenbg h2, .brownbg h2, .blueout h2, .purpleout h2, .redout h2, .greenout h2, .brownout h2
{ padding-top: 10px; }

.full { width: 620px; clear: both; }
#homepage .full { width: 940px; }

.full .blueout, .full .redout, .full .purpleout, .full .greenout, .full brownout, 
.full .bluebg, .full .redbg, .full .purplebg, .full .greenbg, .full brownbg { width: 620px;}

.cola .blueout, .cola .redout, .cola .purpleout, .cola .greenout, .cola .brownout,
.colb .blueout, .colb .redout, .colb .purpleout, .colb .greenout, .colb .brownout,
.cola .bluebg, .cola .redbg, .cola .purplebg, .cola .greenbg, .cola .brownbg,
.colb .bluebg, .colb .redbg, .colb .purplebg, .colb .greenbg, .colb .brownbg { width: 300px;}

.cola { width: 300px; float: left; display: inline; clear: both; }
.colb { width: 300px; float: right; display: inline; clear:right; }

.break {margin: 0; height:0; padding: 0; display: block;}

.cola .greenbg, .colb .greenbg { background: #a0d400 url(/uploads/cmsRich/halfsolidgreen.gif) no-repeat scroll left bottom; }
.cola .bluebg, .colb .bluebg { background: #0088ce url(/uploads/cmsRich/halfsolidblue.gif) no-repeat scroll left bottom; }
.cola .redbg, .colb .redbg { background: #d85036 url(/uploads/cmsRich/halfsolidred.gif) no-repeat scroll left bottom; }
.cola .purplebg, .colb .purplebg { background: #492f72 url(/uploads/cmsRich/halfsolidpurple.gif) no-repeat scroll left bottom; }
.cola .brownbg, .colb .brownbg { background: #ded6c7 url(/uploads/cmsRich/halfsolidbrown.gif) no-repeat scroll left bottom; }

.cola .greenbg h2, .colb .greenbg h2 { background: #a0d400 url(/uploads/cmsRich/halfsolidgreen.gif) no-repeat scroll left top; }
.cola .bluebg h2, .colb .bluebg h2 { background: #0088ce url(/uploads/cmsRich/halfsolidblue.gif) no-repeat scroll left top; }
.cola .redbg h2, .colb .redbg h2 { background: #d85036 url(/uploads/cmsRich/halfsolidred.gif) no-repeat scroll left top; }
.cola .purplebg h2, .colb .purplebg h2 { background: #492f72 url(/uploads/cmsRich/halfsolidpurple.gif) no-repeat scroll left top; }
.cola .brownbg h2, .colb .brownbg h2 { background: #ded6c7 url(/uploads/cmsRich/halfsolidbrown.gif) no-repeat scroll left top; }

.cola .greenout, .colb .greenout { background: #fff url(/uploads/cmsRich/halfoutlinegreen.gif) no-repeat scroll left bottom; }
.cola .blueout, .colb .blueout { background: #fff url(/uploads/cmsRich/halfoutlineblue.gif) no-repeat scroll left bottom; }
.cola .redout, .colb .redout { background: #fff url(/uploads/cmsRich/halfoutlinered.gif) no-repeat scroll left bottom; }
.cola .purpleout, .colb .purpleout { background: #fff url(/uploads/cmsRich/halfoutlinepurple.gif) no-repeat scroll left bottom; }
.cola .brownout, .colb .brownout { background: #fff url(/uploads/cmsRich/halfoutlinebrown.gif) no-repeat scroll left bottom; }

.cola .greenout h2, .colb .greenout h2 { background: #fff url(/uploads/cmsRich/halfoutlinegreen.gif) no-repeat scroll left top; }
.cola .blueout h2, .colb .blueout h2 { background: #fff url(/uploads/cmsRich/halfoutlineblue.gif) no-repeat scroll left top; }
.cola .redout h2, .colb .redout h2 { background: #fff url(/uploads/cmsRich/halfoutlinered.gif) no-repeat scroll left top; }
.cola .purpleout h2, .colb .purpleout h2 { background: #fff url(/uploads/cmsRich/halfoutlinepurple.gif) no-repeat scroll left top; }
.cola .brownout h2, .colb .brownout h2 { background: #fff url(/uploads/cmsRich/halfoutlinebrown.gif) no-repeat scroll left top; }

.cmsText img
{
    margin: 0 10px 10px 10px;
}

.cmsText img.fullwidth
{
    margin: 10px 0;
}

.cola div img, .colb div img, .full div img {  }
img.imgright { float: right; display: inline; }
img.imgleft { float: left; display: inline; }


.flash-replaced .alt 
{
	display:none;
}
/* =======================================================================================================
Page Layout
==========================================================================================================*/

/* used to allow backgrounds (header and footer) to be 100% wide */
.wrapper 
{
	clear: both; 
	float:left; 
	display: inline;
	width: 100%;
}

/* used to centre the 800/1024 versions in the right place */
.inner 
{
	margin: 0 auto; 
	width: 940px; 
	padding: 0 25px;
	position: relative; 
    background: url(/content/img/shadow_mk.png) repeat-y;	
}

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

#mainContent.WithSide
{
    float: left;
    display: inline;
    width: 620px;
}


.clearer 
{ 
    clear: both; 
    display: block; 
}
/* classes for handy clearing of vertical margin */


/* code for the header */

#header
{
	height: 240px;
}


#ident
{
	display: inline;
	float: left;
	height: 200px;
	width: 350px;
	position:relative;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#ident span
{
	background: url(/uploads/miscGfx/wykelogo.gif) no-repeat -20px -2px;
	height: 200px;
	position: absolute;
	width: 350px;
	top:0;
	left:0;
}

#banner
{
    width: 590px;
    /*height: 230px;*/
    padding: 0;
    border: 0;
    display: inline;
    float: left;
}
#banner p
{
	padding:0;
	font-size:12px;
}

#banner img
{
    width: 590px;
    height: 230px;
}
#sideColumn
{
    float: right;
    display: inline;
    width: 300px;
    padding-top: 5px;
}


/* ======================================================================================================
Search Page 
=========================================================================================================*/
#searchHeading
{
	clear:both;
	width:620px;
}
ol.paging
{
	margin-bottom:20px;
	padding-left:10px;
}

ol.paging li
{
	display:inline;
	float:left;
	margin-right:10px;
}


/* Primary and Footer Navigation */

#pNavbg, #fNavbg
{
    width: 940px;
    background: url(/content/img/topmenu/pnavend.gif) no-repeat scroll right bottom;
    height:40px;
    margin-top: -40px;
    position: relative; 
    float: left;
    display: inline;
}

#fNavbg
{
    background: url(/content/img/topmenu/footpnavend.gif) no-repeat scroll right bottom;
}

#fNavbg
{
    margin-top: 10px;
}

#navPrimary, #navFooter
{ 
    clear: both;
    float: left;
    display: inline;
    height: 40px;
    width: 930px;
    padding: 0;
    overflow: hidden;
}

#navPrimary li, #navFooter li
{
    float: left;
    display: inline;
    text-align: center;
}

#navPrimary li.lastItem, #navFooter li.lastItem
{
    background: url(/content/img/topmenu/pnavfill.gif) no-repeat scroll right bottom;
    width: 110px;
    padding-right: 900px;
    margin-right: -900px;
}

#navFooter li.lastItem
{
    background: url(/content/img/topmenu/footpnavfill.gif) no-repeat scroll right bottom;
}


#navPrimary li a, #navFooter li a
{
	float: left; 
	display: inline;
    width: 106px;
    height: 31px;
    background: url(/content/img/topmenu/menu.gif) no-repeat scroll left bottom; 
    background-position: 0 -200px;
    color: #2a3a3a;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    font-family: Trebuchet MS;
    padding-top:9px;
}

#navFooter li a
{
    background: url(/content/img/topmenu/footmenu.gif) no-repeat scroll left bottom;
    padding-top:7px;
    height: 33px;
}

#landing #navPrimary li.lastItem, #landing #navFooter li.lastItem
{
	background-image: url(/content/img/topmenu/pnavfill-blue.gif)
}

#landing #navPrimary li a, #landing #navFooter li a
{
	background-image: url(/content/img/topmenu/menu-blue.gif); 
}

#landing #pNavbg, #landing #fNavbg
{
	background-image: url(/content/img/topmenu/pnavend-blue.gif); 
}


#navPrimary li.lastItem a, #navFooter li.lastItem a
{
    background-position: 0 -80px;
    width: 110px;
    padding-right: 10px;  
}

#navPrimary li.lastItem a:hover, #navFooter li.lastItem a:hover
{
    background-position: 0 -40px;
    color: #fff;
}

#navPrimary li.lastItem a.active, #navFooter li.lastItem a.active
{
    background-position: 0 0px;
    color: #fff;
}

#navPrimary li a:hover, #navFooter li a:hover
{
    background-position: 0 -160px;
    color: #fff;
}

#navPrimary li a.active, #navFooter li a.active
{
    background-position: 0 -120px;
    color: #fff;
}

#navSecondary
{
    padding-bottom: 20px;
    background: url(/content/img/sidemenu/background_snav_bottom.gif) no-repeat scroll left bottom;
    margin-bottom: 20px;
}

#navSecondary li
{
    width: 300px;
}

#navSecondary li a
{
    background: url(/content/img/sidemenu/background_snav.gif) no-repeat scroll left bottom;
    height: 25px;
    width: 250px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    font-family: Trebuchet MS;    
    text-decoration: none;    
    display: block;
    padding: 5px 10px 0 40px;
}

#navSecondary li ul li a
{
	padding-left: 60px;
    width: 230px;
}

#navSecondary li ul li ul li a
{
	padding-left: 80px;
    width: 210px;
}

#navSecondary li ul li ul li ul li a
{
	padding-left: 100px;
    width: 190px;
}


#navSecondary li ul
{
    padding: 0;
}

#navSecondary li ul,
#navSecondary li.openmenu ul li ul,
#navSecondary li.openmenu ul li.openmenu ul li ul
{
    display: none;
}

#navSecondary li.openmenu ul,
#navSecondary li.openmenu ul li.openmenu ul,
#navSecondary li.openmenu ul li.openmenu ul li.openmenu ul
{
    display: block;
}

#navSecondary li li a
{ 
    background: url(/content/img/sidemenu/background_snav_sub.gif) no-repeat scroll left bottom;
    padding-left: 60px;
    width: 220px;
}

#navSecondary li li li a
{ 
    background: url(/content/img/sidemenu/background_snav_sub_sub.gif) no-repeat scroll left bottom;
    
}

#navSecondary li li li li a
{ 
    background: url(/content/img/sidemenu/background_snav_sub_sub_sub.gif) no-repeat scroll left bottom;
}
#navSecondary li a:hover
{
    background-position: -300px 0; 
    color: #333;   
}

#navSecondary li a.active
{
    background-position: -600px 0;
    color: #fff;
}

#navSecondary li li li a.active,
#navSecondary li li li li a.active
{
	color: #333;
}
#navTertiary
{
	position:absolute;
	top:-30px;
	right:0;
	padding:0;
}

#navTertiary li
{
	display:inline;
	float:left;
}

#navTertiary li a
{
	display:block;
	padding:5px 0 0;
	margin:0;
	text-align:center;
	background:url(/content/img/topmenu/tertiaryMenu.gif) no-repeat;
	width:150px;
	height:25px;
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#basket
{
    width : 250px;
    /*height: 120px;*/
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 67px;
}

#sideColumn #basket
{
	margin-top:0;
}

#basket h3
{
	background: url(/content/img/basket/top.gif) no-repeat;
	color: #fff;
	font-size: 20px;
	padding: 14px 0 14px 18px;
}


#basket ul, #basket p
{
	background: url(/content/img/basket/background.gif) repeat-y;
	padding-left: 18px;
}

#basket ul
{
	display: inline;
	float: left;
	padding: 0 7px 5px;
}


#basket li
{
	border-bottom: 1px solid #9582af;
	display: inline;
	float: left;
	padding: 5px 7px 5px 11px;
	width:218px;
}

#basket li span
{
	display: inline;
	float: left;
	padding-right: 10px;
	width: 148px;
}

#basket li a
{
	background: url(/content/img/basket/remove-cross.gif) no-repeat 100% 50%;
	color: #d85035;
	display: inline;
	float: right;
	padding-right: 12px;
}

#basket #applyNow, #basket #chooseNow
{
	background: url(/content/img/basket/bottom.gif) no-repeat;
	display: inline;
	float: left;
	width: 250px;
	margin-bottom:20px;
}

#chooseNow a
{
	color: #5c3f84;
}

#applyNow a
{
	background: url(/content/img/basket/apply-tick.gif) no-repeat 100% 50%;
	color: #5c3f84;
	display: block;
	width: 160px;
}

#breadcrumb
{
	margin: 13px 0 5px 0;
}

#breadcrumb li
{
	background: url(/Content/img/breadcrumb-split.gif) no-repeat 0 8px;
	display: inline;
	float: left;
	margin-right: 5px;
	padding-left: 8px;
	font-size: 11px;
}

#breadcrumb li#first
{
	background: none;
}

#breadcrumb a, #breadcrumb li
{
	color: #8c7550;
}

/* formbuilder code */

#formbuilder fieldset
{   
    width: 620px;
    margin: 0 0 20px 0;
}

#formbuilder fieldset legend
{   
    display: none;
}

#formbuilder label
{
    padding-left: 30px;
    float: left;
    display: inline;
    width: 180px;
}

#formbuilder .formrow
{
    border-top: solid 1px #ddd;
    padding: 10px 0 10px 0;
    margin: 0 40px 0 40px;
    clear: left;
}

#formbuilder form p, #formbuilder label
{   
    padding: 0 10px 10px 10px;
}
#formbuilder fieldset h2
{
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 10px;
    text-align: right;
}

#formbuilder select
{
    width: 200px;

}

#formbuilder .buttons input
{
    width: 150px;
    height: 30px;
    margin: 10px 0 10px 390px;
}

#formbuilder .man label
{
    width: 160px;
}

#formbuilder .tick label
{
    width: 400px;
}
#formbuilder .tick input
{
    width: 50px;
}

#formbuilder form span
{
    color: #9E1A31;
    display: inline;
    width: 20px;
    float: left;
}

#formbuilder input, #formbuilder textarea
{   
    width: 300px;
}

/* code for the pages */

#links ol, #people ol, #openDays, #calendar, #calendar ol
{
    padding: 0;
}


#people .group h2
{
	background: #ded6c7 url(/uploads/cmsRich/fullsolidbrown.gif) no-repeat scroll left top; 
	width: 600px;
	color: #666;
	padding: 10px 10px 5px;
	margin: 20px 0 0 0;
}

#people .group ol
{
	margin: 1px 0 10px 0;
}

#people .group ol li
{
	border-top: solid 1px #ccc;
	padding-top: 10px;
}

#people li
{
    clear: both;
}

#people img
{
    width: 200px;
    height: 300px;
    border: solid 3px #BBAC90;
}

#calendar h2
{
    padding-left: 30px;
    width: 580px;
}

#calendar ol li
{
    width: 580px;
    border-top: solid 1px #ccc;
    margin-left: 20px;
    margin-right: 20px;
    clear: both;
}



#calendar dl
{
	padding: 10px;
}

#calendar dt 
{
    font-weight: bold;
    float: left;
    display: inline;

}

#calendar dd
{
    font-weight: bold;
    text-align: right;
}

#openDays
{
	width: 620px;
	float: left;
	display: inline;	
}

#openDays li
{
	width: 300px;
	text-align: center;
	padding-bottom: 0;
}

#openDays dl
{
	padding: 0 0 5px 0;
}

#openDays dt
{
	display: none;
}

#openDays dd
{
	padding: 0;
}

#openDays li.cola
{
	margin-right: 20px;
}

#openDays dd
{
	color: #333;
}

#openDays dd.date
{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}


.col
{
    width: 300px;
    float: left;
    display: inline; 
    margin-right: 20px;
}



.collast
{
    width: 300px;
    float: left;
    display: inline; 
    margin-right: 0px;
}


/* code for homepage */

#threebuckets 
{
	background: url(/content/img/three-columns-top.gif) no-repeat 0 100%;
	display: inline;
	float: left;
	width:940px;
	padding-bottom:35px;
}

#homeHeader
{
    width: 300px;
    float: left;
    display: inline;
}

#homeIntro
{
    width: 620px;
    padding-top: 18px;  
    float: right;
    display: inline;
}


#homepage #threebuckets li
{
    float: left;
    display: inline;
    margin-right: 20px;
}

#spotlight img
{
    margin: 20px 0 10px 10px;
    width: 280px;
    height: 210px;
    border: 3px solid #666;
}

#spotlight h2
{
    padding-top: 15px;
    padding-bottom: 0;
}

#homepage #threebuckets li.lastItem
{
    margin-right: 0px;
}

#homeSection
{
    background: #DED6C7 url(/content/img/columns-background.gif) repeat-y;
    color: #374b4b;
	float:left;
	display:inline;
    position: relative;
    margin-bottom: 10px;
	width:940px;
}





#homeSection .clear
{
	background: #DED6C7 url(/content/img/three-columns-bottom.gif) no-repeat;
	height: 15px;
}



#wykeTV, #wykeSpotlight
{
	position: relative;
	height: 36px;
	margin-bottom: 10px;
	width: 240px;
}

#wykeSpotlight span
{
	background: url(/content/img/wyke_spotlight.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}

#wykeTV span
{
	background: url(/content/img/wyke-tv.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}

#channel 
{
	margin-top: -68px;
}

#wykeTwitter
{
	position: relative;
	height: 37px;
	margin: 0 0 10px 0;
	padding: 20px 10px 0 10px;
}

#wykeTwitter span
{
	background: url(/content/img/wyke-twitter.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}

#tweets
{
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: dotted 1px #999;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#tweets li
{
	margin-bottom: 10px;
	border-top: dotted 1px #999;
	padding-top: 10px;
}

#tweets .account
{
	font-weight: bold;
}

#follow p
{
	background: url(/content/img/twitter-icon.gif) no-repeat right 0;
	height: 23px;
	padding-top: 30px;
	width: 580px;
	padding-bottom:0;
	margin-top:-30px;
}

#homeFollow
{
	background: url(/content/img/twitter-icon.gif) no-repeat right 0;
	height: 40px;
	padding-top: 30px;
	width: 270px;
}


#follow a
{
    color: #1887c7; 
}

#follow a:hover
{
    text-decoration: underline;
}

.clear
{
    clear: both;
}


#youTubePlayer
{
	background: url(/content/img/wyke-tv.jpg) no-repeat;
	height: 294px;
	width: 270px;
	padding: 13px 15px 0;
}



#latestStories, #NewsCategories, #NewsArchive
{
    list-style: none;
    margin: 0 5px 10px 10px;
    padding: 0;
    border-bottom: dotted 1px #999;
    clear: both;
}

.newsNav #latestStories, #NewsCategories, #NewsArchive
{
    background: #fff url(/uploads/cmsRich/halfoutlineblue.gif) no-repeat scroll left bottom;
    margin: 0 0px 10px 0px;
    padding: 10px 20px 10px 20px;
    border-bottom: none;
}

.newsNav h3
{
    margin-top: 10px;
    padding: 15px 20px 0 20px;
    background: #fff url(/uploads/cmsRich/halfoutlineblue.gif) no-repeat scroll left top;
}

.newsNav h3 a
{
    color: #1887c7;
}

.newsNav
{
    position: relative;
    clear:both;
}

.newsRss
{
    position: absolute;
    right: 25px;
    top: 17px;
}

.catsRss
{
    float: right;
    display: inline;
    margin-top: 3px;
}

#latestStories li, #NewsCategories li, #NewsArchive li
{
    border-top: dotted 1px #999;
    margin: 0;
    padding: 8px 5px 10px 0;
    width: 255px;
}


#freedomAchieve
{
	bottom: 35px;
	position: absolute;
	right: 25px;
}

/* vCard layout */
#supp .vcard
{
	clear: both;
	width: 400px;
	min-height: 100px;
	padding: 10px;
	position: relative;
	margin: 10px 15px 13px 0;
}

#supp .vcard .accessHelper
{
    display: none;
}


#supp .vcard .org, dt
{
	color: #666;
	font-weight: bold;
}

#supp .vcard .adr
{
	width: 175px;
}

#supp .vcard .adr span
{
    display: block; 
}


#supp .vcard .sec 
{
	left: 220px;
	position: absolute;
}

#supp .vcard dd.sec
{
	left: 240px;
}

#supp .vcard .tel
{
	top: 31px;
}

#supp .vcard .fax
{
	top: 51px;
}

#supp .vcard .email
{
	top: 71px;
}

#author 
{
    text-align: right;
    padding-bottom: 20px;
    clear:both;
}

/* Landing page styles 
 ===================================*/
#landingSection
{
    background: #DED6C7 url(/content/img/two-columns-top.gif) no-repeat;
    color: #374b4b;
    margin: 20px 0 10px 0;
    padding-top: 15px;
    position: relative;
    display:inline;
	float:left;
}

#landingSection #inner
{
    background: #DED6C7 url(/content/img/columns-background.gif) repeat-y;
	width:620px;
    display:inline;
	float:left;
}


#landingSection .clear
{
	background: #DED6C7 url(/content/img/two-columns-bottom.gif) no-repeat;
	height: 15px;
}




/* Courses
 ==================================*/
 #courseLevels li
 {
 	width: 620px;
 }
 
 #courseLevels h2
 {
    text-align: right;
    padding-right: 20px;
 }
 
#courseLevels .redout h2 
{ 
    background: #d85036 url(/uploads/cmsRich/fullsolidred.gif) no-repeat scroll left top; 
} 

#courseLevels .blueout h2 
{
background: #0088ce url(/uploads/cmsRich/fullsolidblue.gif) no-repeat scroll left top;
}

#courseLevels .greenout h2 
{
background: #a0d400 url(/uploads/cmsRich/fullsolidgreen.gif) no-repeat scroll left top;
}

#courseLevels h2 a 
{
    color: #fff;
}

#courseLevels p.goLink
{
    text-align: right;
    padding-bottom: 0;
}

#courseLevels p.goLink a
{
    background: url(/content/img/goButton_stroke.gif) no-repeat scroll right top;
    height: 35px;
    padding-right: 65px;
    display: block;
    padding-top: 15px;
}


.courses 
{
	background: #eff9d7;
	display: inline;
	float: left;
	padding: 10px 0 15px 10px;
	position: relative;
	margin: -10px 0 10px 17px;
	width: 575px;
	-moz-column-count: 2;
	-moz-column-gap: 0;
	-webkit-column-count: 2;
	-webkit-column-gap: 0;
	column-count: 2;
	column-gap: 0;
}
 
.courses li
{
	width: 250px;
}

.courses a
{
	color: #8bb225;
	text-decoration: none;
	font-size: 10px;
}

.courses a:hover
{
	color: #a0d400;
}

.courses a span
{
	font-weight: bold;
	font-size: 13px;
}

.showCourses
{
	background: #a0d400;
	border: 1px solid #ccc;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: right;
	margin: -10px 30px 0 0;
	padding: 5px;
}

.courses .column1
{
	margin-left: 0;
}

.courses .column2
{
	margin-left: 290px;
}

.courses .column3
{
	margin-left: 380px;
}

#actions 
{
	display: inline;
	float: left;
	margin-top: 25px;
	width: 550px;
	margin-left: 0;
}

#actions li
{
	display: inline;
	float: left;
}

#actions a
{
	background: url(/content/img/courses/icons-large.gif) no-repeat -240px 0;	
	display: inline;
	float: left;
	font-size: 14px;
	height: 50px;
	padding-top: 120px;
	margin-right: 60px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#actions input
{
	background: url(/content/img/courses/icons-large.gif) no-repeat -120px 0;
	border: 0;
	color: #666;
	font-family: Trebuchet MS, Verdana;
	font-size: 14px;
	font-weight: bold;
	padding-top: 120px;
	margin-right: 60px;
	margin-left: 00px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#enrol a 
{
	background-position: -120px 0;
}

#enrol p
{
	color: Red;
	text-align: center;
	width: 96px;
}

#contactus a 
{
	background-position: 0 0;
}


.redbg h2#whoFor { background: #d85036 url(/uploads/cmsRich/fullsolidred.gif) no-repeat scroll left top; }
.greenbg h2#whoFor { background: #a0d400 url(/uploads/cmsRich/fullsolidgreen.gif) no-repeat scroll left top; }
.bluebg h2#whoFor { background: #0088ce url(/uploads/cmsRich/fullsolidblue.gif) no-repeat scroll left top; }

button.blueout, button.greenout, button.redout
{
	width: 120px;
}

button.blueout
{
	background: #0088CE;
}

button.greenout
{
	background: #ADDB00;
}

button.redout
{
	background: #D85035;
}

.bluebgmedium
{
	background: #0088ce;
}

.bluebglight  
{
	background: #B2DBF0;
}

.bluebglight a, .greenbglight a, .redbglight a
{
	color: #2a3a3a;
}

.bluebgdark
{
	background: #0667b3;
}

.bluebglight a:hover
{
	color: #0088ce;
}

.greenbgmedium
{
	background: #a0d400;
}

.greenbglight
{
	background: #CEE966;
}

.greenbgdark
{
	background: #5cba47;
}

.greenbglight a:hover
{
	color: #75BC00;
}

.redbgmedium
{
	background: #d85036;
}

.redbglight
{
	background: #E89686;
}

.redbglight a:hover
{
	color: #B7190B;
}

.redbgdark
{
	background: #c52d2d;
}

div.courseLevelInfo
{
	width:620px;
}
#courselevel .imgright
{
	margin: -56px 10px 0 0;
}

.bluebg .cmsText a
{
	color: #a8d400;
}


/* Banners
 =====================================================*/
#banners
{
	clear: left;
}

#homepage #banners
{
    margin-bottom: 160px;
}

#banners h3
{
	font-size: 18px;	
	font-weight: normal;
}

#banners .quote
{
	font-size: 18px;
}

#banners img
{
    width: 260px; 
    height: 170px;
    margin-left: 15px;
    margin-bottom: 10px;
}

/* News / in the spotlight
======================================================*/

#NewsList
{
	margin-bottom:20px;
}

#NewsList li
{
    clear: both;
    margin-top: 20px; 
    border-top: solid 1px #ccc;   
}

#NewsList li img
{
    width: 280px;
    height: 210px;
    float: left;
    display: inline;
    margin: 0 10px 10px 10px;
    border: 3px solid #666;    
}

#NewsList a
{
	color: #1887c7;	
}


#sitesearch
{
	position:absolute;
	top:5px;
	right:50px;
	width:208px;
}
#sitesearch fieldset
{
	width:auto;
}

#sitesearch legend, #sitesearch label
{
	display:none;
}

#sitesearch #SearchString
{
	float:left;
	display:inline;
	margin:0;
	width:170px;
	color:#B9AA8D;
	border: 1px solid #B9AA8D;
	border-right-color:#DED7D7;
	border-bottom-color:#DED7D7;
}

#sitesearch #searchBtn
{
	background:transparent;
	border:none;
	color:#B9AA8D;
	width:auto;
}

#sitesearch #searchBtn:hover
{
	cursor:pointer;
}


/* Photos 
 =================================*/
#photos
{
	display: inline;
	float: left;
	margin-left: 10px;
}

#photos li
{
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

#photos img, #photoSets li img
{
	border: 1px solid #ded6c7;
	height: 75px;
	width: 75px;
}

#photoSets li
{
    background: #fff url(/uploads/cmsRich/halfoutlinebrown.gif) no-repeat scroll left bottom;
    margin: 0;
    border-bottom: none;
    float: left;
    display: inline;
    width: 300px;
    clear: left;
    padding: 0 0 10px 0;
    margin-top: 10px;
}

#photoSets li h2
{
    
    padding: 15px 20px 10px 20px;
    background: #fff url(/uploads/cmsRich/halfoutlinebrown.gif) no-repeat scroll left top;
}

#photoSets li img
{
    float: right;
    display: inline; 
    margin-right: 20px;   
}

#photoSets li p
{
    padding-left: 20px;
    width: 165px;
}


#footerLogos
{
	width: 500px;
	float: right;
	display: inline;
}
#footerLogos li
{
	float: right;
	display: inline;
}


#supp
{
	width: 440px;
	float: left;
	display: inline;
}


#privacy ol li
{
	list-style-type: lower-roman;
}

#privacy ol,
#privacy ol ol
{
	padding-bottom: 20px;
}

#privacy ol li ol li
{
	list-style-type: lower-alpha;
}