@charset "utf-8";
/*
PCS CSS by Ryan Tavenor
-----------------------
Website: www.nlpl.ca
Last Modified: June 01, 2009
Author: Ryan Tavenor
*/

@import url("css_reset.css");
@import url("unitip.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: #fff;
}
a:link, a:visited{text-decoration: none; color: #01497e;}
a:hover{color: #0472bc; 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;}

/**************************************************************
	[ TEXT HEADERS ]
**************************************************************/
h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#0161b7;
font-weight:bold;
margin: 0;
line-height: 0.8em;
}
h2{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:18px;
color:#f1f1f1;
margin: 0;
line-height: 1em;
}
h3{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#f1f1f1;
font-weight: bold;
margin: 0;
line-height: 1em;
}
h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#565656;
font-weight:bold;
}
h5{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#fff;
margin: 0;
line-height: 1em;
}
h6{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#565656;
margin: 0;
padding-left: 6px;
line-height: 1em;
}

/**************************************************************
	[ MAIN LAYOUT DIVS ]
**************************************************************/
div#container {position:relative; margin:0; width:100%; background: #484540 url(images/cessna_pagebg.jpg) repeat-x top; height:auto !important; height:100%; min-height: 100%;}
div#header {width:920px; height: 103px; margin: 0 auto; background: url(images/header_notch.jpg) no-repeat bottom right;}
div#display {width:920px; height: 155px; margin: 0 auto; background: url(images/display_bg.jpg) no-repeat top left; padding-top: 34px;}
div#contentspan {width: 100%; height: auto; margin: 0; background: #fff url(images/content_bg.jpg) repeat-x top;}
div#contentarea {width: 920px; height: auto; margin: 0 auto; padding: 20px 0 10px 0;}
div#subcontent {width: 100%; height: auto; margin: 0; background: #494641 url(images/subcontent_bg.jpg) repeat-x top; padding-bottom: 130px;}
div#subcontentarea {width: 920px; height: auto; margin: 0 auto; background: url(images/subcontent_notch.jpg) no-repeat top left;}
div#footerspan {width:100%; height: 130px; margin: 0; position:absolute; bottom: 0; background: #35312f;}
div#footer {width:920px; height: 130px; margin: 0 auto;}

/**************************************************************
	[ HEADER AREA ]
**************************************************************/
div#header_left {width:450px; height: 103px; margin-left: 10px; background: url(images/evas_cessna.jpg) no-repeat top left; float: left;}
div#header_right {width:460px; height: 103px; margin: 0 auto; float: right;}

span.headerslogan {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:16px;
color:#fff;
font-weight:bold;
margin: 0;
float: right;
padding-top: 36px;
letter-spacing: 0.25em;
}

/**************************************************************
	[ DISPLAY AREA ]
**************************************************************/
div.yellowbox {width: 154px; height: 121px; margin: 0; background: url(images/yellowbox.png) no-repeat top left; float: right;}
div.greenbox {width: 146px; height: 121px; margin: 0; background: url(images/greenbox.png) no-repeat top left; float: right;}
div.orangebox {width: 149px; height: 121px; margin: 0; background: url(images/orangebox.png) no-repeat top left; float: right;}

span.morelink {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
margin: 0;
float: right;
height: 20px;
width: 137px;
display: block;
}
span.morelink a:link, span.morelink a:visited {text-decoration: none; color: #fff; float: right; padding-right: 16px;}
span.morelink a:hover {text-decoration: underline; color: #484540; float: right;}

span.tabinfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
margin: 0;
float: right;
height: 56px;
width: 137px;
display: block;
padding-top: 32px;
}

/**************************************************************
	[ CONTENT AREA ]
**************************************************************/
div#menu {width: 250px; height: auto;  margin: 0 auto; float: left; padding-right: 10px;}
div#content {width: 660px; height: auto; margin: 0 auto; float: left;}

div.content_block {width: 231px; height: auto; margin: 0 1px 0 1px; float: left; padding: 0 10px 0 10px;}
div.content_right {width: 141px; height: 160px; margin: 0 1px 0 1px; float: left; padding: 5px 0 0 10px; background: url(images/bluebox.png) no-repeat top right;}
div.content_left {width: 640px; height: auto; margin: 0; float: left; padding: 0 10px 0 10px;}

div.content_block p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #222;
}

/**************************************************************
	[ MENU ]
**************************************************************/
ul.cessmenu {
margin:0;
padding: 0 0 0 30px;
}
ul.cessmenu li {
margin: 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
color: #111;
height: 24px;
width: 200px;
display: block;
border-bottom: 1px dotted #9b968c;
padding: 6px 0 5px 10px;
line-height: 1.7em;
}	
ul.cessmenu li a, ul.cessmenu li a:visited {
background: url(images/cessmenu_off.png) no-repeat right;
display: block;
width: 200px;
color: #0161b7;
height: 24px !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:14px;
}	
ul.cessmenu li a:hover {
color: #111;
background: url(images/cessmenu_on.png) no-repeat right;
text-decoration:underline;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
height: 24px !important;
width: 200px;
display: block;
}

/**************************************************************
	[ SUBCONTENT AREA ]
**************************************************************/
div#subleft {width: 234px; height: 331px;  margin: 0 auto; float: left; padding: 50px 40px 0 30px;}

p.email_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1em;
margin:1em 0 0 1em;
padding-left: 24px;
color: #999;
background: url(images/mailicon.png) no-repeat top left;
}
p.email_nfo a:link, p.email_nfo a:visited {color: #999; text-decoration: none; border-bottom: 1px dotted #999;}
p.email_nfo a:hover {color: #f8f8f8;  text-decoration: none; border-bottom: 1px solid #f8f8f8;}

p.phone_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1em;
margin:0.5em 0 0 1em;
padding-left: 24px;
color: #999;
background: url(images/phoicon.png) no-repeat top left;
}
p.mail_nfo {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
line-height:1.5em;
margin:1em 0 0 1em;
color: #bdaf8f;
}

div#subright {width: 616px; height: 381px; margin: 0 auto; float: left; background: url(images/picholder.jpg) no-repeat top right;}
div#picholder {width: 616px; height: 181px; margin: 0 auto;}

ul.himg_list {list-style-type:none; display:block; margin:0; padding: 32px 0 0 12px;}
ul.himg_list li {display:inline; margin-right: 6px;}

img.hlist {
width:127px;
height:96px;
overflow:hidden;
background: #f9f9f9;
padding: 1px;
}
a:link.thumb img, a:visited.thumb img {border:6px solid #999;}
a:hover.thumb img {border:6px solid #e5ecef;}

.content_block img {
background: #f9f9f9;
padding: 1px;
border: 10px solid #c9d8dd;
}

div#testimonials {width: 416px; height: 200px; margin: 0 auto; float: left; background: url(images/commentbox.jpg) no-repeat top right;}

div#testimonials p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:1.6em;
margin:1.5em 0 1em 0;
padding: 0;
color: #fff;
padding-right: 90px;
font-style: italic;
}

span.name {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#bdaf8f;
font-weight:bold;
margin: 0;
height: 20px;
width: 320px;
display: block;
padding-right: 96px;
text-align: right;
}

b.bigger {font-size: 18px; font-weight: bold;}

div#linkblock {width: 165px; height: 185px; margin: 0 auto; float: left; padding: 15px 20px 0 15px;}

ol.linklist {list-style-type:none; padding: 1em 0 0 15px;}
ol.linklist li {list-style-type:circle; padding-bottom: 8px; margin: 0; font-size: 12px; color: #999; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.linklist a:link, ol.linklist a:visited {color: #999; text-decoration: none; border-bottom: 1px dotted #999; line-height: 1.2em;}
ol.linklist a:hover {color: #f8f8f8;  text-decoration: none; border-bottom: 1px solid #f8f8f8; line-height: 1.2em;}

ol.linklist2 {list-style-type:none; padding: 0 0 0 22px;}
ol.linklist2 li {list-style-type:circle; padding-bottom: 8px; margin: 0; font-size: 12px; color: #999; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.linklist2 a:link, ol.linklist2 a:visited {color: #01497e; text-decoration: none; border-bottom: 1px dotted #01497e; line-height: 1.2em;}
ol.linklist2 a:hover {color: #0472bc;  text-decoration: none; border-bottom: 1px solid #0472bc; line-height: 1.2em;}

/**************************************************************
	[ FOOTER AREA ]
**************************************************************/
div#footer_left {width: 304px; height: 130px;  margin: 0 auto; float: left; padding: 0 0 0 0; background: url(images/pcsfooter_bg.jpg) no-repeat bottom center;}

div#footer_left p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:11px;
line-height:1.6em;
margin:50px 0 0 0;
padding: 0 45px 0 45px;
color: #999;
}
div#footer_left p a:link, div#footer_left p a:visited {color: #bdaf8f; text-decoration: none;}
div#footer_left p a:hover {color: #f8f8f8;  text-decoration: none;}

div#footer_right {width: 616px; height: 130px; margin: 0 auto; float: left;}

div#footer_right p {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
margin:50px 0 0 0;
padding: 0 0 0 30px;
color: #999;
text-align: right;
}
div#footer_right p a:link, div#footer_right p a:visited {color: #bdaf8f; text-decoration: none;}
div#footer_right p a:hover {color: #f8f8f8;  text-decoration: none;}

/**************************************************************
	[ FORM STUFF ]
**************************************************************/
ol.mail_formlist {list-style-type:none; margin: 0; padding:0;}
ol.mail_formlist li {list-style-type:none; padding:0 13px 10px 0; display: block; height: 16px;}

.mlist_fset {
height: auto;
width: auto;
padding:10px 0 0 10px;
border: none;
margin: 0;
}
.mlist_input {
width: 115px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:10px;
border: 1px solid #199097;
height: 16px;
float: left;
color: #111;
}
.mlist_input:hover {
width: 115px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:10px;
border: 1px solid #199097;
height: 16px;
float: left;
background: #dae7f3;
color: #111;
}
.mlist_label {   
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
font-weight: bold;
margin: 0;
padding: 0 0 0 10px;
}
.mlist_button {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_off.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #fff;
}
.mlist_button:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_on.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #1a80db;
}

.imglist_button {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_off.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #fff;
margin: 14px 14px 0 0;
}
.imglist_button:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(images/mlist_button_on.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 76px;
height: 18px;
float: right;
border: none;
color: #1a80db;
margin: 14px 14px 0 0;
}

/*************************************************************
<- [FORMS] - Comment Form: ->
*************************************************************/
ol.comm_formlist {list-style-type:none; margin: 0; padding:0;}
ol.comm_formlist li {list-style-type:none; padding:0 0 5px 0;}


.comment_fset {
height: auto;
width: auto;
padding:5px 5px 15px 5px;
border: none;
background: #c9d8dd;
}

.comment_fset2 {
height: auto;
width: auto;
padding:5px 5px 15px 5px;
border: none;
background: #0161b7;
}

.comment_nput {
width: 200px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
padding: 2px;
border: 1px solid #6e7071 ;
height: 14px;
}

.comment_tarea {
width: 210px;
height: 130px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
padding: 2px;
border: 1px solid #6e7071 ;
}

.comment_label {  
width: auto;
margin:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
padding: 3px 0 0 0;
color: #000;
}

.comment_label2 {  
width: auto;
margin:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
padding: 3px 0 0 0;
color: #fff;
}

.comment_button {
width: 6em;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 240px;
cursor: pointer;
font-weight: bold;
padding: 4px 4px 4px 4px;
background: #0c0c0c;
border: 1px solid #6e7071 ;
color: #fff;
}
select.comment_sel {
width: 143px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:10px;
margin-bottom: 10px
}

.formtitle{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#0161b7;
margin: 0;
padding: 0;
}

.comm_title {
display: block;
width: auto;
height: auto;
padding: 5px 5px 5px 0;
margin: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999;
font-weight: bold;
}

.comm_body {
display: block;
width: auto;
height: auto;
padding: 5px 5px 8px 5px;
margin: 0;
background: #c9d8dd;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size: 11px;
color: #444;
border-bottom: 6px solid #ececec;
}

span.errormsg {
display: block;
width: 200px;
height: auto;
padding: 5px 5px 8px 5px;
margin: 0;
background: #ccc;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size: 11px;
color: #444;
border-left: 4px solid #999;
}

span.successmsg {
display: block;
width: 200px;
height: auto;
padding: 5px 5px 8px 5px;
margin: 0;
background: #ccc;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size: 11px;
color: #444;
border-left: 4px solid #999;
}