@charset "utf-8";
/**********
************************************
Website: www.nlpl.ca
***********************************/

@import url("css_reset.css");

/**************************************************************
	[ GENERAL ]
**************************************************************/
html {height:100%;}
body {
margin:0; 
padding:0; 
height:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background: #c1dbe8 url(images/skybg.jpg) repeat-x top;
}
a:link, a:visited{text-decoration: underline; color: #d65e75;}
a:hover{color: #a76e79; text-decoration:underline;}
	
hr {border: 0; margin:1em 0 1em 0;}
br {line-height: 1em;}

div.hrspacer {margin:0 auto; height: 10px; clear: both; width: auto;}
div.hrspacer hr { display: none;}

div.contentspacer {margin:0 auto; height: 5px; clear: both; width: auto;}
div.contentspacer hr { display: none;}

div.contentspacer2 {margin:0 auto; height: 1px; clear: both; width: auto; background: url(images/px.jpg) repeat;}
div.contentspacer2 hr { display: none;}

/**************************************************************
	[ TEXT HEADERS ]
**************************************************************/
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#333;
font-weight:bold;
margin: 0;
line-height: 1.2em;
border-left: 5px solid #db78a4;
padding-left: 7px;
}
h2{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#fff;
margin: 0;
line-height: 1.2em;
}
h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;
font-weight:bold;
margin: 0;
line-height: 1.2em;
padding-top: 15px;
}
h4{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666;
margin: 1em 0 1em 0;
padding-top: 10px;
line-height: 1.2em;
}
h5{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666;
font-size:16px;
font-weight:bold;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}
h6{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#111;
margin: 0 0 0 0;
padding: 8px 0 0 0;
line-height: 1.3em;
}

p.h7{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #f3f3f3;
font-size:16px;
font-weight:bold;
margin: 0;
padding: 0;
line-height: 0.8em;
}

/**************************************************************
	[ MAIN LAYOUT DIVS ]
**************************************************************/

div#container {position:relative; margin: 0;  background: url(images/skyclouds.jpg) no-repeat top center; width: auto; height:auto !important; height:100%; min-height: 100%;}

div#topbar_container {width: 100%; height: 40px; margin: 0; padding: 0; background-color: #00456e;}
div#topbar {width:976px; height: 40px; margin: 0 auto; padding: 0;}
div#header {width:976px; height: 143px; margin: 0 auto; padding: 0;}
div.header_half {width: 301px; height: 120px; margin: 0; padding: 0;  background: url(images/onepixel.png) repeat; float: left;}
div.logo_holder {width: 223px; height: 103px; margin: 0 auto; padding: 10px 0 0 58px;  background: url(images/logo_holder2.png) no-repeat top;}

div#outer {width: 976px; height: auto; margin: 0 auto; padding: 10px 0 10px 0; background: url(images/onepixel.png) repeat;}
div#display {width: 936px; height: 372px; margin: 0 auto; padding: 11px 10px 11px 10px; background: url(images/display_bg.png) no-repeat top left;}
div#content {width: 936px; height: auto; margin: 0 auto; padding: 0 10px 0 10px; background: url(images/content_bg.png) repeat-y;}
div#content_bottom {width: 956px; height: 12px; margin: 0 auto; padding: 0; background: url(images/content_bg_bottom.png) no-repeat top left;}
div#content_footer {width: 956px; height: 126px; margin: 0 auto; padding: 10px;}
div.footerblock {width: 239px; height: 100px; margin: 0; padding: 0; float: left;}
div.footerbottom {width: 956px; height: 26px; margin: 0; padding: 0; clear: both; border-top: 1px dotted #00456e;}

div#display_menu {width:266px; height: 358px; margin: 0 3px 0 0; padding: 0; background: url(images/pinkbox.jpg) no-repeat left top; float: left;}
div#display_pic {width:667px; height: 358px; margin: 0; padding: 0; background: #dedede; float: left;}
div#display_pic img {width:667px; height: 358px; margin: 0; padding: 0;}

div#content_left_hold {width:266px; height: auto; margin: 0 3px 0 0; padding: 0; background: url(images/greenbg.jpg) repeat-y; float: left;}
div#content_left {width:230px; height: auto; margin: 0 0 0 0; padding: 12px 18px 0 18px; background: url(images/greenbar.jpg) no-repeat top left;}
div#content_left_bot {width:266px; height: auto; margin: 0 0 0 0; padding: 11px 0 0 0; background: url(images/greenbottom.jpg) no-repeat left top;}
div#content_right {width:657px; height: auto; margin: 0; padding: 3px 5px 0 5px; float: left;}

div.content_full {width:637px; height: auto; margin: 0; padding: 3px 10px 3px 10px;}
div.content_medium {width:355px; height: auto; margin: 0; padding: 3px 10px 3px 10px;float: left;}
div.content_small {width:262px; height: auto; margin: 0; padding: 3px 10px 3px 10px; float: left;}
div.content_small_box {width:260px; height: auto; margin: 0; padding: 3px 10px 3px 10px; float: left; border: 1px solid #ccc;}
div.content_half {width:308px; height: auto; margin: 0; padding: 3px 10px 3px 10px; float: left;}
div.content_half2 {width:298px; height: auto; margin: 0; padding: 10px 10px 5px 10px; float: left;}
div.content_third {width:198px; height: auto; margin: 0; padding: 3px 10px 3px 10px; float: left;}

.greybg {background-color: #ececec;}
.greybg2 {background-color: #fff; border-top: 5px solid #777;}

p.evastext {
font-family: Arial, Verdana, Helvetica,  sans-serif;
font-size:13px;
line-height:1.7em; /**default**/
margin:1.5em 0 1.5em 0;
padding:0px;
color: #1a1a1a;
}
span.logolinks {
display: block;
width: 166px;
height: 66px;
padding: 10px 0 15px 10px;
margin: 0;
}
span.logolinks2 {
display: block;
width: 300px;
height: 66px;
padding: 0 0 15px 0;
margin: 0;
}
p.footertext{
font-family: "Trebuchet MS", Georgia, Times New Roman, serif;
color: #00456e;
font-size:12px;
margin: 0;
padding: 0;
line-height: 1.5em;
}
p.footertext a:link, p.footertext a:visited {color: #d65e75; text-decoration: underline;}
p.footertext a:hover {color: #d65e75; text-decoration: underline;}

p.footerheader{
font-family: Arial, Verdana, Helvetica,  sans-serif;
color: #08222e;
font-size:15px;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1.5em;
}

p.linktext{
font-family: Verdana, Arial, Helvetica,  sans-serif;
color: #222;
font-size:11px;
margin: 0;
padding: 0 0 1em 0;
line-height: 1.5em;
font-weight: bold;
text-align: right;
padding-right: 10px;
}

p.linktext a:link, p.linktext a:visited {text-decoration: none; font-style: italic; }
p.linktext a:hover {text-decoration: none; font-style: italic;}

p.pcsinfo{
font-family: Verdana, Arial, Helvetica,  sans-serif;
color: #333;
font-size:12px;
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: center;
}

p.pcsinfo a:link, p.pcsinfo a:visited {text-decoration: none; color: #d65e75;}
p.pcsinfo a:hover {text-decoration: underline;}

p.slogan {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size:26px;
color:#00456e;
margin: 50px 0 0 0;
padding: 6px;
float: right;
font-style: italic;
background: url(images/onepixel.png) repeat;
clear: right;
}

p.left_text{
font-family: Arial, Helvetica,  sans-serif;
color: #fff;
font-size:12px;
margin: 0;
padding: 1em 0 2em 0;
line-height: 1.5em;
}

p.left_text2{
font-family: Arial, Helvetica,  sans-serif;
color: #fff;
font-size:14px;
margin: 0;
padding: 1em 0 1em 0;
line-height: 1.5em;
}

p.testimonial_quoter{
font-family: Arial, Helvetica,  sans-serif;
color: #fff;
font-size:12px;
margin: 0;
padding: 0 0 2em 0;
line-height: 1.5em;
text-align: right;
font-weight: bold;
}

.imgblock {
width: auto;
height: auto;
margin: 0 0 0 0;
padding: 1.5em 0 15px 0;
float: left;
}
.imgcaption {  
padding: 0; 
font: 9px Arial, sans-serif; 
width: 175px;
height: auto;
text-align: center;
padding: 7px 15px 0 0;
background: url(images/imgbg.png) no-repeat top center;
} 
.imgcaption img { 
border: 1px solid #134c74; 
vertical-align:middle;
padding: 3px; 
margin: 0 10px 10px 10px; 
width:150px;
height: 120px;
background-color: #fff;
}

.imgblock2 {
width: auto;
height: auto;
margin: 0 0 0 0;
padding: 0 0 15px 0;
float: right;
}
.imgcaption2 {  
padding: 0; 
font: 9px Arial, sans-serif; 
width: 175px;
height: auto;
text-align: center;
padding: 5px 0 0 15px;
background: url(images/imgbg.png) no-repeat top center;
} 
.imgcaption2 img { 
border: 1px solid #134c74; 
vertical-align:middle;
padding: 3px; 
margin: 0 10px 10px 10px; 
width:150px;
height: 120px;
background-color: #fff;
}


ul.cessmenu {
margin:0;
padding: 7px 0 0 28px;
}
ul.cessmenu li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color: #111;
height: 26px;
width: 239px;
display: block;
padding: 0 0 0 0;
line-height: 2.0em;
font-weight: bold;
}	
ul.cessmenu li a, ul.cessmenu li a:visited {
background: url(images/menu_arrow.png) no-repeat right;
display: block;
width: 200px;
color: #f3f3f3;
height: 25px !important;
/* Start hide from IE Mac */
height: 1%;
/* End hide from IE Mac */	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
padding-left: 12px;
border-bottom: 1px solid #b3557e;
}	
ul.cessmenu li a:hover {
color: #111;
background: #fff;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
height: 25px !important;
width: 226px;
display: block;
padding-left: 12px;
border-bottom: 1px solid #b3557e;
}

ol.fleetlist {list-style-type:none; padding: 1.5em 0 0 0; margin-left: 200px;}
ol.fleetlist li {list-style-type:none; padding-bottom: 10px; margin: 0; font-size: 12px; color: #222; font-family: Arial, 'lucida sans unicode', 'Lucida Grande', sans-serif;}

ul.stafflist {margin: 0.5em 0 0 0; padding:0; height: 20px;}
ul.stafflist li {padding: 0; margin:0 15px 0 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px;}

span.staff_name {display: block; height: 16px; width: 150px; margin: 0; padding: 0; float: left; }
span.staff_position {display: block; height: 16px; width: 300px; margin: 0; padding: 0; float: left; }
span.staff_email {display: block; height: 16px; width: 127px; margin: 0; padding: 0; float: left; }

.imgtop {
border: none;
padding: 14px 0 1px 0;
background-color: #1c793c;
}

p.homeheader {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#1c793c;
margin: 0 0 0 0;
padding: 1em 0 0 0;
line-height: 1.3em;
}

/**************************************************************
	[ LOGIN FORM ]
**************************************************************/
.login_fset {
height: auto;
width: 430px;
padding: 25px 15px 25px 75px;
border: none;
}
.login_nput {
width: 300px;
font-family: Verdana, Helvetica, Arial;
font-size:12px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #1c7c3e;
border-left: 5px solid #1c7c3e;
height: 18px;
}
.login_label {  
float: left;
height: 20px;  
width: 8em;
margin: 0 5px 0 0;
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 12px;
vertical-align: top;
text-align: right;
padding: 1px 10px 1px 1px;
color: #fff;
background: #1c7c3e;
}
.login_tarea {
width: 300px;
height: 130px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #1c7c3e;
border-left: 5px solid #1c7c3e;
}
.login_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
cursor: pointer;
font-weight: bold;
padding: 4px 4px 4px 4px;
color: #111;
margin: 0 4px;
float: right;
}
select.login_sel {
width: 143px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:10px;
margin-bottom: 10px;
}

ol.contactlist {list-style-type:none; margin: 0 0 0 5px; padding:0 0 15px 0; display: block;}
ol.contactlist li {list-style-type:none; padding-bottom: 5px;}

div.loginhold {width:225px; height: auto; margin: 0; padding: 0 15px 0 0; float: left;}
div.loginhold2 {width:225px; height: auto; margin: 0; padding: 0 0 0 15px; float: left;}


/**************************************************************
	[ CHARTER FORM ]
**************************************************************/
.charter_fset {
height: auto;
width: auto;
padding: 25px;
border: none;
background: #ececec;
}
.charter_nput {
width: 150px;
font-family: Verdana, Helvetica, Arial;
font-size:12px;
margin: 0 10px 10px 0;
padding: 2px;
border: 1px solid #444;
border-left: 5px solid #444;
height: 18px;
float: left;
}
.charter_nput_sm {
width: 25px;
font-family: Verdana, Helvetica, Arial;
font-size:12px;
margin: 0 10px 10px 0;
padding: 2px;
border: 1px solid #444;
border-left: 5px solid #444;
height: 18px;
float: left;
}
.charter_label {  
float: left;
height: 20px;  
width: 8em;
margin: 0 5px 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
vertical-align: top;
text-align: right;
padding: 3px 10px 1px 1px;
color: #111;
font-variant: small-caps;
background: #cecece;
}
.charter_label2 {  
float: left;
height: auto;  
width: 8em;
margin: 0 5px 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
vertical-align: top;
text-align: right;
padding: 3px 10px 3px 1px;
color: #111;
font-variant: small-caps;
clear: left;
}
.charter_tarea {
width: 432px;
height: 75px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #444;
border-left: 5px solid #444;
}
.charter_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
cursor: pointer;
font-weight: bold;
padding: 4px 4px 4px 4px;
color: #111;
margin: 0 4px;
float: right;
}
select.charter_select {
width: 45px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:14px;
margin: 0 10px 10px 1px;
float: left;
}
select.charter_select2 {
width: 65px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:14px;
margin: 0 10px 10px 1px;
float: left;
}

p.formheader{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size:16px;
font-weight:bold;
margin: 0;
padding: 0;
line-height: 1.2em;
}
p.formheader2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size:14px;
font-weight:bold;
margin: 0;
padding: 5px 0 0 0;
line-height: 1.2em;
}
p.formtext{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #444;
font-size:12px;
margin: 0;
padding: 0;
line-height: 1.7em;
}
p.formtext2{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #444;
font-size:12px;
margin: 0;
padding: 0 25px 0 0;
line-height: 1.7em;
width: auto;
float: left;
}

.charterlist {list-style-type:none; margin: 0 0 0 5px; padding:20px 0 15px 0; display: block; clear: both;}
.charterlist li {list-style-type:none; padding-bottom: 5px;}
.charterlist2 {list-style-type:none; margin: 0 0 0 5px; padding:20px 0 15px 0; display: block; clear: both;}
.charterlist2 li {list-style-type:none; padding-bottom: 5px; width: 565px; clear: both; height: 24px;}

.band {padding: 10px; margin: 0; width: auto; border: 1px dashed #444; clear: both; height: 20px;}


/**************************************************************
	[ REPORT A PROBLEM ]
**************************************************************/
ol.reportlist {list-style-type:none; margin: 0 0 0 5px; padding:15px 0 15px 0; display: block; width: 430px;}
ol.reportlist li {list-style-type:none; padding-bottom: 5px;}

.report_fset {
height: auto;
width: auto;
padding: 15px 15px 15px 45px;
border-top: 1px solid #444;
margin-top: 10px;
border-left: none;
border-right: none;
border-bottom: 1px solid #444;
background: #ececec;
}
.report_nput {
width: 200px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #444;
border-left: 5px solid #444;
height: 18px;
}
.report_nput:hover {
width: 200px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #444;
border-left: 5px solid #444;
height: 18px;
background: #f7f7f7;
}
.report_label {  
float: left;
height: 20px;  
width: 8em;
margin: 0 5px 0 0;
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 12px;
vertical-align: top;
text-align: right;
padding: 1px 10px 1px 1px;
color: #111;
border: 1px solid #444;
background: #f7f7f7;
}
.report_tarea {
width: 300px;
height: 130px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
margin-bottom: 10px;
padding: 2px;
border: 1px solid #444 ;
border-left: 5px solid #444;
}
.report_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
cursor: pointer;
font-weight: bold;
padding: 4px 4px 4px 4px;
color: #111;
margin: 0 4px;
float: right;
}
select.report_sel {
width: 143px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:10px;
margin-bottom: 10px;
}

#groupnav, #groupnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
float: right;
}
#groupnav a {
    display: block;
    width: 7.5em;
font-size: 10px;
padding: 2px 0px 2px 6px;
text-decoration: none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
}
#groupnav a:link, #groupnav a:visited {color: #ccc;}
#groupnav a:hover {color: #fff;}



#groupnav li {
    float: left;
    width: 7.5em;
    background-color: #033555;
}


#groupnav li ul {
    position: absolute;
    width: 7.5em;
    left: -999em;
}
#groupnav li:hover ul {
    left: auto;
}

#groupnav li:hover ul, #groupnav li.sfhover ul {
    left: auto;
}