/*

Site: Ritter Public Library
File: /css/children.css
Date: Thursday, March 19, 2009
Desc: children page layout settings
Auth: Matthew Martindale (matthewm@ohionet.org)

*/

body {
background: #000
}

/**/

#mainBase {
background: #0d162d
}
#mainBaseTop {
background: url(/images/bg_mainbasetop_children.jpg) no-repeat top center
}
#mainBaseBottom {
background: url(/images/bg_mainbasebottom_children.jpg) no-repeat bottom center;
padding-bottom: 290px
}
#mainWrapTop {
background: url(/images/bg_mainwraptop_children.png)
}
* html #mainWrapTop {
filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/bg_mainwraptop_children.png', sizingmethod='scale');
background: url(/images/transparent.gif)
}
#mainWrapBottom {
background: url(/images/bg_mainwrapbottom_children.png)
}
* html #mainWrapBottom {
filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/bg_mainwrapbottom_children.png', sizingmethod='scale');
background: url(/images/transparent.gif)
}

/**/

#pageWrap {
background: #0c142b
}
#contentBase {
background: #14487c
}
#header {
background-position: 0 -110px
}

/**/

#searchBox {
color: #e5e5e5;
position: absolute;
right: 20px;
top: 20px
}
#searchBox p {
color: #e5e5e5;
line-height: 16px;
margin-bottom: 5px
}
#searchBox a {
color: #fff;
text-decoration: none
}
#searchBox a:hover {
text-decoration: underline
}
#searchBox label {
display: none
}
#searchBox #s {
border: solid 1px #e5e5e5;
padding: 5px;
width: 200px
}
#searchBox #searchsubmit {
background: #009933;
border: 0;
color: #fff;
cursor: pointer;
font-weight: bold;
text-align: center;
padding: 4px;
width: 60px
}

/**/

#menu {
background: url(/images/bg_menu_children.jpg) repeat-x
}
#menu .home a {
background: url(/images/bg_menuhome_children.jpg)
}
#menu .services a {
background: url(/images/bg_menuservices_children.jpg)
}
#menu .reading a {
background: url(/images/bg_menureading_children.jpg)
}
#menu .calendar a {
background: url(/images/bg_menucalendar_children.jpg)
}
#menu .reference a {
background: url(/images/bg_menureference_children.jpg)
}
#menu .children a {
background: url(/images/bg_menuchildren_children.jpg)
}
#menu .teens a {
background: url(/images/bg_menuteens_children.jpg)
}
#menu .about_us a {
background: url(/images/bg_menuaboutus_children.jpg)
}
#menu .catalog a {
background: url(/images/bg_menucatalog_children.jpg)
}

/**/

.dropDown {
background: #0d162d;
border-top: solid 1px #000
}
.dropDown a {
color: #fff
}
.dropDown a:hover {
background: #009933 !important
}

/**/

#childrenContentWrap {
background: url(../images/bg_childrencontentwrap_children.jpg) no-repeat;
padding: 30px
}

/**/

#childrenFlashMain {
padding: 20px 0
}

/**/

#childrenLeftColumn {
float: left;
margin-right: 30px;
text-align: center;
width: 166px
}
#childrenLeftColumn ul {
list-style: none
}
#childrenLeftColumn li {
margin-bottom: 5px
}
#childrenLeftColumn li a {
display: block;
padding: 10px;
width: 146px
}
#childrenLeftColumn li a:hover {
background: #12416f
}

/**/

#childrenRightColumn {
float: left;
width: 640px
}
.childerenContentWrapTop {
background: url(../images/bg_rightcolumntop_children.gif) no-repeat;
padding-top: 33px
}
.childerenContentWrapBottom {
background: url(../images/bg_rightcolumnbottom_children.gif) no-repeat left bottom;
padding-bottom: 33px
}
.childerenContentWrap {
background: #fff;
color: #000;
padding: 9px 20px
}
.childerenContentWrap p {
margin-bottom: 20px
}
.childerenContentWrap .copyBlock img {
border: 0 !important
}
.childerenContentWrap .copyBlock img.alignleft {
border: solid 1px #000 !important;
margin: 5px 20px 5px 0
}
.childerenContentWrap .postBlock h1 {
margin-bottom: 20px !important
}

/**/

.fishLink a {
background: url(../images/bg_fishlink_children.jpg) no-repeat;
color: #78ac2c;
display: block;
font-weight: bold;
height: 19px;
padding: 1px 0 0 65px
}
.fishLink a:hover {
color: #000
}

/**/

#childrenFooter {
height: 70px;
padding: 0 10px 10px 10px
}
#childrenFooter .sectionMap {
background: #12416f;
color: #fff;
float: left;
height: 50px;
padding: 10px;
width: 504px
}
#childrenFooter .sectionMapFull {
background: #12416f;
color: #fff
}
#childrenFooter .sectionMap h1 {
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin-bottom: 5px
}
#childrenFooter .sectionMap a {
border-bottom: solid 1px #71a8c9;
color: #fff;
text-decoration: none
}
#childrenFooter .sectionMap a:hover {
border-color: #d0e2ed
}
#childrenFooter .flashButtons {
cursor: pointer;
float: right;
height: 70px;
position: relative;
width: 332px
}
#childrenFooter .flashButton1 {
height: 70px;
left: 0px;
position: absolute;
top: 0px;
width: 100px
}
#childrenFooter .flashButton2 {
height: 70px;
position: absolute;
right: 0px;
top: 0px;
width: 222px
}


/**/