/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	Scranton Library.com
Version:	1.0
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL FONT CONSISTENCY 
3. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
4. GLOBAL LAYOUT
5. TOP SECTION
6. MIDDLE SECTION
7. FOOTER SECTION
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,f,h4,h5,h6,h7,pre,form,label,fieldset,input,textarea,p,blockquote,th{ 
margin:0;
padding:0;
}
fieldset,img { 
border:0;
padding:0px;
margin:0px;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6,h7 {
font-size:100%;
font-weight:normal;
font-family:Tahoma,"Trebuchet MS",Arial,"Times New Roman", Times, serif;
}
/*---------------------------------------------------------------------------------
2. GLOBAL FONT CONSISTENCY 
---------------------------------------------------------------------------------*/
a
{
text-decoration:none;
outline:none;
}
a:hover
{
text-decoration:underline;
}
img
{
border:none;
}
/*---------------------------------------------------------------------------------
3. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
p {
color: #686868;
margin: 0px 0px 7px 0px;
color:#333333;
text-align:justify;
line-height:21px;
font-size:12px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
h1 {
/*24px via YUI Fonts CSS foundation*/
font-size:31px;
font-weight:normal;
font-family:Tahoma,Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
h2 {
font-size:29px;
font-weight:normal;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:18px;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
line-height:18px;
}
h4 
{
font-size:16px;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
}
h5
{
font-size:15px;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
}
h6
{
font-size:14px;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,h7,strong
{
/*bringing boldness back to headers and the strong element*/
color: #a90a09;
}
hr
{
border:0;
clear:both;
height:9px;
border-bottom:9px solid #b7b7b7;
margin:0 0 15px 0;
padding:0;
}
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
body 
{
margin-right: auto; /* this centres the body */
margin-left: auto;  /* this centres the body */
margin-top: 0;
padding: 0;
width: 100%;
font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#686868;
background-color:#3f3f3f;
border:0px;
line-height:17px;
}
/*---------------------------------------------------------------------------------
5. TOP SECTION
---------------------------------------------------------------------------------*/
.top_bg
{
background:url(../images/bg_top.gif)  left;
width:800px;
height:204px;
}
.toplinks
{
width:778px;
overflow:hidden;
margin-left:22px;
}
.toplinks ul
{
padding:0px;
margin:0px;
list-style:none;
}
.toplinks ul li
{
padding:0px;
margin:0px;
list-style:none;
float:left;
}
.toplinks ul li a
{
text-decoration:none;
display:block;
color:#FFFFFF;
font-size:13px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(../images/bg_linksright.gif)  right no-repeat;
padding:15px 23px 15px 23px;
}
.toplinks ul li a:hover,.toplinks ul li .selected
{
text-decoration:none;
background-color:#3f3f3f;
}
.vote
{
font-size:25px;
color:#034614;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
float:left;
display:block;
font-weight:bold;
padding-right:2px;
}
/*---------------------------------------------------------------------------------
6. MIDDLE SECTION
---------------------------------------------------------------------------------*/
.bg_leftsect
{
background:url(../images/bg_leftsection.gif) top left repeat-x #f7f7f7;
}
.bg_rightsect
{
background:url(../images/bg_rightsec.gif) top left no-repeat;
width:523px;
padding:15px 15px 0px 18px;
} 
.more
{
background:url(../images/icn_more.gif) no-repeat 28px 3px;
text-decoration:underline;
color:#2daa4f;
font-weight:bold;
display:block;
width:42px;
float:left;
padding-left:28px;
}
.more:hover
{
text-decoration:none;
}
.more2
{
background:url(../images/icn_more.gif) no-repeat 0px 3px;
text-decoration:underline;
color:#2daa4f;
font-weight:bold;
display:block;
width:42px;
float:left;
}
.more2:hover
{
text-decoration:none;
}
.linklist
{
overflow:hidden;
width:456px;
text-align:left;
margin-left:25px;
}
.linklist ul
{
list-style:none;
padding:0px;
margin:0px;
}
.linklist ul li
{
padding:3px 0px 0px 3px;
margin:0px;
background:url(../images/icn_ticsmall.gif) no-repeat;
display:block;
}
.linklist ul li a
{
color:#a63a2c;
text-decoration:underline;
font-weight:bold;
padding-left:16px;
}
.linklist ul li a:hover
{
text-decoration:none;
}
.list
{
overflow:hidden;
width:490px;
text-align:left;
margin-left:25px;
}
.list ul
{
list-style:none;
padding:0px;
margin:0px;
}
.list ul li
{
padding:3px 0px 0px 22px;
margin:0px;
background:url(../images/icn_ticsmall.gif) no-repeat;
display:block;
color:#313131;
margin-bottom:3px;
}
.list2
{
overflow:hidden;
width:720px;
text-align:justify;
margin-left:25px;
}
.list2 ul
{
list-style:none;
padding:0px;
margin:0px;
}
.list2 ul li
{
padding:3px 0px 0px 22px;
margin:0px;
background:url(../images/icn_ticsmall.gif) no-repeat;
display:block;
color:#313131;
margin-bottom:3px;
}
.bg_top
{
background:url(../images/inner_bgtop.gif) top left no-repeat;
width:752px;
padding:25px 20px 0px 28px;
}
.tableborder
{
border:1px solid #2c9d4b;
}
.tableborder3
{
border:1px solid #CCCCCC;
}
.pad3
{
padding:5px;
}
.pad4
{
padding:5px;
background-color:#F9F9F9;
}
.textbox
{
background-color:#F8F8F8;
border:1px solid #CCCCCC;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
height:25px;
width:200px;
font-size:15px;
padding:5px 0px 0px 3px;
}
.textarea
{
background-color:#F8F8F8;
border:1px solid #CCCCCC;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
height:65px;
width:270px;
font-size:15px;
padding:5px 0px 0px 3px;
}
.btn
{
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width:100px;
background-color:#2a9948;
border:1px solid #32aa53;
height:25px;
}
.redbold
{
font-weight:bold;
color:#a93331;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
font-size:12px;
}
.rednarrow
{
color:#a93331;
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}
.imgborder
{
border:2px solid #095d20;
}
.red
{
color:#990000;
}
.greenbold
{
font-size:11px;
color:#095d20;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.greenbold2
{
font-size:12px;
color:#095d20;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.greenbold3
{
font-size:19px;
color:#095d20;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.redbold2
{
font-size:19px;
color:#a90a09;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.redbold3
{
font-size:12px;
color:#a90a09;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.boldlink
{
font-size:13px;
color:#095d20;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.boldlink:hover
{
text-decoration:none;
}
.redboldlink
{
font-size:12px;
color:#a90a09;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
text-decoration:none;
}
.redboldlink:hover
{
text-decoration:underline;
}
.blackbold
{
font-size:11px;
color:#333333;
font-weight:bold;
line-height:18px;
font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.mainlinks
{
font-size:16px;
font-family:"Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:underline;
color:#a93331;
font-weight:bold;
}
.mainlinks:hover
{
text-decoration:none;
}
.blacksmalltext
{
font-size:11px;
color:#333333;
padding-right:10px;
}
/*---------------------------------------------------------------------------------
7. FOOTER SECTION
---------------------------------------------------------------------------------*/
.footertext
{
padding-right:10px;
font-size:10px;
color:#FFFFFF;
}
.footerlink
{
padding-left:10px;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}
.footerlink:hover
{
text-decoration:none;
}