/* CSS Document */
/*
#AEF307 is the green color
#4A708B is the darkest blue
#5D92B1 is the med grey blue
#8DB6CD is the lightest one
#EE8822 is the orange
#ffcc33 is the yellow
*/

img
{  border-style: none;
}

/*
.open1 {
	display: block;
	}
.closed1 {
	display: none;


	}
*/
#mycontrol .gs-bookResult .gs-pageCount .gsc-results {
    font-family: Verdana, Arial, sans-serif; 
    color: #000000; 
    font-size: 4pt; 
    font-weight: normal;
}
.gsc-branding-text{
    font-family: Verdana, Arial, sans-serif; 
    color: #000000; 
    font-size: 4pt; 
    font-weight: normal;
}

.gs-watermark, .gsc-stats, .gsc-title, .gsc-results-selector, .gsc-one-result-active, .gs-snippet, .gs-visibleUrl, 

.gs-visibleUrl-long{
    display: none;
}

.gs-title{
    font-family: Verdana, Arial, sans-serif; 
    color: #4A708B; 
    font-size: 10pt; 
    font-weight: normal;

}


.body1 {
    font-family: Verdana, Arial, sans-serif; 
/*   color: #336699; */
    color: black; 
    font-size: 9pt; 
    font-weight: normal;}

.body2 {
    font-family: Arial, sans-serif; 
    color: #000000; 
    font-size: 10pt; 
    font-weight: bold;
}


.heading1 {
   font-family: Arial, sans-serif; 
   color: #000000; 
   font-size: 18pt; 
   font-weight: bold;
}

.heading2 {
   font-family: Arial, sans-serif; 
   color: #000000; 
   font-size: 12pt; 
   font-weight: bold; 
   text-decoration: underline;
}

.heading3 {
   font-family: Arial, sans-serif; 
   color: #99CC33; 
   font-size: 14pt; 
   font-weight: bold; 
   text-decoration: none;
}

.heading4 {
   font-family: Arial, sans-serif; 
   color: #FFFFFF; 
   font-size: 12pt; 
   font-weight: bold; 
   text-decoration: none;
}

.links1 {
    font-family: Arial, sans-serif; 
    color: #336699; 
    font-size: 9pt; 
    font-weight: bold;
}


.links2 {
    font-family: Arial, sans-serif; 
    color: #669999; 
    font-size: 12pt; 
    font-weight: bold;}


#indexLeft{

        float: left;
        width: 176px;
        padding: 0px 0px 0px 0px;
        text-align: center;
}

#indexCenter{
        background-color: #ffffff;
        float: left;
        width: 380px;
        margin-top: 10px;
        margin-left: 10px;
        padding: 4px;
}


#indexRight{
        /* background-color: #99CC33; */
        background: #AEF307 url(http://staffnet.kfpl.ca/kfplsite/redesign/images/menuSubGradient.jpeg) repeat-x top center;
        float: right;
        padding-left: 0px;
        padding-top: 0px;
        width: 210px;
}


#innerLower{
        background-color: #ffcc33;
        padding-left: 4px;
        padding-top: 4px;
        width: 600px;
        position: absolute;



}

#news{
	background-color: transparent;
        padding-top: 4px;
        padding-bottom: 5px;
       	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14pt;
        font-weight: bold;
        height: 1230px;
        display: block;
        float: left;
}

#news p {
        padding-top: 5px;
        padding-bottom: 5px;
}

        
#menuRight{
        background-color: #cccccc;
        float: left;
        padding-left: 0px;
        padding-top: 0x;
        width: 170px;
}





body {
	margin:0px;
	padding:0px;
        background:#A2A9AF;
	color:#000;
	text-align:center;/*centre for ie5 */
}
#mainOuter {
        background: #FFFFFF url(http://staffnet.kfpl.ca/kfplsite/redesign/images/css-gradient2.gif) repeat-x 0px 0px;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:1px solid #000;
	width:840px;
        padding: 14px 20px 20px 20px;
}
#main {
	width:820px;
	/*  clear: both;  	
 	 transparent;*/
        background-image:  url(http://staffnet.kfpl.ca/kfplsite/redesign/images/leftMenuBackground);	
        background-repeat: repeat-y;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:0px solid #000;
        padding: 0px 0px 0px 0px;
}

/*************** #headerstyles **************/
#header{
	background-color: #FFFFFF;
        margin-top: 0px;
	/**width: 800px; */
        /*height: 200px;*/
    padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	text-align:center;
}





/*************** #container for logos and utility menustyles **************/
#menuLogo{
	background-color: #FFFFFF;
	width: 820px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float: right;
	background: #FFFFFF url(/http://staffnet.kfpl.ca/kfplsite/redesign/images/css-gradient2.gif) repeat-x 0px 0px;
}


/*************** #utility menu styles **************/
#menuUtility{
	background-color: transparent;
	width: 600px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float: right;
}


#menuUtility a{
        color: #474747;
        text-decoration: none;
}

#menuUtility a:hover{
	text-decoration: none;
	color: #000000;
}

#headerImage{
	background-image:  url(http://staffnet.kfpl.ca/kfplsite/redesign/images/headerNoLine);
	background-repeat: no-repeat;
    margin-top: 0px;
    height: 90px;
    padding: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
    font-weight: bold;
}
#headerBottom{
        margin-top: 0px;
        height: 1px;
        padding: 0px 0px 0px 0px;
}



/*************** #menuSub styles **************/


#menuSub{
	/*background-color: #AEAEAE;*/
        /*background-color: #AFBEBD;*/ 
        background: #AEF307 url(http://staffnet.kfpl.ca/kfplsite/redesign/images/menuSubGradient.jpeg) repeat-x top center;
        width: 800px;
        height: 21px;

        margin-bottom: 2px;
        padding-top: 4px;
        padding-bottom: 2px;

        color:  #ffffff;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
        font-weight: bold;
        text-decoration: none;
}

#menuSub a{
	/*background-color: #AEAEAE;*/
        /*background-color: #AEF307;*/ 
	background-color: transparent;

        color: #474747;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
        font-weight: bold;
        padding-left: 8px;
        padding-right: 8px;
        text-decoration: none;
}

#menuSub a:hover{
	background-color: #666666;
        color:  white;
        height: 10pt;
        padding-top: 4px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
        text-decoration: none;

}

a.menuSubLink:link {text-decoration: underline overline}
a.menuSubLink:visited {text-decoration: underline overline}
a.menuSubLink:active {text-decoration: underline overline}
a.menuSubLink:hover {text-decoration: underline; color: green;}






/*************** #searchBox styles **************/
#searchBox{
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: Arial, sans-serif; 
    color: #FFFFFF; 
    font-size: 12pt; 
    font-weight: bold; 
    text-decoration: none;
    padding: 4px 0px 0px 0px;
}

.searchBoxGradient {
    background: url(http://staffnet.kfpl.ca/kfplsite/redesign/images/css-gradient.gif) 0% 0% repeat-x;
    padding: 0px 0px 4px 0px; 
    color: #fc2; 
    height: 38px;

}





#container {
	background:#FFFFFF;/* background colour of right column */
	margin-left:172px;/*this is the space for the left column */
        width:648px;
        


}
#content{
        width:100%;
        float:left;

        margin-right:-1px
}/* contain cleared elements from clearing other floats*/



/* contentMain */

#contentMain {

/* hide from MacIE \*/ * html #staticblock { height: 1%; } /* end hide */

    overflow: hidden;
    background-color: transparent;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-top: 5px;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

#contentMain p{
         margin: 30px -10px 15px -10px;
         display: block;
}
 


#contentMain a{
	color:  #336699;
        padding-left: 0px;
        padding-top: 0px;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 9pt;
        font-weight: bold;
}


#contentMain h1{
	background-color: #F5F5F5;
	margin: 10px -10px 15px -10px;
	width: 625px;
	padding: 4px 10px 5px 10px;
	text-align: left;
	font-family: Arial, sans-serif;
	color: #003366;
	font-size: 14pt;
	font-weight: bold;
	border-bottom-color: #003366;
	border-bottom-style: solid;
	border-bottom-width: thin;
}


#contentMain h2{
	margin: 5px -10px 5px -10px;
	width: 625px;
	padding: 4px 10px 0px 10px;
	text-align: left;
	font-family: Arial, sans-serif;
	color: #003366;
	font-size: 12pt;
	font-weight: bold;
}



#contentMain a:hover{
	color:  #99CC33;
        padding-left: 0px;
        padding-top: 0px;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 9pt;
        font-weight: bold;
}
.date {
	color: #EE8822;
	font-family: arial,verdana,sans-serif;
	font-size: 10pt;
	line-height: 110%;
	font-weight: bold;
        text-align: right;
	padding: 0px 0px 0px 0px;
}


/* footer */
		
#footer {
    clear: both;
    width: 100%;
    background-color: #77AACC;
    padding: 0;
    text-align: right;
}

#footerLinks a{
    background-color: #FFFFFF;
    padding: 2px;
    height: 30px;
    color: #999999;
    font-size: 10px;
    text-align: center;
}
#footerLinks {
    background-color: #FFFFFF;
    padding: 2px;
    height: 30px;
    color: #999999;
    font-size: 10px;
    text-align: center;
}


h1,h2,h3,p {margin-top:0}

/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* postedtime,comment,trackback information for entry */
.posted {
	background-color: #F8F8EF;
        font-size: x-small;
	text-align: left;
	margin: 0px 0px 20px 0px;
        padding: 0px 0px 3px 3px;
        border-bottom: solid 1px #999966;
}