
/* Colors
dark grey: 7F7F7F
footer text: 9F9F9F
green: 7DC242
lighter green: 

*/

body {background:#7F7F7F; margin:0 auto; padding:0; font-size:11px; font-family:verdana, arial, geneva, sans-serif; text-align:center;}

p {line-height:1.3;}

#nest {width:950px; margin:0 auto; text-align:left;}

/* ---------------------------- */

#header {vertical-align:bottom; margin-top:10px;}
#header h1 {width:167px; height:88px; float:left; margin:0; padding:0; color:#fff;}
#header h2 {font-size:14px; font-weight:normal; color:#868686; width:200px; float:right; margin:15px 20px 0 0; padding:0; margin-left:20px;}

/*
#header form {border:1px solid #3e3e3e; width:400px; color:#ADADAD; margin:15px 15px 0 0; padding:5px 20px; float:right;}
#header form b {color:#fff;}
#header form a {color:#FCB01F; text-decoration:underline;}
#header form input.login {background:#DAEDFF; color:#6D767F; width:100px; border:0; margin-left:10px;}
#header form input.password {width:70px;}
#header form input.submit {width:75px; margin-left:10px; font-size:11px; font-weight:bold;}
*/

#header ul.nav {float:left; list-style:none inside; margin:65px 0 0 75px; padding:0; font-size:13px;}
#header ul.nav li {float:left; color:#fff; padding:0 20px 5px 20px; margin:0; font-weight:bold;}
#header ul.nav li a {color:#fff; text-decoration:none;}
#header ul.nav li a:hover {color:#D2EABD;}
#header ul.nav li.last a {background:transparent;}
#header ul.nav li.first a {}

#header ul.nav-new {list-style:none inside; margin:0; padding:0; font-size:13px; width:950px; line-height:1;}
#header ul.nav-new li {float:left; color:#fff;  padding:0; margin:0; font-weight:bold; line-height:1;}
#header ul.nav-new li a:link, #header ul.nav-new a:active, #header ul.nav-new a:visited {display:block;color:#fff; text-decoration:none; padding:10px 10px 10px 20px;}
#header ul.nav-new li a:hover {color:#D2EABD;}
#header ul.nav-new li.last a:link, #header ul.nav-new li.last a:active, #header ul.nav-new li.last a:visited, #header ul.nav-new li.last a:hover {}
#header ul.nav-new li.first a:link, #header ul.nav-new li.first a:active, #header ul.nav-new li.first a:visited, #header ul.nav-new li.first a:hover {margin-left:255px;}

#header .header-full {background:#000 url('images/owh-header-full.jpg') top left no-repeat;}

/* ---------------------------- */

#subheader {clear:both; background:#fff; padding:15px 0 0 0;}
#subheader ul {list-style:none; margin:0; padding:0;}
#subheader ul li {float:left; border-right:1px solid #E5E5E5; margin:0; padding:0 20px 0 20px; font-size:13px; color:#7F7F7F;}
#subheader ul li.first {padding:0 20px 0 0;}
#subheader ul li.last {border-right:0; padding-right:0;}
#subheader ul li form {margin:-3px 0 0 0; padding:0;}
#subheader ul li form input {margin:0 8px;}
#subheader ul li form input.search {background:#BEE0A0; width:120px; border:1px solid #ccc;}
#subheader ul li form input.submit {width:80px; font-weight:bold;}

#subheader #ticker {clear:both; border:1px solid #E1E1E1; margin:15px 22px 0 22px; padding:5px;}
#subheader #ticker ul li {font-size:11px; padding:0 20px;}

/* ---------------------------- */

#content {clear:both; background:#fff; margin:0; padding:20px 22px;}

.main {width:677px; float:left;}

.hero {background:url('images/newhero-canada-winter.jpg') no-repeat; width:677px; height:244px;}
.hero h2 {font-size:30px; font-weight:bold; margin:0 0 0 15px; color:#fff; padding-top:20px;}
.hero h2 a:link, .hero h2 a:active, .hero h2 a:visited, .hero h2 a:hover {text-decoration:none;}
.hero p {color:#fff; margin:8px 0 10px 20px; font-size:12px; width:340px;}
.hero p.more {font-size:9px; color:#9CCC73; padding-top:5px; border-top:1px solid #9CCC73;}
.hero p.more b {color:#000;}
.hero p.more a {color:#fff;}
.hero a:link, .hero a:active, .hero a:visited, .hero a:hover {color:#fff;}

.main .cols {margin-top:10px; padding:0;}
.main .cols h4 {margin:0;}
.main .col {width:230px; float:left; margin:0; padding:0;}
.main .col p {margin:10px 15px 20px 10px; font-size:11px;}
.main .col img {margin-right:13px; margin-bottom:10px;}
.main .col div {margin-right:13px; border:1px solid #ddd; height:490px;}
.main .last, .main .last div, .main .last img {margin-right:0;}
.main .last {width:217px;}

#content #content {border:1px solid #ccc; padding:20px;}
#content #content h1 {color:#000; font-size:24px; margin:0; color:#000; font-weight:900;}
#content #content h2 {color:#666; font-size:18px; margin:0; color:#7DC242; font-weight:normal;}
#content #content hr {color:#ccc; height:1px; padding:0; margin:5px 0; background:#ccc;}

#content #content p {font-size:12px; line-height:135%; margin:10px 0;}
#content #content h5 {margin:15px 0 5px 0; color:#666;font-size:12px;}
#content #content h3 {}
#content #content h4 {}
#content #content ol li {font-size:12px;line-height:1.4;}
#content #content ul li {font-size:12px;line-height:1.4;}
#content #content ul li.hot {color:#f00;}
#content #content ul li.hot a:link, #content #content ul li.hot a:active, #content #content ul li.hot a:visited, #content #content ul li.hot a:hover {color:#f00;}
#content #content ul li.early {color:#0FA100;}
#content #content ul li.early a:link, #content #content ul li.early a:active, #content #content ul li.early a:visited, #content #content ul li.early a:hover {color:#0FA100;}

.contentheader {margin-bottom:20px; text-align:right;}
.contentheader img {border:0;}

.thecontent {width:440px;}
.thecontent p {line-height:1.3;}
.thecontent ul {}
.thecontent ul li {line-height:1.4;}
.thecontent h3 {color:#467CC5;font-size:16px;}

#rightbar {float:right; width:160px; padding:0 0 40px 30px; background:#fff;}
/*#rightbar h3 {background:#7DC242; color:#fff; padding:5px; font-size:12px;}*/
#rightbar h3 {clear:both; color:#000; font-size:14px; margin:15px 0 5px 0; padding:5px 0 0 0; border-top:1px solid #ccc;}
#rightbar ul {list-style:square inside; margin:5px 0; padding:0;line-height:1.4;}
#rightbar ul li {color:#666;}
#content #content #rightbar hr {display:none;}

#rightbar #action {}
#content #content #rightbar #action hr {display:none;}


/* ---------------------------- */

.sub {width:206px; float:right;}

.infonights {background:url('images/front-info-nights.gif') no-repeat; height:244px; display:block;}
.infonights div {padding-top:80px;}
.infonights table {margin:0; border-collapse:collapse; width:206px;}
.infonights table tr {vertical-align:middle;}
.infonights table tr td {padding:5px 0 5px 10px; font-size:12px; border-top:1px solid #ccc; color:#666;}

.sub ul {list-style:square inside; margin:20px 0 0 0; padding:0;}
.sub ul li {color:#7DC242; padding:5px 0; border-top:1px solid #ccc;}
.sub ul li.last {border-bottom:1px solid #ccc;}

.enews {border:1px solid #ccc; padding:10px 20px; margin:10px 0 0 0;}
.enews h4 {margin:0 0 10px 0; font-size:14px;}
.enews form {margin:0;}
.enews p {margin:5px 0 0 0;}

/* ---------------------------- */

#response {width:600px; background:#fff; color:#000; border-bottom:1px solid #ccc;}
#response p {padding:10px 10px 10px 20px; margin:0;}
#response cite {color:#666;}

/* ---------------------------- */

#subfooter {background:#D0D0D0; padding:20px 0 20px 32px; margin:0; clear:both;}
#subfooter .col {float:left; width:225px; border-right:1px solid #BBBBBB;}
#subfooter .col h4 {color:#5E5E5E; font-size:11px; margin:0 20px 8px 25px;}
#subfooter .col ol {list-style:inside; margin:0 20px 0 25px; padding:0;}
#subfooter .last {border-right:0;}
#subfooter .first ol, #subfooter .first h4 {margin-left:0;}
#subfooter .last ol {margin-right:0;}
#subfooter .col ol li {color:#5E5E5E; font-size:11px; margin:3px 0;}
#subfooter .col ol li a {color:#5E5E5E;}
#subfooter .col ol li a:hover {background:#C6C6C6;}

/* ---------------------------- */

#footer {color:#aaa; clear:both; padding:5px 20px 20px 32px;}
#footer ul {list-style:none; margin:0; padding:0;}
#footer ul li {float:left; padding:5px 8px; border-right:1px solid #888; font-size:9px;}
#footer ul li.first {padding-left:0;}
#footer ul li.last {border-right:0;}
#footer ul li a {color:#bbb;}
#footer ul li a:hover {color:#ccc;}

/* ---------------------------- */

a {color:#467CC5;}
a:hover {color:#0045A3;}

blockquote {margin:20px 0 20px 0; padding: 5px 0 5px 20px; color:#666; border-left:5px solid #7DC242;}
blockquote b {color:#666;}

table.prices {border-collapse:collapse;}
table.prices tr th {font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; border:1px solid #eee;}
table.prices tr td {font-family:verdana, arial, sans-serif; font-size:11px; padding:3px 5px 3px 5px; border:1px solid #eee;}
tr.alt {background:#f7f7f7;}

table.itinerary tr th {font-size:12px;font-weight:bold;background:#E8F4DE;}

table.tours {border-collapse:collapse;border-top:1px solid #eee;}
table.tours tr th {font-family:verdana, arial, sans-serif; font-size:11px; line-height:1.4; font-weight:bold; padding:8px; border-bottom:1px solid #eee;}
table.tours tr td {font-family:verdana, arial, sans-serif; font-size:11px; line-height:1.4; padding:8px; border-bottom:1px solid #eee;}
table.tours tr td .price {color:#000;font-size:12px;font-weight:bold;}
table.tours tr td .from {color:#ccc;font-size:10px;}

.contactform tr td {vertical-align:middle; padding:5px 10px 10px 10px; font-weight:bold; font-size:12px;}
.contactform tr td h3 {color:#69c; padding-top:0; margin-top:10px;}
.contactform {background:#f7f7f7; width:100%;}

/*.fixer {font-size:1px; height:1px; clear:both;}*/
.fixer {clear:both;font-size: .1em;line-height: .01em;color: #FFFFFF;}

hr {margin:0 0 10px; padding:0; height:1px; background:#ccc; color:#ccc; border:0; }

.photo {border:1px solid #ccc;padding:8px;}

table.coloured tr th.big {font-size:14px;font-weight:bold;background:#7DC242;color:#fff;}
table.coloured tr th {font-size:12px;font-weight:bold;background:#E8F4DE;}
table.coloured tr td.light {font-size:12px;font-weight:bold;background:#F0F0F0;}

.viewlarge {font-size:10px;text-decoration:none;padding:5px;}

.tabs {margin:15px 0;padding:0;background:url('images/beige-dot.gif') left bottom repeat-x;width:100%;}
.tabs ul {margin:0;padding:0;list-style:none;}
.tabs ul li {float:left;margin:0 0 0 6px;padding:0;display:inline;line-height:1;background:#DDDDCC;border:1px solid #DDDDCC;}
.tabs ul li a:link, .tabs ul li a:active, .tabs ul li a:visited, .tabs ul li a:hover {display:block;text-decoration:none;padding:4px 8px;color:#000;}
.tabs ul li.on {background:#fff;border-bottom:1px solid #fff;}
.tabs ul li.on a:link, .tabs ul li.on a:active, .tabs ul li.on a:visited, .tabs ul li.on a:hover {color:#000;}

#content #content div.notice {padding:0;font-size:14px;background:#689EE7 url('images/retro-stars.gif') top left no-repeat;text-align:center;color:#fff;border-bottom:3px solid #437ECE;}
#content #content div.notice p {margin:0;padding:25px 10px 10px 10px;border-bottom:3px solid #568EDA;}
div.notice a:link, div.notice a:active, div.notice a:visited, div.notice a:hover {color:#fff;}

#content #content .side-faqs h4 {margin-bottom:3px;}
#content #content .side-faqs p {margin:2px 0;font-size:10px;}
#content #content .side-faqs ul li {font-size:10px;}

/* new design 2009 */
/* ---------------------------- */

.topbar {margin:20px 22px 0; font-size:10px; color:#fff; overflow:hidden;}
.topbar ul {margin:0; padding:10px 0 0 0; list-style:none;}
.topbar ul li {padding-right:10px; display:inline; border-right:1px solid #b5b5b5;}
.topbar form {float:right;}
.topbar a:link, .topbar a:visited {color:#b5b5b5; text-decoration:none;}
.topbar a:hover, .topbar a:active {color:#fff; text-decoration:none;}
.topbar a:link.on, .topbar a:active.on, .topbar a:visited.on, .topbar a:hover.on {color:#fff; text-decoration:none;}
.topbar table {padding-top:4px;}

.search {padding-right:9px; font-size:10px; color:#fff;}
.searchfield {background-color:#8c8c8c; border:none; color:#fff; font-size:11px; padding:2px; margin-left:9px; margin-top:1px;}

input.search-btn {width:54px; height:17px; background:url('images/button_search.gif') no-repeat; outline:none; margin-left:10px;}
input.search-btn:hover {background:url('images/button_search.gif') no-repeat 0 -17px;}

#header_bottom {/*background:url(images/overseas_bg.gif) no-repeat; */ background:#fff; width:950px; height:66px;}
#flash {background:url(images/flash.jpg) left no-repeat; width:950px; height:352px;}
#infonights {display:block; background-color:#4c4c4c; font-size:9pt; padding-bottom:10px;}
#infonights table {width:206px;}
#infonights tr {border-top:1px solid #5a5a5a;}
#infonights td {border-top:1px solid #5a5a5a; padding:5px 0 5px 12px;}
#infonights a:link,#infonights a:visited,#infonights a:active {color:#fff; font-weight:700;}
#infonights a:hover {color:#fff; font-weight:700; text-decoration:none;}
#infonights p {font-size:8pt; width:186px; padding-left:10px; padding-right:10px; color:#d2d2d2;}
/*#content {background-color:#fff; padding-bottom:20px;}
#content font {color:#72b73a; font-size:11pt; font-weight:700;}
#content p {font-size:9pt; color:#000; margin-right:20px;}
#content table {font-size:9pt; margin-left:25px;}
#content ul {padding-left:30px; list-style:square; color:#72b73a;}
#content ul span {color:#000;}*/
#links {float:right; background:url(images/links.jpg) no-repeat left bottom; width:228px; height:180px;}
#facebook {float:left; background-image:url(images/facebook.gif); background-position:0 0; height:37px; width:105px; border:0;}
#facebook:hover {float:left; background-image:url(images/facebook.gif); background-position:0 37px; height:37px; width:105px; border:0;}
#twitter {margin-top:3px; float:left; background-image:url(images/twitter.gif); background-position:0 0; height:37px; width:101px; border:0;}
#twitter:hover {margin-top:3px; float:left; background-image:url(images/twitter.gif); background-position:0 37px; height:37px; width:101px; border:0;}
#newfooter {background:url(images/footerbg.gif) no-repeat; width:950px; height:144px; color:#5e5e5e; font-size:8pt;}
#newfooter ul {list-style-type:none; margin:0; padding:15px 20px 25px 25px;}
#newfooter ul li {list-style-type:none; margin:0; padding:3px 0 2px;}
#newfooter a:link,#newfooter a:visited,#newfooter a:active {color:#5e5e5e; text-decoration:none;}
#newfooter a:hover {color:#949494; text-decoration:none;}
#leftf,#centerf,#rightf,#travellink {float:left;}
#centerf {padding-left:10px;}
#studentflights {background-image:url(images/studentflights.gif); background-position:0 0; width:194px; height:64px; border:none;}
#studentflights:hover {background-image:url(images/studentflights.gif); background-position:0 64px; width:194px; height:64px; border:none;}
#header_bottom a:link,#header_bottom a:visited,#header_bottom a:active {color:#467cc5;}
#header_bottom a:hover {text-decoration:none; color:#467cc5;}
#rightf,#travellink {padding-left:30px;}

.main .frontcols {margin-top:30px; padding:0;}
.main .frontcols h4 {margin:0; font-size:14px; color:#72B73A;}
.main .left {width:311px; float:left; margin:0; padding:0 29px 0 0; border-right:1px solid #E5E5E5;}
.main .right {width:298px; float:left; margin:0 0 0 29px; padding:0 9px 0 0;}
.main .frontcols p {margin:15px 0; font-size:11px;}

table.offices {border-collapse:collapse; margin-top:20px; /*border-top:1px solid #e1e1e1;*/}
.offices tr {vertical-align:middle;}
.offices tr td {margin:0; padding:15px; border:1px solid #e1e1e1; font-size:11px; vertical-align:top;}
.offices tr td h4 {margin-top:0; font-size:12px;}

div.countryheader {margin-top:20px; background:#72B73A; color:#fff; font-size:18px; font-weight:bold; padding:5px;}
