/* RouteOne - Expo Publishing - www.route-one.net */
/* v1.0 - 21/08/06 - Mike Padgett - Fincaso Limited [www.fincaso.com] */

/* Editorial styles */
/* ================ */

body {font-family: "Trebuchet MS", Verdana, sans-serif; color: #333; font-size: 1em;}

@media screen, print {
a {color: #039;}
.centerthis {text-align: center;}
.rightthis {text-align: right;}
}

@media screen {

/* ----- Column 1 ----- */

#col1 p {margin: 0.5em 0; text-align: center !important;}

/* ----- Column 2 ----- */

#col2 p {font-size: 80%; line-height: 150%; margin: 1em 0;}
#col2 p span.columnheader {color: #555; border-left: 8px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 0.6em; font-size: 85%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
#col2 p.author {clear: both; float: right; text-align: right; border-bottom: 1px solid #ccc; padding: 0.1em 2em 0 0; font-size: 70%; color: #555; font-family: Arial, Helvetica, sans-serif; background: url(images/author_r1.gif) bottom right no-repeat;}

/* pull quotes, offsets */

.offset-fixed-left {border: 1px solid #d7d7d7; padding: 5px; width: 230px; float: left; margin: 1em 1em 0.6em 0 !important;}
.offset-fixed-right {border: 1px solid #d7d7d7; padding: 5px; width: 230px; float: right; margin: 1em 0 0.6em 1em !important;}

.offset-fixed-left p, .offset-fixed-right p {font-size: 75% !important;}
.note {background: url(images/body_bg_fg_hilight_red.gif);}
.go {background: url(images/body_bg_fg_hilight.gif);}

.offset-fixed-left p.caption {border-top: 1px solid #fff; font-size: 70% !important; color: #fff; line-height: 110% !important; font-family: Arial, Helvetica, sans-serif; padding: 0.4em 0.6em; background: #AB0E12; margin: 0 !important;
width: 217px;}

.offset-fixed-right p.caption {border-top: 1px solid #fff; font-size: 70% !important; color: #fff; line-height: 110% !important; font-family: Arial, Helvetica, sans-serif; padding: 0.4em 0.6em; background: #AB0E12; margin: 0 !important;
width: 216px;}

/* Holly hack \*/
* html .offset-fixed-left p.caption, * html .offset-fixed-right p.caption {width: 230px;}
/* End Holly hack */

.offset-left {clear: both; border: 1px solid #d7d7d7; padding: 5px; float: left; margin: 0.4em 0.6em 0.6em 0 !important; background: #fff;}
.offset-right {clear: both; border: 1px solid #d7d7d7; padding: 5px; float: right; margin: 0.4em 0 0.6em 0.6em !important; background: #fff;}
.two-col {float: left; margin: 0 1em 0 0; width: 45%;}
.pad {padding: 0.4em;}
.three-col {float: left; margin: 0 1em 0 0; width: 29%;}

#col2 ul {font-size: 80%; margin: 0.6em 0;}
#col2 ul.pepped-list li {list-style-image: url(images/bullet.gif); line-height: 150%; padding: 0 0 0.6em 0; list-style-position: inside;}
#col2 p.cta {margin: 0.2em 0; font-size: 100%;}
#col2 p.cta a {font-weight: bold;}

#breadcrumb p {font-family: Arial, Helvetica, sans-serif; font-size: 70%; margin: 0; padding: 0;}

h1 {font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 260%; font-weight: normal; color: #333; margin: 0; padding: 0; text-transform: uppercase; line-height: 90%;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 170%; font-weight: normal; color: #AB0E12; margin: 0.4em 0 0 0;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; font-weight: normal; color: #66090B; margin: 0 0.6em 0 0;}
h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 105%; font-weight: normal; color: #66090B; margin: 0;}
h5 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 75%; font-weight: normal; color: #66090B; margin: 0 0 0.4em 0;}

/* ----- Issue Balloon! ----- */

#issueballoon {position: absolute; top: 108px; left: 708px; height: 70px; width: 70px; z-index: 999; background: transparent url(images/issue_balloon.gif) top left no-repeat;}
#issueballoon p span {position: absolute; text-align: center; display: block; margin: 0 !important; padding: 0 !important;}
#issueballoon p span.issue {left: 2px; top: -9px; width: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #fff; font-weight: normal;}
#issueballoon p span.num {
	left: 1px;
	top: 0px;
	width: 70px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 65%;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 43px;
	font-weight: bold;
}

/* Holly hack \*/
* html #issueballoon p span.issue {top: 10px;}
* html #issueballoon p span.num {top: 12px;}
/* End Holly hack */

/* eyecandy */
#col2 .dropcap {float:left; color:#62629C; font-size: 540%; 
line-height: 62px; font-family: "Times New Roman", Times, serif;}

#col2 .firstline {text-transform: uppercase;}

blockquote.set-right {font-family: Georgia, "Times New Roman", Times, serif; float: right; width:24%; padding: 10px; font-size: 100%; letter-spacing: -0.05em; line-height: 130%; margin: 1em 0 1em 1em; background: url(images/body_bg_fg_hilight.gif); border-bottom: 1px solid #CAD7E8; border-right: 1px solid #CAD7E8; font-weight: bold;}

blockquote.set-left {font-family: Georgia, "Times New Roman", Times, serif; float: left; width:24%; padding: 10px; font-size: 100%; letter-spacing: -0.05em; line-height: 130%; margin: 1em 1em 1em 0; background: url(images/body_bg_fg_hilight.gif); border-bottom: 1px solid #CAD7E8; border-right: 1px solid #CAD7E8; font-weight: bold;}

#col2 acronym {border-bottom: 1px dotted #777;}

#col2 .job {clear: both; margin: 1em 0; border-bottom: 3px solid #d7d7d7; border-right: 3px solid #d7d7d7; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 0.2em 0.6em;}
#col2 #topjob {background: #E4EBF3 url(images/body_bg_fg_hilight.gif); border-bottom: 3px solid #CAD7E8; border-right: 3px solid #CAD7E8; border-left: 1px solid #DAE3EF; border-top: 1px solid #DAE3EF;}
#col2 #topjob .offset-left {border: 1px solid #cad7e8 !important;}

#col2 .date {clear: both; margin: 1em 0; border-bottom: 3px solid #d7d7d7; border-right: 3px solid #d7d7d7; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 0.2em 0.6em 0.2em 130px;}
#col2 #topdate {background: #FCE3E3 url(images/body_bg_fg_hilight_red.gif); border-bottom: 3px solid #F8B8B8; border-right: 3px solid #F8B8B8; border-left: 1px solid #FCE3E3; border-top: 1px solid #FCE3E3;}
#col2 .date .calendar {position: absolute; top: 5px; left: 10px; text-align: center; background: url(images/calendar_grey.gif) top left no-repeat !important; width: 104px; height: 112px;}
#col2 #topdate .calendar {background-image: url(images/calendar.gif) !important;}

#col2 .feature {clear: both; margin: 1em 0; border-bottom: 3px solid #d7d7d7; border-right: 3px solid #d7d7d7; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 0.2em 0.6em 0.2em 0.6em;}
.featureyear {background: #fff; margin: 0.4em 0; padding: 0.4em; border: 1px solid #CAD7E8; border-right-width: 2px; border-bottom-width: 2px; text-align: center;}
#col2 .feature .featureyear {border-bottom: 2px solid #F8B8B8; border-right: 2px solid #F8B8B8; border-left: 1px solid #FCE3E3; border-top: 1px solid #FCE3E3;}

#col2 .date .calendar .day {display: block; text-align: center; margin: 24px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ED1D24; font-size: 52px; padding: 0; letter-spacing: -0.05em;}
#col2 .date .calendar .month {display: block; text-align: center; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}

#col2 .col-subdivide .floated {float: left; width: 36%; padding: 0 0.4em 0 0;}
#col2 .col-subdivide div {float: left; width: 47%; padding: 0 0.4em 0 0;}
#col2 .col-subdivide .floated p, #col2 .col-subdivide div p {font-size: 75%; margin: 0.6em 0;}
#col2 .col-subdivide .floated p span.columnheader, #col2 .col-subdivide div p span.columnheader  {font-size: 90%;}

#col2 table {font-size: 80%; width: 100%;}
#col2 table.rates {border-bottom: 1px solid #d7d7d7;}
#col2 caption {width: 100px; text-align: left; padding: 0.6em 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; color: #66090B; width: 100%;}
#col2 table.rates th {padding: 0.4em; vertical-align: middle; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 120%;}
#col2 table.rates td {padding: 0.2em; vertical-align: middle; text-align: center;}
#col2 table.rates th.size {border-bottom: 1px solid #d7d7d7;}
#col2 table.rates th.mono {border-bottom: 1px solid #d7d7d7; text-indent: -10000px; background: #fff url(images/mono.gif) center center no-repeat;}
#col2 table.rates th.colour {border-bottom: 1px solid #d7d7d7; text-indent: -10000px; background: #fff url(images/colour.gif) center center no-repeat;}
th .colour {text-indent: -9000px;}
#col2 table.rates th.type, #col2 table.rates th.percent {border-bottom: 1px solid #d7d7d7;}

#col2 .featurebox {padding: 0; margin: 0.8em 0;}
#col2 .featurebox-adjacent {border: 1px solid #d7d7d7; padding: 5px; background: #e0e0e0 url(images/body_bg_fg.gif);}
#col2 .featurebox-adjacent div {position: absolute; left: -8px; top: -8px; float: left; padding: 5px; border: 1px solid #d7d7d7; background: #fff;}
#col2 .featurebox-adjacent h4 {margin: 0.2em 0.2em 0.2em 85px;}
#col2 .featurebox-adjacent p {font-size: 75%; margin: 0.2em 0.2em 0.2em 85px;}
.left {float: left; margin: 0.4em 2px 0.4em 8px; width: 46%;}
.right {float: right; margin: 0.4em 0 0.4em 2px !important; width: 46%;}
#col2 ol {font-size: 80%}
#col2 .toc {font-size: 80%; margin: 1em; padding: 1em;}
#col2 .toc ul li {font-size: 110%; margin: 0.4em 2em;}

/* Holly hack \*/
* html .left {width: 48%; margin-left: 10px;}
* html .right {width: 47%;}
/* End Holly hack */

.clearthis {clear: both;}

.signature {background: url(images/route_one_sig.gif) center left no-repeat; padding: 1em 0; text-indent: -9000px;}

/* ----- Column 3 ----- */

#col3 .stdbox h4 {margin: 0;}
#col3 .stdbox p {margin: 0.6em 0; font-size: 70%; line-height: 130%;}
#col3 .stdbox a img {border: 0px;}

#testimonial {padding: 0 !important; background: #fff url(images/endquote.gif) bottom right no-repeat;}
#testimonial h4 {background: url(images/openquote.gif) top left no-repeat; padding: 11px 10px 0 37px;}
#testimonial p {margin: 0.6em 10px !important;}
#col3 .offset-left {border: 1px solid #d7d7d7; padding: 2px; float: left; margin: 0.2em !important;}
#col3 .offset-right {border: 1px solid #d7d7d7; padding: 2px; float: right; margin: 0.2em !important;}

#comingsoon {background: #fff url(images/coming_soon.gif) top center no-repeat;}
#comingsoon2 {background: #fff url(none);}
#comingsoon h4 {margin-bottom: 62px !important;}

#departures {background: #fff url(images/audited_bg.gif) top left no-repeat;}
#departures h4 {text-indent: -10000px;}

}

@media print {
#col2 ul {font-size: 80%; margin: 0.4em 0;}
#col2 ul li {list-style-image: url(images/bullet.gif); line-height: 150%; padding: 0 0 0.6em 0; list-style-position: inside;}
h1 {font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 260%; font-weight: normal; color: #333; margin: 0.4em 0 0 0; padding: 0; text-transform: uppercase; line-height: 90%;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 170%; font-weight: normal; color: #AB0E12; margin: 0.4em 0;}
p {font-size: 80%; line-height: 150%;}
#col2 p.author {text-align: right;}
#col2 p.author span {border-bottom: 1px solid #ccc; font-style: italic;}
#col2 p span.columnheader {color: #555; border-left: 8px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 0.6em; font-size: 75%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
#col2 .dropcap {float:left; color:#62629C; font-size: 450%; 
line-height: 62px; font-family: "Times New Roman", Times, serif;}
#col2 table.rates {border-bottom: 1px solid #d7d7d7; width: 100%;}
#col2 table.rates caption {font-weight: bold; text-align: left;}
#col2 table.rates th, #col2 table.rates td {padding: 0.2em;}
#col2 table.rates td {text-align: center;}
#col2 table.rates th.mono, #col2 table.rates th.size, #col2 table.rates th.colour, #col2 table.rates th.type {border-bottom: 1px solid #d7d7d7;}
}