:focus {
outline:none;
}

body {
font:normal .80em Arial, Sans-serif;
color:#333;
margin:0;
padding:0;
background-color:#404376;
background-image:url(/fileadmin/OB2009_templates/images/bg.jpg);
}

form {
padding:0;
margin:0;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p,h2 {
letter-spacing:.2px;
line-height: 130%;
}
li {
letter-spacing:.2px;
line-height: 130%;
}

#outerwrap {
margin:0 auto;
width:1000px;
text-align:left;
}

#header {
height:140px;
}

#header a#logo {
display:block;
float:left;
margin-left:20px;
margin-top:30px;
width:188px;
height:79px;
}

#top_menu {
background:url(/fileadmin/OB2009_templates/images/bg-horizontal-menu.jpg) repeat-x;
height:36px;
margin-bottom:7px;
}

#top_menu ul {
padding:0;
margin:0;
list-style-type:none;
}

#top_menu ul li {
float:left;
}

#top_menu ul li a {
display:block;
text-align:center;
border-right:solid 1px #f96;
height:22px;
color:#FFF;
padding:12px 8px 2px;
text-transform:uppercase;
font-size:11px;
width:100px;
margin-top:0;
text-decoration:none;
line-height: 100%;
}

#top_menu ul li a:hover { background:url(/fileadmin/OB2009_templates/images/bg-horizontal-menu-hover.jpg) repeat-x; color:#444; }

#top_menu ul li a.courses { width:124px; }
#top_menu ul li a.funding_your_course,
#top_menu ul li a[href="my-enrolment/funding-your-course/"],
#top_menu ul li a[href="common-questions/"] {
padding-left:16px;
padding-right:16px;
width:126px;
}

#top_menu ul li a[href="common-questions/dvd/"] { width:105px; border:none; }

#top_menu ul li a[href="courses/"] { width:124px; }

#video { float:right; background:transparent; margin-top:-10px; }
#left_content { width:668px; float:left; overflow:hidden; }


#left_menu { float:left; }
#left_menu ul { list-style-type:none; padding:0; margin:0; }

#left_menu ul li a { height:122px; display:block; background:#313131 url(/fileadmin/templates/images/tabsnew.gif) no-repeat; width:47px; text-indent:-999em; }
#left_menu ul li a:hover { background:#313131 url(/fileadmin/templates/images/tabs_ro.gif) no-repeat; }
/*
#left_menu ul li a.my_watchmates { background-position:0 -128px; background:#666666; }
#left_menu ul li a.my_enrolment { background-position:0 -247px; background:#669900; }
#left_menu ul li a.donations { background-position:0 -370px; background:#3067B1; }
#left_menu ul li a.merchandise { background-position:0 -492px; background:#F26822; }
*/
#left_menu ul li a.outward_bound { height:128px; } 
#left_menu ul li a.my_watchmates { background-position:0 -250px; }
#left_menu ul li a.my_enrolment { background-position:0 -128px;}
#left_menu ul li a.donations { background-position:0 -374px;  }
#left_menu ul li a.merchandise { background-position:0 -499px; height:126px; }


#crumbs { font:bold 9px verdana; }

#right_content { width:322px; float:right; padding:2px; }
#right_content h3 { letter-spacing:1px; }


#content { padding:2px 4px 2px 10px; margin:0; border:solid 1px #fff; border-left:none; float:right; width:606px; min-height:674px; }
#content h1 { font-size:18px; }


div.button_images { margin-left:106px; margin-right:106px; }
div.button_images img { width:118px; }
div.button_images a { margin:0 4px 8px 0 }

div.four-options { margin-left:46px; }
div.four-options img { width:118px; }


div.professional_dvd { float:right; text-align:center; width:250px; }
div.professional_dvd img { margin-bottom:12px; }

#footer { height:30px; background:url(/fileadmin/OB2009_templates/images/footer_background.jpg) repeat-x bottom; padding-top:3px; clear:both; margin-bottom:1em; font:bold 11px arial; text-align:center; color:#FFF; letter-spacing:1px; margin-left:47px; }
#footer a { color:#ddd; font-weight:normal; }

/* @group Course Calculator */

#course_calculator,#rightphoto { background:#fff; margin-bottom:8px; }
#course_calculator h3,#popular_search h3 {
background:#313131;
color:#fff;
padding:4px;
font-size:12px;
margin:2px 0 6px;
font:normal 12px arial;
}

#course_calculator label {
display:block;
width:60px;
font-size:11px;
float:left;
padding-left:30px;
font-weight:700;
margin-top:6px;
}

#course_calculator input[type=image],#popular_search input[type=image] {
position:absolute;
margin-left:8px;
margin-top:-4px;
}

#course_calculator select {
width:170px;
margin-bottom:10px;
}

/* @end */
/* @group Popular Search */

#popular_search {
background:#DEDED5;
color:#8A948A;
padding-bottom:6px;
}

#popular_search h3 {
background:#74A442;
margin:0;
}

#popular_search .tx-indexedsearch-form {
margin:0 8px;
}

#popular_search .tx-indexedsearch-form label {
color:#333;
font-weight:700;
letter-spacing:1px;
}

div.words {
margin:8px;
text-align:justify;
}

div.words a {
color:#666;
}

/* @end */
/* @group Upcomming Courses */
h3#upcoming_courses {
background:#fff;
color:#333;
margin:0 1em;
border-bottom:dashed 1px silver;
}

#upcoming_courses_table {
margin:4px 0;
width:100%;
padding-left:10px;
}

#upcoming_courses_table tr td {
width:33.33%;
padding:2px;
}

#upcoming_courses_table tr td.course_date {
padding:4.35px 0;
text-align:right;
}

#upcoming_courses_table tr td.more_info {
text-align:center;
}

#upcoming_courses_table tr td a {
text-transform:uppercase;
color:#F67D2C;
font-weight:700;
}

/* @end */
div.home_page {
background:#313131;
color:#fff;
}

div.home_page h2,div.home_page h1 {
color:#74A442;
font-size:14px;
}

div.home_page a {
color:#A3FF3F;
}

div.outward_bound {
background:#fff;
color:#313131;
}

div.outward_bound h2,div.outward_bound h1 {
color:#74A442;
font-size:14px;
}

div.outward_bound a {
color:#0000FF;
}

div.my_enrolment {
background:#690;
color:#000;
}

div.my_enrolment h2,div.my_enrolment h1 {
color:#E3E3EF;
}

div.my_enrolment a {
color:#E3E3EF;
text-decoration:underline;
}

div.my_watchmates {
background-color:#666;
color:#fff;
}

div.my_watchmates h2,div.my_watchmates h1 {
color:#000;
}

h2 {
font-size:14px;
}

div.my_watchmates a {
font-weight:700;
color:#fff;
text-decoration:underline;
}

div.donations {
background-color:#2f67b2;
color:#fff;
}

div.donations a {
color:#fff;
}

div.merchandise {
background-color:#f26722;
}

div.merchandise a {
color:#eeeee2;
}

div.merchandise h2, div.merchandise h1 {
color:#FFF;
}

/* @group My Watchmates Login */
#my_watchmates_login {
float:right;
}

#my_watchmates_login a {
color:blue;
padding-left: 8px;
}

#my_watchmates_login h3 {
margin:0;
padding:4px;
background:#333;
color:#fff;
}

#my_watchmates_login fieldset {
background:#fff;
margin:0;
width:200px;
color:#333;
border:none;

}

#my_watchmates_login label {
padding:4px 0 4px 0;
display:block;
font:bold 12px arial, sans-serif;
margin-left: 8px;
}

#my_watchmates_login input {
margin-left:8px;
margin-bottom: 6px;
}


/* @end */
/* @group Course List */
table.course_list {
background-color:#FFF;
margin:0;
width:100%;
color:#333;
border-spacing:0;
}

table.course_list h3 {
padding:4px;
font:normal 12px arial;
background-color:gray;
margin:0;
text-transform:uppercase;
color:#fff;
}

table.course_list tr td.image {
width:135px;
}

table.course_list tr td.image img {
width:135px;
height:108px;
}

table.course_list td.dates {
padding:0;
vertical-align:top;
}

table.course_list tr td.space {
background:#303030;
height:6px;
}

table.course_list table {
width:92%;
border-spacing:0;
padding:6px 4px;
}

table.course_list table tr td {
padding:2px;
}

table.course_list table tr td.courses_more_info_link {
text-align:right;
}

table.course_list table tr td.courses_more_info_link a {
font-weight:700;
text-transform:uppercase;
color:#f26722;
}

/* @end */
table.objectives tr td {
width:108px;
position:relative;
background:#777;
color:#fff;
}

table.objectives tr td {
width:20%;
padding:0;
vertical-align:top;
}

table.objectives tr td h3 {
margin:0;
text-align:center;
font-size:12px;
border-bottom:solid 1px silver;
margin-top:10px;
}

table.objectives tr td p {
font-size:11px;
padding:0 4px;
}

td.dates a {
color:#333;
text-decoration:none;
}

.news-latest-date a {
margin-left:40px;
font-size:10px;
}

h3 .news-list-date {
margin-left:40px;
font-size:10px;
}

h3 .news-list-date {
margin-left:40px;
font-size:10px;
}

.tx-indexedsearch-redMarkup {
font-weight:700;
color:gray;
font-size:120%;
}

.tx-obalumni-pi3 {
min-height:300px;
}

.tx-obalumni-pi3 p.right {
width:200px;
text-align:center;
float:right;
margin:0 30px;
}

table#courselist {
background:#303030;
font:normal 11px verdana;
width:99%;
border-collapse:collapse;
border-spacing:1px;
}

table#courselist tbody tr td {
background:#e4e4e4;
color:#000;
padding:1px 4px;
text-align:center;
}

table#courselist tbody tr td a {
color:blue;
}

table#courselist thead tr td {
background:#CCCFDD;
font-weight:700;
color:#000;
text-align:center;
}

.tx-obalumni-pi7 form fieldset {
color:#fff;
border:none;
margin:1em 0;
padding:1em 0;
}

.tx-obalumni-pi7 form fieldset legend {
color:#000;
font-weight:700;
margin:0;
font-size:110%;
letter-spacing:2px;
padding:0;
background:#666;
}

.tx-obalumni-pi7 form fieldset label {
display:block;
width:200px;
float:left;
text-align:right;
margin-right:6px;
margin-top:3px;
}

.tx-obalumni-pi7 form fieldset label:after {

}

.tx-obalumni-pi7 form fieldset input {
margin-bottom:4px;
}

.tx-obalumni-pi7 form fieldset input:focus {
background:#FFFFE0;
padding:4px;
}


.coursebox { background-color:#FFF; margin:0; width:99%; color:#333; margin:5px 0; border:solid 1px #fff; height:106px; }
.coursebox h3 { padding:4px; font:normal 12px arial; background-color:gray; margin:0; text-transform:uppercase; color:#fff; }
.coursebox h3 a { color:#fff; }
.coursebox h3.latest-news { background:#7780AB; }
.coursebox .image { width:135px; float:left; }
.coursebox .image img { width:135px; height:108px; margin-top:-1px; margin-left:-1px; }
.coursebox .course-list { padding:0; margin-left:134px; }
.coursebox .course-list ul { list-style:none; padding:0; margin:0; margin-left:15px; margin-top:5px; }
.coursebox .course-list ul li { margin:4px 0; }
.coursebox .course-list ul li span.days { text-align:right; width:100px; display:block-inline; position:absolute; right:120px; cursor:pointer!important; }
.coursebox .course-list ul li a span.course { width:300px; display:block-inline; }
.coursebox .course-list ul li a { color:#333; position:relative; display:block; }
.coursebox .course-list ul li a:hover { text-decoration:underline; }
li.class3 a { display:block; padding-bottom:60px; }
table.course_list a:hover { text-decoration:underline; }
#video1 { background-image:url(/fileadmin/videos/sara_wiseman.gif); background-position:bottom center; background-repeat:no-repeat; }

#logos { float:right; width:322px; padding:10px 0 0; }
/*#logos .hubbards,#logos .kathmandu { width: 106px; height:50px; display:block; float:left; text-indent:-999em; } */


#logos .kathmandu { margin:0 10px; }
/*
#logos .hubbards { position:relative; top:-8px; }

#logos .twitter { margin:0 0 0 11px; }
#logos .facebook { margin:0 0 0 11px; }
*/
a.dvd { border:none!important; width:105px!important; }
a img { border:none; }

.tx-fesearchcloud-pi1 ul { margin:0; padding:0; }
.tx-fesearchcloud-pi1 ul li { list-style-type:none; float:left; margin:0; padding:0.5px 6px; }
.tx-fesearchcloud-pi1 ul li * { margin:0; padding:0; display:inline; }

/* News Item page */
.news-single-timedata { letter-spacing:2px; font-style:italic; font-size:smaller; }

/* News page */
td.tx-ttnews-browsebox-SCell { color:#fff !important; font-size:2em; font-weight:bold; }

/* Footer SEO Links */
.seo-links a { margin:10px 1em 0 1em; }

.seo-links {padding: 0 0 20px 0;}


/* Home page SEO text */
.top-seo-text { margin: 0 0 15px 0 }
.top-seo-text h1, .top-seo-text h2 { margin:9px 0 0 0 !important; padding:0 !important; color:#fff !important; }
.top-seo-text p { font-size:10px; margin:4px 0 0 0; }

#council form {
width: 156px;
float: left;
}

#council form fieldset {
color:#fff;
border:none;
margin:1em 0;
padding:1em 0 1em 12px;
float: left;
}

#council form fieldset legend {
display: block;
width: 146px;
height: 24px;
color:#fff;
font-weight: bold;
margin:0;
font-size:110%;
letter-spacing:2px;
padding: 3px 0 0 10px;
background:#666;
float: left;
}

#council form fieldset label {
display:block;
width:146px;
text-align:left;
margin-right:6px;
margin-top:3px;
margin-left:0;
color:#000;
padding: 6px 0 3px 5px;
}

#council form fieldset label:after {

}

#council form fieldset input {
margin-bottom:4px;
}

#council form fieldset input:focus {
background:#FFFFE0;
padding:4px;
}
