/*--------------------------------------------------------------------------

Tameside - Basic Style Sheet
general styles for both sites

Version:	1.0
Author:		Ben Aldred
Website:	Tameside Prospectus

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body { background: url(/img/shared/top-bg.gif) repeat-x;}

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
   content: ".";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
}

.pkg { display: inline-block; }
/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/
html { font-size: 100.01%; }
body { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 1em; color: #2d2d2d; }
#p-content { }
#s-content { }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { 
   /*margin-right: 20px;*/
    margin-bottom: 9px;
    }
    
 .freeform h2, .freeform h3, .freeform h4 {
    margin-bottom: 10px; font-family: Times New Roman;
 }
 
 .freeform h2 {
    font-size: 0.94em;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-indent: 4px;
    position: relative;
    left: -5px;
    width: 555px;

 }
 
 .freeform h3 {
    font-size: 0.81em;
 }
 
 .freeform h4 {
    font-size: 0.69em;
 }
    
.freeform p { font-size: 0.69em; padding: 0 0 5px 0;}
.freeform ul { margin-left: 20px; margin-bottom: 10px; }
.freeform ol { margin-left: 25px; margin-bottom: 10px; } /* needs slightly bigger left margin than ul */
.freeform li {font-size: 0.69em; margin-bottom: 5px; }
.freeform a { text-decoration: underline; color: #2d2d2d; }
.freform a:hover { text-decoration: none; color: #677808; }

.freeform img { margin: 5px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }


/* =Headings
--------------------------------------------------------------------------*/

h1 {
    font-family:Times New Roman;
    font-weight: bold;
    color: #3096C0;
    font-size: 1em;
    margin-bottom: 3px;
    margin-top:1px;
}

h1 span {
    color: #2D2D2D;
    font-size: 0.85em;
    display: block;
    margin-top: 2px;
}




/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a:link { text-decoration: underline; color: #2d2d2d; }
a:visited { text-decoration: underline; color: #2d2d2d; }
a:hover, a:active, a:focus { text-decoration: none; color: #677808; }

a img { border: 0; }

.container a {
    display:inline-block;
}


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { }
legend { }
label { }


/* =LayoutStructure
--------------------------------------------------------------------------*/

.container { 
    position: relative;
    width: 770px;
    left: 50%;
    margin-left: -385px;
    background: url(/img/shared/circles.gif) 306px 25px no-repeat;
}

.center {
    margin: 0 auto;
    width: 710px;
}

#header { }
#navigation { }
#p-content { }
#s-content { }
#footer { }


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

.main {
    clear:both;
    background: #fff url(/img/shared/1px_green_gradient.gif) repeat-x left top;
    padding-top: 10px;
}

.box .top {
    display: block;
}

.box .bottom {
    display: block;
}

.box .content {
    background: #EAEAEA;
    padding-bottom: 3px;
}

/* =header
--------------------------------------------------------------------------*/

#logo a {
    margin: 0 0 0 15px;
    display:block;
    background: url(/img/shared/logo2.gif) 30px 0 no-repeat;
    height: 52px; min-width: 134px;
    text-decoration: none;
    color: #585858;
    padding-top: 15px;
}

#logo a {
    color: #585858;
}


#logo {
    /*text-indent: -9999px;*/
    font-family: Arial;
    font-style: italic;
    font-size: 0.9em;
    float:left;
    position: relative; top: -8px;
}

#logo span {
    display:block;
    color: #8D9C37;
    font-size: 1.22em;
}


/* =control-panel
--------------------------------------------------------------------------*/

#control-panel {
    width: 256px;
    margin-left: 497px;
    padding-top: 5px;
    background: transparent url(/img/shared/prospectus_loz_top.gif) top left no-repeat;
    margin-top: 8px;
    margin-bottom: 7px;
}

#control-panel .content {
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    margin: 0 4px;
    background: #585858;
}

#control-panel h3, #control-panel p {
    color: #fff;
    margin: 0 9px;
}

#control-panel h3 {
    font-family:Times New Roman;
    font-size: 0.88em;
    margin-bottom: 3px;
}

#control-panel p {
    font-size: 0.69em;
    padding: 3px 0;
}

#control-panel .bottom {
    margin: 0 5px;
    height: 6px;
    width: 246px;
    background: url(/img/shared/prospectus_loz_bottom.gif) no-repeat bottom left;
}

#control-panel a {
   color: #fff; 
}

#control-panel a:hover {
    color: #D5EF33;
}

#control-panel #link-to-myprospectus, #control-panel #link-to-mytraining {
    background: url(/img/shared/myProsp_arrow.gif) no-repeat 6.8em 50%;
    padding-right: 20px;
    display: block;
    text-decoration: none;
}

#control-panel #link-to-mytraining {
    background: url(/img/shared/myProsp_arrow.gif) no-repeat 5.8em 50%;
}

#control-panel #link-to-mytraining:hover {
    background: url(/img/shared/myProsp_arrow_on.gif) no-repeat 5.8em 50%;
}

#control-panel #link-to-myprospectus:hover {
    background: url(/img/shared/myProsp_arrow_on.gif) no-repeat 6.8em 50%;
}

/* =nav
--------------------------------------------------------------------------*/

#nav {
    float:left;
    margin-top: -0.88em;
    margin-left: 16px;
}

#nav li {
    float:left;
    list-style-type: none;
    margin-right: 5px;
}

#nav a {
    display:block;
    background: url(/img/shared/nav/tab_right.gif) no-repeat top right;
    font-size: 0.88em;
    font-family: Times New Roman;
    text-decoration: none;
    color: #585858;
    padding-bottom: 1px;
}

#nav a span {
    display:block;
    padding: 0 0.8em;
    line-height: 1.4em;
    background: url(/img/shared/nav/tab_left.gif) no-repeat top left;
    font-weight: bold;
}

#nav a:hover, #nav .on {
    background: url(/img/shared/nav/tab_right_on.gif) no-repeat top right;
    color: #585858;
}

#nav a:hover span, #nav .on span {
 background: url(/img/shared/nav/tab_left_on.gif) no-repeat top left;
}

/* =p-content
--------------------------------------------------------------------------*/

.p-content {
    margin-left: 25px;
    min-height: 390px;
    float: left;
    width: 550px;
}


/*  =homepage
--------------------------------------------------------------------------*/

.home_container {
    padding-top: 5px; padding-bottom: 10px;
}

.col1, .col2, .col3 {
    width: 170px;
    float: left;
}

.col1, .col2 {
    margin-right: 14px;
}

/*box - controls rounded corner boxes*/
.home_container .box {
    background: #E9F7F9 url(/img/shared/homepage/blue_pod_bottom.gif) no-repeat bottom left;
    padding-bottom: 5px;
    width: 171px;
}

.home_container .box h2 {
    background: #E9F7F9;
    font-weight: bold;
    font-size: 0.69em;
    color: #585858;
    background: url(/img/shared/homepage/blue_pod_top.gif) no-repeat top left;
    padding: 8px 8px;
}

.home_container p {
    margin:0 9px;
    color:#2D2D2D;
    font-size: 0.69em;
    margin-bottom: 5px;
}

/*---[ rssFeeds Table ]----------------*/

.sectionLinks
{
    list-style-type: none;
}

#rssFeeds
{
    border-top: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
    border-collapse: collapse;
    width: 500px;
	margin-top: 10px;
}

#rssFeeds input
{
    border-color: Blue;
}

#rssFeeds th
{
    font-size: 70%;
    text-align: left;
}

#rssFeeds th, #rssFeeds td
{
    border-right: solid 1px #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
    height: 25px;
    font-size: 70%;
}

#rssFeeds #feedTitle
{
    padding-left: 22px;
    background: url(/img/shared/email.gif) no-repeat 0px 2px;
}

#rssFeeds #categoryRSS
{
    padding-left: 20px;
	height: 14px;
	background: url(/img/shared/rss.gif) no-repeat 0px 0px;
}

#rssFeeds .column1
{
    padding-left: 9px;
    width: 294px;
	background-color: #fff;
}

#rssFeeds .column2
{
    padding-left: 23px;
	background-color: #fff;
}

#rssFeeds td.alt
{
    background-color: #EBF4F9;
}

#rssFeeds tfoot td
{
    text-align: right;
    padding-right: 10px;
    background-color: #F4F6EB;
    padding-left: -10px;
}

/*---[ browse courses ]----------------*/

#browse_courses ul, #rss_links ul {
    margin-bottom:3px;
}

#browse_courses li, #rss_links li {
    list-style-type: none;
    margin:0 8px;
    margin-bottom: 5px;
    font-size: 0.69em;
}


/*---[ featured course ]----------------*/

.featured-courses .course-image {
    margin: 0 9px; margin-bottom: 2px;
}

/*---[ case studies ]----------------*/

#casestudy .course-image {
    margin: 0 9px; margin-bottom: 2px;
}

/*----[ 3rd column ]-------------*/
.col2 .box, .col3 .box {
    margin-bottom: 10px;
}

#registration h2 span {
   padding-left: 4px;
}

#registration h2 span {
   background: url(/img/shared/reg_star.gif) no-repeat top left;
   width: 16px; height: 16px;
   display: block;
   float: left;
}

#language ul {
   padding-bottom: 4px;
   float: left;

}

#language li {
   list-style-type: none;
   font-size: 0.69em;
   margin-left: 8px;
   float: left;
   display: inline;
}

#language li a {
   width: 70px;
   display: block;
   float: left;
   padding-bottom: 20px;
}

#language #bengali {
   background: url(/img/shared/bengali.gif) no-repeat bottom left;
    margin-bottom: 10px;
}

#language #urdu {
   background: url(/img/shared/urdu.gif) no-repeat bottom left;
   margin-bottom: 10px;
}

#language #hindi {
   background: url(/img/shared/hindi.gif) no-repeat bottom left;
}

#language #punjabi {
   background: url(/img/shared/punjabi.gif) no-repeat bottom left;
}



/*   =forms
--------------------------------------------------------------------------*/



.form .row {
    margin-bottom: 5px;
    float: left;
}

.form .formFieldText {
    width: 200px;
        float: left;

}

.form .formFieldHelp {
    width: 200px;
    color: #959595;
    font-size: 0.69em;
    display: block;
    float: left;
}

/* =forms
--------------------------------------------------------------------------*/


.form label {
    width: 115px; display:block; float:left;
    color: #2D2D2D;
    font-size: 0.69em;
    margin-right: 10px;
    padding-top: 3px;
}

h2.stages {
    margin-top: 10px;
    font-size: 85%;
}

.formNav {
     border-top: 1px solid #EAEAEA;
     border-bottom: 1px solid #EAEAEA;
     clear:left;
     margin: 3px 0 60px 0;
     background: #F4F6EC;
     width: 330px;
     text-align: right;
     padding: 4px 0; 
}

.formNav .rhs {
    margin-right: 7px;
}


.formElement {
    margin-bottom: 6px;
    width: 550px;
    float:left;
}


.form .formFieldText, .form .formFieldDropDown, .form .formFieldTextArea {
    border: 1px solid #B1B1B1;
    width: 202px;
    float:left;
    margin:0; padding:0;
    font-size: 0.69em;
    height: 1.5em;
}

.form  .formFieldDropDown {
    width: 204px;
    height: 1.6em;
}

.help, .formFieldHelp {
    width: 211px;
    color: #959595;
    font-size: 0.69em;
    display: block;
    float: right;
    margin-top: 2px;
}

.formFieldDropDownNonSized {
    font-size: 0.69em;
    height: 1.6em;
}

.custom, #passwordConfirm{
       margin-left: 125px;
    clear:left;
    margin-bottom: 5px;
}

 #newpasswordConfirm
 {
    clear: left;
    margin-left: 125px;
 }

.custom {
    margin-top: 5px;
}




#validationSummary {
    margin: 10px 0;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    background: #FBDFDF;
}

#validationSummary ul{
    margin-top: 5px; margin-bottom: 15px; margin-left: 32px;
}


#validationSummary p, #validationSummary li, #validationSummary h3 {
    color: Red; font-size: 0.69em;
}

#validationSummary p {
    margin-left: 12px;
}

#validationSummary h3 {
    font-family: Times New Roman;
    font-size:0.75em;
    font-weight: bold;
    margin: 6px 12px 4px 12px;
}

.form label.error {
    color: Red;
}

.searchForm label {
    display: inline;
}

.searchForm .formFieldText, .searchForm .formFieldDropDown, .searchForm .formCheckBox {
    border: 1px solid #B1B1B1;
}

.searchForm .formFieldText {
    margin-left: 2px; width: 150px;
}

.searchForm .formCheckBox {
    margin: 0 5px;
}

.searchForm label {
        color: #636262;
    font-weight: bold;     
    font-size: 85%;

}


#resultsPerPage label {
    color: #636262;
    font-size: 85%;

}

#resultsPerPage select {
    width: 3em;
}

.confirm {
    margin-right: 5px;
}

.form_overline {
    border-top: 1px solid #EAEAEA;
    padding-top: 9px;
}


/*   =search results
--------------------------------------------------------------------------*/
#search_results h2, h2.header {
    border-bottom: 1px solid #EAEAEA;
    color: #585858;
    font-size: 0.69em;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-indent: 4px;
    position: relative;
    left: -5px;
    width: 545px;
}

#search_results .back_to_top {
     background: url(/img/shared/up_arrow.gif) top left no-repeat;
     width: 13px; height: 13px; display: block;
     position: absolute; top:0; right: 2px;
}

#search_results .back_to_top:hover {
     background: url(/img/shared/up_arrow_on.gif) top left no-repeat;
}

#search_results h3, #search_results h4{
    color: #7C7C7C;
    font-size: 0.69em;
    font-weight: bold;
    margin: 0 3px 5px 0px;
}

#search_results h4 {
    color: #AFBA70;
}

#search_results ul {
    margin-bottom: 15px;
}

#search_results li {
    font-size: 0.69em;
    list-style-type: none;
    margin-bottom: 3px;
}

#search_results .mySearch-what-link {
    color: #9F9F9F;
    background: url(/img/shared/whats_this.gif) center left no-repeat;
    padding-left: 10px;
    margin-left: 3px;
}

#search_results .mySearch-what-link:hover {
    background: url(/img/shared/whats_this_on.gif) center left no-repeat;
    color: #8D9C37;
}


/*   =course detail page
--------------------------------------------------------------------------*/
#course, #provider, #suggested {
   margin-bottom: 20px; 
}

#course h2, #provider h2, #suggested h2, #map_container h2 {
    border-bottom: 1px solid #EAEAEA;
    color: #585858;
    font-size: 0.69em;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-indent: 4px;
    position: relative;
    left: -5px;
    width: 545px;
}

#course td, #provider td {
    font-size: 0.69em;
    vertical-align: top;
    padding: 3px 0 4px 0;
    width: 50%;
}

.percent_bar {
    margin-right: 2px;
}

.percentValue {
    margin-left: 2px;
}

.gmpte_link {
    background: url(/img/shared/gmpte.gif) center left no-repeat;
    padding-left: 50px;
    font-size: 0.69em;
    height: 40px; line-height: 30px;
    display: block;
    margin-bottom: 5px;
}

.btns {
    background: #F4F6EC;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 30px;
    padding: 7px 0;
    width: 545px;
    position: relative; left: -5px;
}

.add_to_prospectus, .otherCourses, .add_to_training {
    float: right; margin-right: 7px;
    display: block;
    text-indent: -9999px;
    height: 12px;
}

.add_to_prospectus {
    background: url(/img/shared/add_to_prospectus.gif) top left no-repeat;
    width: 191px;
}

.add_to_prospectus:hover {
    background: url(/img/shared/add_to_prospectus_on.gif) top left no-repeat;
}

.add_to_training {
    width: 191px;
    background: url(/img/shared/add_to_training.gif) top left no-repeat;
}

.add_to_training:hover {
    background: url(/img/shared/add_to_training_on.gif) top left no-repeat;
}

.otherCourses {
    background: url(/img/shared/other_courses.gif) top left no-repeat;
    width: 201px; height: 13px;
}

.otherCourses:hover {
    background: url(/img/shared/other_courses_on.gif) top left no-repeat;
}

.otherCourses {
    clear:both;
    margin-top: 7px;
}

.back_to_search {
    float:left;
    margin-left: 7px;
    background: url(/img/shared/back_to_results.gif) top left no-repeat;
    display: block;
    width: 137px; height: 12px;
    text-indent: -9999px;
}

.back_to_search:hover {
    background: url(/img/shared/back_to_results_on.gif) top left no-repeat;
}

#providerMap {
    margin-bottom: 14px;
}

/* =my prospectus
--------------------------------------------------------------------------*/

#myProspectus h2 {
    border-bottom: 1px solid #EAEAEA;
    color: #585858;
    font-size: 0.69em;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-indent: 4px;
    position: relative;
    left: -5px;
    width: 545px;
}

#myProspectus h3 {
    color:#7C7C7C;
    font-size:0.69em;
    font-weight:bold;
    margin:0pt 3px 5px 0px;
}

.mp_courses, .mp_providers {
    float:left;
    width: 270px;
}

#myProspectus ul {
    margin-bottom: 15px;
    margin-left: 1px;
}

#myProspectus li {
    font-size: 0.69em;
    list-style-type: none;
    margin-bottom: 3px;
}

.mp_buttons {
    background:#F4F6EC none repeat scroll 0%;
    border-bottom:1px solid #EAEAEA;
    border-top:1px solid #EAEAEA;
    margin-bottom:12px;
    padding:7px 0pt;
    margin-right: 10px;
    width: 545px;
    position:relative; left: -5px;
}

.mp_buttons a {
    float:left;
    display: block;
    text-indent: -9999px;
}

.remove_all {
    background: url(/img/shared/remove_content.gif) top left no-repeat;
    width: 116px; height: 12px; margin-top: 6px; margin-left: 6px;
}

.remove_all:hover {
    background: url(/img/shared/remove_content_on.gif) top left no-repeat;
}

.download_pdf {
    background: url(/img/shared/download.gif) top left no-repeat;
    width: 114px; height: 13px; margin-top: 6px;
    margin-left: 148px;
}

.download_pdf:hover {
    background: url(/img/shared/download_on.gif) top left no-repeat;
}

.get_acrobat {
    background: url(/img/shared/acrobat.gif) top left no-repeat;
    width: 70px; height: 25px; margin-left: 74px;
}

.back_to_previous {
    float:left;
    margin-left: 7px;
    background: url(/img/shared/back_to_previous.gif) top left no-repeat;
    display: block;
    width: 133px; height: 13px;
    text-indent: -9999px;
}

.back_to_previous:hover {
    background: url(/img/shared/back_to_previous_on.gif) top left no-repeat;
}

.remove_course {
    float:left;
    margin-left: 7px;
    background: url(/img/shared/remove_from_prospectus.gif) top left no-repeat;
    display: block;
    width: 165px; height: 12px;
    text-indent: -9999px;
}

.remove_course:hover {
    background: url(/img/shared/remove_from_prospectus_on.gif) top left no-repeat;
}


.remove_course_from_training {
    float:left;
    margin-left: 7px;
    background: url(/img/shared/remove_from_training.gif) top left no-repeat;
    display: block;
    width: 155px; height: 13px;
    text-indent: -9999px;
}

.remove_course_from_training:hover {
    background: url(/img/shared/remove_from_training_on.gif) top left no-repeat;
}


/* =provider selection
--------------------------------------------------------------------------*/
#provider_select {
    position:relative;
    width:545px;
    left: -5px;
    margin-bottom: 20px;
}

#provider_select td, #provider_select th {
   font-size: 0.69em;
   color: #585858;
   text-align: left;
   padding-left: 5px;
}

#provider_select th {
   padding-bottom: 5px;
}

#provider_select td {
   padding-top: 5px;
}

#provider_select th {
    border-bottom:1px solid #EAEAEA;
    padding-left: 4px;
}

#provider_select caption{
    display:none;
}

#provider_select #name {
    width: 123px;
}

#provider_select #location {
    width: 140px;
}

#provider_select #contactName {
    width: 130px;
}

#provider_select #contactNumber {
    width: 112px;
}

#provider_select .arrow {
    display: block;
    width: 12px; height: 12px;
    background: url(/img/shared/arrow_whitebg.gif) top left no-repeat;
}

#provider_select .arrow:hover {
    background: url(/img/shared/arrow_whitebg_on.gif) top left no-repeat;
}

/* =s-content
--------------------------------------------------------------------------*/
.s-content {
   margin-left: 18px;
   float:left;
   width: 166px;
   display: inline;
}

.s-content .top, .two-column .top {
    width: 166px;
    height: 7px;
    background: url(/img/shared/sContent/grey_pod_top.gif) top left no-repeat;
}

.s-content .bottom, .two-column .bottom {
    width: 166px;
    height: 7px;
    background: url(/img/shared/sContent/grey_pod_bottom.gif) bottom left no-repeat;
}

.s-content p, .s-content h3, .s-content .btn {
    margin: 0 8px;
}

.s-content h3 {
    font-family: Times New Roman;
    font-size: 0.75em;
    margin-bottom: 5px;
    color: #585858;
}

.s-content label {
    color: #585858;
    font-size: 0.69em;
    margin-bottom: 2px;
    display: block;
    margin-left: 1px;
}

.s-content select, .s-content .txtBox {
    width: 143px;
    font-size: 0.69em;
    margin-bottom: 5px;
    height: 1.6em;
}

.s-content .txtBox {
    width: 140px;
        height: 1.4em;

}

.s-content p a, .s-content li a {
    font-family: Verdana;
    font-size: 0.63em;
    color: #585858;
    clear:both;
}

.s-content p.link {
    line-height: 0.73em;
}


.s-content .content {
    background: #EAEAEA;
}

#search {
    margin-bottom: 10px;
}

#search .btn, #login .btn {
    margin-bottom: 4px; margin-top: 3px;
}

#login {
    margin-bottom: 10px;
}

#login .forgotten {
    margin-bottom: 6px;
}

#login .user {
    font-size: 0.69em;
    color: #585858;
    margin-bottom: 6px;
}


#search .what-link {
    color: #8D9C37;
    background: url(/img/shared/whats_this_on.gif) center left no-repeat;
    padding-left: 10px;
    margin-left: 3px;
    font-size: 0.9em;
    text-decoration: none;
}

.s-content .sign-in_links {
    margin-bottom: 4px;
    line-height: 0.75;
}

#traintogain-logo {
    margin: 0 12px 0 8px;
}

#inThisSection, #documents {
    margin-bottom:10px;
}

#inThisSection li, #documents li {
   margin-left: 8px; margin-right: 8px;
}


/* =footer
--------------------------------------------------------------------------*/

#footer {
   border-top: 1px solid #EAEAEA;
   margin-left: 205px;
   clear:both;
   margin-top: 20px;
}

#footer p {
   font-size: 0.63em;
   color: #B1B1B1;
}

#footer .left {
    margin-top: 16px;
    margin-left: 12px
}

#footer .right {
    margin-top:2px;
    margin-right: 22px;
}

#footer .right img {
    margin-left: 10px;
}

#lsc-logo {
    position: relative;
    bottom: -2px;
}

/* Added by Danny 1/02/08 */

div.getOnLink { font-size: 0.69em; }
.getOnLink a img { float: left; margin-top: -18px; margin-right: 8px; }
.getOnLink { padding-top: 20px; }

/* Added by Aaron 21/02/2008 */

.video-container
{
	margin: 0 0 10px 0; 
	padding: 15px; 
	float: left;
	width: 326px; 
	height: 268px; 
	background: url(/img/video_pod.gif) no-repeat top left;
}

.video-container .freeform
{	
	margin-left: 2px;
	padding: 0;
}

.video-container .freeform p { margin: 0; }