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

@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);
@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: 100%;
color: #222222;
background: #000;
}
a:link, a:visited{text-decoration: none; color: #2759b9;}
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;}

/* Clears Divs */
.clr{clear: both;}


/**************************************************************
	[ TEXT HEADERS ]
**************************************************************/
h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#f5f5f5;
font-weight:bold;
margin: 0;
line-height: 1.2em;
}
h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#fff;
line-height: 1.2em;
}
h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #013762;
margin: 0;
line-height: 0.8em;
background: url(../images/minibook.png) no-repeat top left;
padding-left: 19px;
padding-bottom: 10px;
border-bottom: 4px solid #95b450;
}
h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #013762;
margin: 0;
margin-bottom:5px;
line-height: 0.8em;
background: url(../images/minibook.png) no-repeat top left;
padding: 0 0 10px 19px;
border-bottom: 4px solid #3b60a9;
}
h5{
font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#fff;
}
h6{
font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#013762;
margin: 0;
line-height: 1.2em;
}
span.eventtitle{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#013762;
margin: 0;
line-height: 1.2em;
font-weight: bold;
display: block;
}


/**************************************************************
	[ MAIN LAYOUT DIVS ]
**************************************************************/
div#container {position:relative; margin:0; width:100%; background:#87a4de /* 87a4df */; height:auto !important; height:100%; min-height: 100%; } 
div#headerpane {width:801px; height: 106px; margin: 0 auto; padding: 0; background: url(../images/headertop_bg.jpg) repeat-x;}
div#display {width:827px; height: 230px; margin: 0 3px 0 3px; padding: 0; background: url(../images/display_bg.jpg) repeat-x;}
div#navigation {width:825px; height: 51px; margin: 0 auto; padding: 1px 0 0 0; background: url(../images/publib_nav_bg.jpg) repeat-x;}

div#top_hold {width:833px; height: 388px; margin: 0 auto; padding: 0; background: url(../images/publib_bg.png) repeat-y;}

div#content_top {width:801px; height: auto; margin: 0 auto; padding: 6px 16px 0 16px; background: url(../images/publib_bg.png) repeat-y;}
div#content_topper {width:801px; height: 12px; margin: 0 auto; padding: 0 16px 0 16px; background: url(../images/content_top.png) no-repeat top left;}
div#content_bottom {width:801px; height: auto; margin: 0 auto; padding: 10px 16px 203px 16px; background: url(../images/publib_bg.png) repeat-y;}
div#footerspan {position:absolute; margin:0; width:100%; height: 183px; bottom: 0; background: url(../images/footer_bg.jpg) repeat-x top;}

/**************************************************************
	[ HEADER AREA ]
**************************************************************/
div#header_left {width:272px; height: 106px; margin: 0; float: left;}
div#header_right {width:393px; height: 106px; margin: 0;  float: left; padding: 0 5px 0 130px;}

/**************************************************************
	[ DISPLAY AREA ]
**************************************************************/
div#display_left {width: 377px; height: 230px; margin: 0; float: left; background: url(../images/display_left.jpg) no-repeat left top;}
div#display_right {width: 400px; height: 190px; padding: 5px 20px 0 5px; float: left; background: url(../images/displayright.jpg1) no-repeat left top;  overflow: hidden;}
div#display_mid {width: 25px; height: 230px; margin: 0; padding: 0; float: left; background: url(../images/displaymid.jpg) no-repeat top;}

p.choose {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
line-height:1.2em;
margin:0;
padding:0;
color: #eaeaea;
}
span.regionlist {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:10px;
line-height:1.2em;
margin:0;
padding:10px 50px 0 0;
color: #c8e784;
float: right;
}
span.regionlist a:link, span.regionlist a:visited {text-decoration: underline; color: #c8e784;}
span.regionlist a:hover {text-decoration: underline; color: #fff;}

.libselect_fset {
height: auto;
width: auto;
padding:15px 0 0 0;
border: none;
margin: 0;
}
.libselect_input {
width: 160px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border-top: 2px solid #b8b8ba;
border-left: 2px solid #b8b8ba;
border-bottom: 2px solid #b8b8ba;
border-right: none;
height: 16px;
float: left;
color: #111;
}
.libselect_input:hover {
width: 160px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border-top: 2px solid #b8b8ba;
border-left: 2px solid #b8b8ba;
border-bottom: 2px solid #b8b8ba;
border-right: none;
height: 16px;
float: left;
background: #dae7f3;
color: #111;
}
.libselect_label {   
width: auto;
height: auto;
margin: 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
padding: 27px 27px 0 0;
color: #fff;
font-weight: bold;
display: block;
text-align: right;
}
select.libselect {
width: 170px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border: 1px solid #b8b8ba;
height: 18px;
float: left;
color: #111;
}
select.libselect:hover {
width: 170px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border: 1px solid #b8b8ba;
height: 18px;
float: left;
color: #111;
}
select.libselect2 {
width: 150px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border: 1px solid #b8b8ba;
border-right: none;
height: 22px;
float: left;
color: #111;
padding: 0 0 0 0;
}

.spotlight_holder img {
//width:335px;
width:329px;
//height:152px;
height:200px;
padding: 1px;

float: left;
}
.spotlight_holder{
width:335px;
height:152px;
padding: 10px 0 0 35px;
display: block;
float: left;
position: absolute;
}

a:link.thumb img, a:visited.thumb img {border: 1px solid #013762;}
a:hover.thumb img {border:1px solid #fff;}

.spot_text {
width: 325px;
height: 40px;
overflow: hidden;
float: left;
position: absolute;
background: url(../images/onepix.png) repeat;
/*
background-color: #000;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;
*/
display: block;
margin: 154px 0 0 5px;
padding: 2px 5px 2px 5px;
border-top: 1px solid #111;
}
span.h8{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:9px;
color:#95b450;
font-weight: bold;
}
span.h9{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#fff;
}
span.h10{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:12px;
color:#edca40;
}
span.h11{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
width: auto;
display: block;
color: #95b450;
font-weight: bold;
margin: 0;
padding-top: 5px;
line-height: 1.2em;
border-bottom: 2px solid #95b450;
}
span.h12{
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
color: #f3f3f3;
font-weight: bold;
margin: 0;
line-height: 1.2em;
}
.spot_text_left {
width: 152px;
height: 40px;
overflow: hidden;
float: left;
border-right: 1px solid #000;
padding-left: 5px;
padding-right: 4px;
}
.spot_text_right {
padding-left: 5px;
width: 157px;
height: 40px;
overflow: hidden;
float: left;
}

/**************************************************************
	[ Library Info Mod ]
**************************************************************/
div.libinfo_hold {width: 420px; margin: 0; padding: 0;}
div.libinfo_left {width: 120px; margin-left: 2px; padding: 0; float: right; color: #f3f3f3; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
div.libinfo_right {width: 275px; margin: 0; padding: 0 0 0 5px; float: left; color: #ffffff; font-size: 12px;}



/**************************************************************
	[ CONTENT AREA (TOP) ]
**************************************************************/
div#content_left {width: 235px; height: auto; margin: 0 15px 0 0; float: left;}
div#content_left_top {width: 235px; height: 8px; margin: 0; background: #fff url(../images/cataloguebox_top.jpg) no-repeat bottom left;}
div#content_left_mid {width: 205px; min-height: 250px; margin: 0; background: #fff url(../images/cataloguebox_bg.jpg) repeat-y; padding: 14px 15px 20px 15px;}
div#content_left_bot {width: 235px; height: 8px; margin: 0; margin-bottom:0px; background: #fff url(../images/cataloguebox_bot.jpg) no-repeat top left;}

div#content_mid {width: 268px; height: auto; margin: 0 25px 0 0; float: left;}
div#content_right {width: 268px; height: auto; margin: 0; float: left;}

div#articlebox {width: 551px; height: auto; margin: 0; float: left;}
div.articlebox_top {width: 551px; height: 9px; margin: 0; background: #fff; }
div.articlebox_mid {width: 521px; height: auto; margin: 0; background: #fff;  padding: 14px 15px 20px 15px;}
div.articlebox_bot {width: 551px; height: 9px; margin: 0; margin-bottom:2px; background: #fff;}

.topbox_top {width: 268px; height: 9px; margin: 0; background:#000 url(../images/topbox_top.jpg) no-repeat bottom left;}
.topbox_mid {width: 228px;  height: 248px; margin: 0; background:  url(../images/topbox_mid.jpg) repeat-y; padding: 15px 20px 20px 20px;}


.topbox_mid p {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #000;
}
.topbox_bot {width: 268px; height: 8px; margin: 0; background: #000 url(../images/topbox_bot.jpg) no-repeat top left;}


span.title{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#013762;
font-weight: bold;
}
span.author{
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:12px;
color:#111;
}
.book_info {
width: 154px;
height: 80px;
float: left;
margin: 0;
padding: 5px 0 0 10px;
}
.book_holder {
width: 54px;
height: 80px;
float: left;
margin: 0;
padding-left: 10px;
}
.book_holder img {
width:50px;
height:76px;
border: 3px solid #fff;
}

a:link.thumb img, a:visited.thumb img {border: 1px solid #014070;}
a:hover.thumb img {border:1px solid #fff;}

.minipics img {
width:50px;
height:50px;
padding: 1px;
background: #f8f8f8;
}
.morelibraries a {
  float:left;
  
  width:275px;
  text-decoration:none;
  font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
  font-size:12px;
  color:#FFFFFF;
  margin-top:5px;
  border-bottom:3px solid #95b450;
}


a:link.thumb2 img, a:visited.thumb2 img {border: 1px solid #013762;}
a:hover.thumb2 img {border:1px solid #fff;}

/**************************************************************
	[ SUBCONTENT AREA ]
**************************************************************/
div#subcontent_left {width: 364px; height: auto; margin: 0 17px 0 0; float: left;}
div#subcontent_left_top {width: 364px; height: 8px; margin: 0; background: #fff url(../images/bottombox_left_top.jpg) no-repeat bottom left;}
div#subcontent_left_mid {width: 324px; height: auto; margin: 0; background: #fff url(../images/bottombox_left_bg.jpg) repeat-y; padding: 15px 20px 20px 20px;}

div#subcontent_left_mid pg {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #000;
}
div#subcontent_left_bot {width: 364px; height: 8px; margin: 0; background: #fff url(../images/bottombox_left_bot.jpg) no-repeat top left;}

div#subcontent_right {width: 420px; height: auto; margin: 0 0 0 0; float: left;}
div#subcontent_right_top {width: 420px; height: 8px; margin: 0; background: #fff url(../images/bottombox_right_top.jpg) no-repeat bottom left;}
div#subcontent_right_mid {width: 380px; height: auto; margin: 0; background: #fff url(../images/bottombox_right_bg.jpg) repeat-y; padding: 15px 20px 20px 20px;}

div#subcontent_right_mid p {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.6em;
margin:1em 0 1em 0;
padding: 0;
color: #000;
}
div#subcontent_right_bot {width: 420px; height: 8px; margin: 0; background: #fff url(../images/bottombox_right_bot.jpg) no-repeat top left;}

.bookblock {
width: 106px;
height: auto;
float: left;
margin: 0 10px 0 10px;
padding-top: 1em;
}
.bookblock img {
width:60px;
height:91px;
border: 3px solid #fff;
}
.mod_events_latest_callink {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:10px;
width: 314px;
height: 23px;
display: block;
background: url(../images/eventbar.jpg) no-repeat top left;
margin-top: 1em;
color: #013762;
padding: 6px 0 0 10px;
}
.mod_events_latest_callink a:link, .mod_events_latest_callink a:visited {color: #fff; text-decoration: underline; font-size: 10px; background: none;}
.mod_events_latest_callink a:hover {color: #3b60a9; text-decoration: underline; font-size: 10px; background: none;}

p.eventtext {
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:14px;
width: auto;
padding: 0 0 0 90px;
margin: 0;
}
span.eventblock {
font-family: Arial, Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight: bold;
color: #f7f7f7;
width: 67px;
height: 56px;
background: url(../images/eventdateblock.jpg) no-repeat top left;
float: left;
margin-top: 10px;
text-align: center;
padding: 12px 8px 5px 8px;
}

.mod_events_latest {border-bottom: 1px solid #7a94c9;}
.mod_events_latest_first {border-bottom: 1px solid #7a94c9;}

/**************************************************************
	[ FOOTER AREA ]
**************************************************************/
div#footer {width:800px; height: 171px; margin: 0 auto;  padding: 12px 30px 0 30px;}
div.footer_block {width: 178px; height: 136px; margin: 0 8px 0 0; float: left;}
div.footer_right {width: 242px; height: 136px; margin: 0; float: left; background: url(../images/footer_card.png) no-repeat top right;}

p.footer_title {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.2em;
font-weight: bold;
margin: 0;
padding: 10px 0 0 15px;
color: #98afdb;
}
p.footercontact {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.2em;
margin: 0;
padding: 10px 0 0 15px;
color: #f9f9f9;
}
p.footercontact2 {
font-family: "Trebuchet MS", 'Lucida Grande', 'lucida sans unicode', Arial, sans-serif;
font-size:12px;
line-height:1.2em;
margin: 0;
padding: 10px 0 0 15px;
color: #f9f9f9;
}

ul.footer_list {
margin:0 auto;
padding: 4px 0 0 0;
}
ul.footer_list li {
margin: 1px 1px 1px 1px;
padding:0 0 1px 0;
list-style: none;	
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:11px;
color: #f7f7f7;
display: block;
height: 16px;
}	
ul.footer_list li a, ul.footer_list li a:visited {
width: auto;
color: #113d92;	
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:11px;
display: block;
height: 16px;
padding: 0 0 0 5px;
background: #98afdb;
}	
ul.footer_list li a:hover {
color: #333;
text-decoration:none;
font-family: 'lucida sans unicode', 'Lucida Grande', Arial, sans-serif;
font-size:11px;
display: block;
height: 16px;
padding: 0 0 0 5px;
background: #f7f7f7;
}

/**************************************************************
	[ LISTS ]
**************************************************************/
ol.linklist3 {list-style-type:none; padding: 1em 0 0 17px;}
ol.linklist3 li {list-style-type:square; padding-bottom: 15px; margin: 0; font-size: 12px; color: #013762; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.linklist3 a:link, ol.linklist3 a:visited {color: #304e87; text-decoration: none; border-bottom: 1px dotted #304e87; line-height: 1.2em;}
ol.linklist3 a:hover {color: #fff;  text-decoration: none; border-bottom: 1px solid #fff; line-height: 1.2em;}

ol.cataloguelist {list-style-type:none; padding: 2em 0 0 15px;}
ol.cataloguelist li {list-style-type:none; background: url(../images/rightarrow.png) no-repeat top left; padding: 0 0 15px 25px; margin: 0; font-size: 14px; color: #013762; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif; line-height: 1.2em;}
ol.cataloguelist a:link, ol.cataloguelist a:visited {color: #304e87; text-decoration: none; border-bottom: 1px dotted #304e87; line-height: 1.2em;}
ol.cataloguelist a:hover {color: #fff;  text-decoration: none; border-bottom: 1px solid #fff; line-height: 1.2em;}

ol.bookdisplay {list-style-type:none; padding: 2em 0 0 0;}
ol.bookdisplay li {list-style-type:none; margin: 0; display: block; padding-bottom: 10px; width: 228px; height: 80px;}
ol.bookdisplay a:link, ol.bookdisplay a:visited {color: #304e87; text-decoration: none; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif;}
ol.bookdisplay a:hover {color: #fff; text-decoration: none; font-family: 'lucida sans unicode', 'Lucida Grande', sans-serif;}

/**************************************************************
	[ FORMS ]
**************************************************************/
ol.formlist {list-style-type:none; margin: 0 0 0 5px; padding:5px 0 15px 0; display: block;}
ol.formlist li {list-style-type:none; margin-bottom: 1px;}

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

/**
***[Catalogue Search]*******
****************************/
.howto_fset {
height: auto;
width: auto;
padding:10px 0 0 5px;
border: none;
margin: 0;
}
.catalogue_fset {
height: auto;
width: auto;
padding:26px 0 0 5px;
border: none;
margin: 0;
}
.catalogue_input {
width: 160px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border-top: 1px solid #b8b8ba;
border-left: 1px solid #b8b8ba;
border-bottom: 1px solid #b8b8ba;
border-right: none;
height: 18px;
float: left;
color: #111;
}
.catalogue_input:hover {
width: 160px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border-top: 1px solid #b8b8ba;
border-left: 1px solid #b8b8ba;
border-bottom: 1px solid #b8b8ba;
border-right: none;
height: 18px;
float: left;
background: #dae7f3;
color: #111;
}
.catalogue_label {   
width: 90px;
height: 18px;
margin: 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
color: #444;
font-weight: bold;
display: block;
float: left;
}
.gobutton {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/go_button_off.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 27px;
height: 22px;
float: left;
border: none;
}
.gobutton:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/go_button_on.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 27px;
height: 22px;
float: left;
border: none
}

/**
***[Basic Form]*************
****************************/
.form_fset {
height: auto;
width: auto;
padding:10px;
border: 1px solid #565656;
margin: 0;
}
.form_input {
width: 200px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border: 1px solid #565656;
height: 18px;
color: #111;
padding-top: 2px;
}
.form_input:hover {
width: 200px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:11px;
border: 1px solid #565656;
height: 18px;
color: #111;
padding-top: 2px;
background: #dae7f3;
}
.form_label {
height: 16px;
margin: 0 3px 0 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
color: #111;
display: block;
margin-top: 3px;
line-height: 1.5em;
padding-bottom: 2px;
}
.submitbutton {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/submit_on.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 91px;
height: 22px;
border: none;
color: #fff;
padding-bottom: 2px;
}
.submitbutton:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/submit_off.png) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 91px;
height: 22px;
border: none;
color: #111;
padding-bottom: 2px;
}


div#menu {
	width:800px;
	height: 49px;
	margin: 0 auto;
	color: #333;	
	font: 12px Arial, 'lucida sans unicode', 'Lucida Grande', "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	padding: 0 0 0 0;
	}
	#menu a{
		color: #333;
		text-decoration: none;
	}
	#menu a:hover {
		color: #333;
	}

.nav {
	margin: 0 auto;
	padding: 0;
	height: 23px;
}
.nav ul {
	height: 23px;
	float: left;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
.nav li {
	float: left;
	padding: 0 1px;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 23px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(menu/menuleft.png) no-repeat left top;
	width: 5px;
	height: 23px;
	line-height: 20px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(menu/menumid.png) repeat-x top left;
	height: 23px;
	line-height: 20px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(menu/menuright.png) no-repeat top left;
	width: 5px;
	height: 23px;
	line-height: 20px;
	display: block;
	float: left;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -23px;
	line-height: 20px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #fff;
	background: #fff;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 23px;
	left: 1px;
	background: #3b60a9 url(menu/submenu_top.png) no-repeat;
	width: 174px;
	padding-top: 6px;
}
.nav li ul {
	background: #fff url(menu/submenu_bg.png) repeat-y;
	width: 170px;
	height: auto;
	margin: 0;
	padding: 0 2px 10px 2px;
	list-style: none;
	font-size: 12px;
}

.nav li:hover li,
.nav li.active li {
	width: 162px;
	padding: 1px 0 1px 0;
	border-bottom: 1px #ccc dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #fff;
	background: none !important;
	line-height: normal;
	width: 160px;
	padding: 3px 3px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #eceef1 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #013762 !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(menu/submenu_bottom.png) no-repeat;
	width: 170px;
	height: 6px;
	overflow: hidden;
	clear: both;
}
#mod_col1 {
	width:235px;
        float:left;

}
#mod_col2 {
        width:268px;
        float:left;
        margin-left:10px;
        }
#mod_col3 {
        width:370px;
        float:left;
        margin-left:10px;
       }
	   
.newslist {
			list-style-image:url(../images/minibook.png);
			line-height:20px;
			margin-left:25px;
			color:#000;
}
.newslist a {
			color:#000;
	}
.newslist a:hover {
			color:#000;
			text-decoration:underline;
}