/* custom code by sandra */
ul.spacer li {margin:0 0 10px 0;padding-left:15px} /* adds space for paragraph lists */
.content img.audio  {float:left; padding:0 5px 0 0} /* test */
.content h4 {font:bold 13px georgia;margin:20px 0 0 0;padding:0} 
.content h5 {font:normal 16px georgia;margin:20px 0 0 0;padding:0} 
.button {border:0;float:left;} /* water ways ports of call page */
.dotted {display:block;border-bottom:1px dotted #666;}

/* STRUCTURE */
body {margin:0;padding:0}
#wrap {position:relative;width:980px;margin:0 auto;overflow:hidden}
#container2 {clear:left;float:left;width:100%;overflow:hidden;background:#fff}
#container1 {float:left;width:100%;position:relative;right:780px}
#main {position:relative;overflow:hidden;width:750px;left:780px;float:left;padding:0 15px 20px 15px}
img {border:0;display:block;position:relative}

/* superscript for trademark symbol */
sup {font-size: 0.65em; line-height: 1em; vertical-align:top} 

/* italic + bold */
em {font-style:italic}
strong {font-weight:bold}

/* content wrap */ 
.content {float:left;margin-top:15px;position:relative;z-index:100;font:13px georgia;line-height:20px}
.content p {margin:0 0 10px 0;padding:0}
.content ul, .content ol {margin:0 0 10px 0;padding:0}
.content ul li {list-style:none;background:url(/images/index/bullet.gif) no-repeat 2px 8px;padding-left:15px}
.content blockquote {margin:0 0 10px 15px;padding:0}

/* heads */
.content h1 {font:normal 23px georgia;margin:0 0 10px 0;padding:0;line-height:28px}
.content h2 {font:normal 16px georgia;margin:20px 0 10px 0;padding:0;line-height:20px}
.content h3 {font:bold 13px georgia;margin:20px 0 10px 0;padding:0;line-height:20px}
#content h6 {font-size:13px;font-weight:bold;margin:20px 0 0 0;padding:0;}

/* small type for captions */
p.verdana-ten {font:10px verdana;line-height:15px;padding:0;margin:0}

/* set all the columns to floating left */
.main, .content, .thirty, .seventy, .oneten, .onetwentythree, onetwentyfour, .onefifty, .oneninety, .twothirty, .twoseventy, .threehundred, .threeten, .threethirty, .threefifty, .threeninety, .fourthirty, .fourforty, .fourseventy, .fiveten, .sevenfifty {position:relative;float:left}

/* 30px column */
.thirty {width:30px}

/* 70px column */ 
.seventy {width:70px}

/* 90px column */ 
.ninety {width:90px}

/* 110px column */
.oneten {width:110px}

/* 123px column */
.onetwentythree {width:123px; background:red;}

/* 124px column */
.onetwentyfour {width:124px; background:blue;}

/* 150px column */
.onefifty {width:150px}

/* 190px column */
.oneninety {width:190px}

/* 200px column */
.twohundred {width:200px}

/* 230px column */
.twothirty {width:230px}

/* 240px column */
.twotforty {width:240px}

/* 270px column */
.twoseventy {width:270px}

/* 300px column */
.threehundred {width:300px}

/* 310px column */
.threeten {width:310px}

/* 330px column */
.threethirty {width:330px}

/* 350px column */
.threefifty {width:350px}

/* 390px column */
.threeninety {width:390px}

/* 430px column */
.fourthirty {width:430px}

/* 440px column */
.fourforty {width:440px}

/* 470px column */
.fourseventy {width:470px}

/* 490px column */
.fourninety {width:490px}

/* 510px column */
.fiveten {width:510px}

/* 530px column */
.fivethirty {width:530px}

/* 550px column */
.fivefifty {width:550px}

/* 640px row */
.sixforty {width:640px}

/* 750px row */
.sevenfifty {width:750px}



/* PADDING */

/* pad the paragraph text */
.pad-five p, .pad-five ul {padding-right:5px}
.pad-ten p, .pad-ten ul, .pad-ten blockquote, .pad-ten h1, .pad-ten h2, .pad-ten h3 {padding-right:10px}
.pad-fifteen p, .pad-fifteen ul, .pad-fifteen blockquote, .pad-fifteen h1, .pad-fifteen h2, .pad-fifteen h3 {padding-right:15px}
.pad-thirty p, .pad-thirty ul, .pad-thirty blockquote, .pad-thirty h1, .pad-thirty h2, .pad-thirty h3 {padding-right:30px}
.pad-forty p, .pad-forty ul, .pad-forty blockquote, .pad-forty h1, .pad-forty h2, .pad-forty h3 {padding-right:40px}
.pad-fifty p, .pad-fifty ul, .pad-fifty blockquote, .pad-fifty h1, .pad-fifty h2, .pad-fifty h3 {padding-right:50px}



/* MARGINS */

/* no margins */
.no-margin, p.no-margin {margin:0}

/* left margins */
.left-four {margin-left:4px}
.left-five, p.left-five {margin-left:5px}
.left-ten, p.left-ten {margin-left:10px}
.left-fifteen {margin-left:15px}
.left-thirty {margin-left:30px}
.left-forty {margin-left:40px}
.left-fifty {margin-left:50px}
.left-twohundred {margin-left:200px}

/* right margins */
.right-four {margin-right:4px}
.right-five {margin-right:5px;}
.right-ten, p.right-ten {margin-right:10px}
.right-fifteen {margin-right:15px}
.right-thirty {margin-right:30px}
.right-forty {margin-right:40px}
.right-fifty {margin-right:50px}

/* top margins */
.top-four {margin-top:4px}
.top-five, p.top-five {margin-top:5px}
.top-ten, p.top-ten {margin-top:10px}
.top-fifteen, p.top-fifteen {margin-top:15px}
.top-twenty, p.top-twenty {margin-top:20px}
.top-twenty-five, p.top-twenty-five {margin-top:100px}
.top-thirty, p.top-thirty {margin-top:30px}
.top-forty {margin-top:40px}
.top-fifty {margin-top:50px}

/* bottom margins */
.bottom-five, p.bottom-five {margin-bottom:5px}
.bottom-ten, p.bottom-ten {margin-bottom:10px}
.bottom-fifteen {margin-bottom:15px}
.bottom-thirty {margin-bottom:30px}
.bottom-forty {margin-bottom:40px}
.bottom-fifty {margin-bottom:50px}

/* for aligning to bottom */
p.bottom {position:absolute;left:0;bottom:0;margin:0;padding:0}

/* for clearing floats */
.clear {clear:left}



/* LEFT COLUMN */

#left {float:left;width:170px;padding:11px 15px 15px 15px;font:10px verdana;position:relative;left:780px;overflow:hidden;}
.head {margin-bottom:6px}
#left .sunburst {padding-bottom:71px}
#left div {margin-bottom:15px}
#left div p.advanced-search {clear:left;display:block;margin:0;padding:0;width:auto}

/* left col select */
#left select {border:0;width:100%;margin:0;padding:0;font:10px verdana;height:20px;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;color:#526c79}
#left .dropselect {width:100%;height:20px;margin:0;padding:0}

/* left col input */
#left input.search, #left input.email {font:10px verdana;color:#999;margin:0;padding:3px 3px 2px 5px;height:15px;border:0;float:left;width:130px;margin-bottom:3px}
#left a.gobutton, #left input.submitbutton {cursor:pointer;border:0;position:relative;display:inline-block;width:32px;height:20px;overflow:hidden;text-indent:-9999px}
#left input.email {margin-bottom:0}
#left a:hover.gobutton, #left input:hover.submitbutton {background-position:0 -20px}

/*left col magazine */
#left #magazine ul {border-top:0;color:#fff;padding-top:4px;padding-bottom:7px;padding-left:25px}
#left #magazine li {margin:0;padding:0;list-style-type:square}
#left #magazine li a:hover {color:#fff}
#left #magazine img.date {margin-top:5px;margin-left:10px}

/* left column related links */
#left ul.related-links li a {height:10px;width:170px;display:block;text-indent:-9999em;margin:8px 0 0 0}
#left ul.related-links li.related-link1 a {background:url(/images/left_column/related-link1.gif) no-repeat}
#left ul.related-links li.related-link2 a {background:url(/images/left_column/related-link2.gif) no-repeat}
#left ul.related-links li a:hover {background-position:0 -10px}

/* COLLAPSE */
#collapse .showDD {display:block;border-bottom:1px dotted #666;}
#collapse dd, #collapse .hideDD {display:none}
#collapse dt {font-weight:bold;margin-top:10px}
#collapse dt a {padding-top:5px;display:block}
#collapse dd p em {font-style:italic} /* for some reason this is needed */
#collapse dt.DTminus a {display:block}
#collapse span {color:#000;font-weight:normal}
#collapse a:hover span {color:#214873}


/* DOWNLOAD GRAPHICS */
a.dl span, a.elink span, a.dlpdf span, a.dldoc span, a.dlpdf2, a.dldoc2 {display:inline-block;background-repeat:no-repeat;background-position:top right;margin-left:2px}
a.dl span, a.elink span {width:13px;height:13px}
a.dl span {background-image:url(/images/index/dl.gif)}
a.elink span {background-image:url(/images/index/elink.gif)}
a.dlpdf span, a.dldoc span, a.dlpdf2, a.dldoc2 {width:42px;height:13px}
a.dlpdf span, a.dlpdf2 {background-image:url(/images/index/dlpdf.gif)}
a.dldoc span, a.dldoc2 {background-image:url(/images/index/dldoc.gif)}
a.dlpdf2, a.dldoc2 {margin:3px 5px 4px 0}
/* hovers */
a.dl:hover span, a.elink:hover span, a.dlpdf:hover span, a.dldoc:hover span, a.dlpdf2:hover, a.dldoc2:hover {background-position:bottom right}



/* FOOTER */
#footer {clear:both;font:12px georgia;width:100%;padding-top:8px}
#footer a {color:#777}
#footer a:hover {color:#fff}
#footer ul {color:#777;font-size:12px;list-style-type:none;margin:0;padding:0 0 10px 0}
#footer li {display:inline;padding-right:5px}

/* DOTTED-LINE */
.dottedline {border-top: 1px solid #CCCCCC;}