/* 
========================================================================
Filename:		styles.css
Date Created:	2008-08-31
Description:	Global CSS stylesheet
Site:			Womans Aid - The Hideout
Author:			Clare Hyam (clare.hyam@atticmedia.com)
========================================================================
*/
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

/* COLORS
   Body Background:       #2F2C22
   Main Text:             #B3A576
   Links:                 #9C6D25
   Dark Brown Border:     #222019
   Green Headline:        #958944
*/
/*-------------- Global Styles -------------- */
/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}
html, form
{height:100%;
}
body 
{font-size:62.5%;
 font-family:arial,helvetica,Verdana,sans-serif;
 height:100%;
 
}
.clear
  {clear:both;
  margin:0;
  height:1px;
  overflow:hidden;
  font-size:0.1em;
 }
.float_left
{float:left!important;
}
.float_right
{float:right!important;
}
img 
{border:0px;
}

.hidden,
legend,
.skip_links
{position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;
display:none;
}
.two-column .col1,
.two-column .col2
{float:left;
}
.image .panel-body img,
.accordian .image img 
 
{border:1px solid #999;
 padding:1px;
 margin-top:10px;
 margin-bottom:11px;
 margin-left:10px;
 background-color:#fff;
 float:right;
}

.twitter {
	clear: both;
	margin-left: 2px;
}

/* =Typography
-----------------------------------------------------------------------------*/
h1 {font-size: 2.4em;	 }
h2 {font-size: 1.9em;	font-weight:normal;}
h3 {font-size: 1.4em;	}
h4 {font-size: 1.2em	}
p {font-size: 1.2em; }
#child #main-content p,
#child #main-content .standard li,
#child #main-content dd,
#child #main-content dt
{font-size: 1.4em
}
#yp #main-content dd,
#yp #main-content dt
{font-size: 1.2em
}

#child #main-content #crumbtrail p
{font-size:1.1em;
}
#main-content .panel-body p,
#main-content .panel-body ul li
#main-content .target h2,
#main-content dd,
#main-content dt
{line-height: 1.56em;
}
blockquote p 
{font-size:1.4em;
}
blockquote cite,
p.read_more 
{font-size:1.2em;
}
 .intro .panel-header h2 
{font-size: 2.4em;
}
 #navigation-wrapper .navigation li p
{font-size:1.9em!important;
 color:#FFFEFE;
}
 #navigation-wrapper .navigation li p a 
{color:#FFFEFE;
}
 #child #navigation-wrapper .navigation li p a,
 #child #navigation-wrapper .navigation li p
 {color:#333;
 }

 #navigation-wrapper .navigation li p a:hover,
 #navigation-wrapper .navigation li.selected p,
 #navigation-wrapper .navigation li.selected a
{color:#ffff66;
}
 #navigation-wrapper .navigation ul.level2 li p a:hover,
 #navigation-wrapper .navigation ul.level2 li.selected p,
 #navigation-wrapper .navigation ul.level2 li.selected a
{color:#F8FA63;
}

 #child #navigation-wrapper .navigation li p a:hover,
 #child #navigation-wrapper .navigation li.selected p,
 #child #navigation-wrapper .navigation li.selected a
{color:#9B224E;
}

 #navigation-wrapper .navigation li.adult p a 
{color:#666!important;

}

 #navigation-wrapper .navigation li.adult p a:hover 
{color:#006A99!important;
}
 #navigation-wrapper .navigation ul.level2 li p
 {font-size:1.2em!important;
  color:#FFFF66;
  font-weight:bold;
 }
 #navigation-wrapper .navigation ul.level2 li p a
 {color:#fff;
    font-weight:bold;

 }
 #child #navigation-wrapper .navigation ul.level2 li p a
 {color:#333;
    font-weight:bold;

 }
 #yp #navigation-wrapper .navigation ul.level3 li p a
 {color:#fff!important;
  
 }
  #yp #navigation-wrapper .navigation ul.level3 li p a:hover 
  {color:#ffff66!important;
  }
   #child #navigation-wrapper .navigation ul.level3 li p a:hover 
  {color:#9B224E!important;
  }
  #child #navigation-wrapper .navigation ul.level3 li p a
  { font-weight:normal;
  }
  #child #navigation-wrapper .navigation li.selected ul.level3 li p a
 {color:#333!important;
 
 }
  #child #navigation-wrapper .navigation li.selected ul.level3 li p a:hover 
  {color:#9B224E!important;
  }

.buttons p
{font-size:1.2em;
  text-transform:uppercase;

}
.buttons p a
{ font-weight:bold;
}
.buttons .yellow p a
{color:#000;

}
.buttons .red p a
{color:#fff;
}
.msgboard .panel-header h2 
{color:#E4FF00;
}
#child .msgboard .panel-header h2 
{color:#421E6E;
}
 .msgboard .panel-body p,
.msgboard .panel-body blockquote cite
{color:#FEFEFE;
}
#child .msgboard .panel-body p,
#child .msgboard .panel-body blockquote cite
{color:#333;
}

#secondary-content .panel .panel-header h2, 
#secondary-content .panel .panel-header .read_more a,
#secondary-content .panel .panel-body p
 
{color:#fff;
}
#secondary-content .panel .panel-header .read_more a:hover,
.msgboard .panel-body .read_more a:hover
{color:#ffff66;
}
#child #secondary-content .panel .panel-header h2, 
#child #secondary-content .panel .panel-header .read_more a,
#child #secondary-content .panel .panel-body p
{color:#333;
}
#child #secondary-content .panel .panel-header .read_more a:hover,
#child .msgboard .panel-body .read_more a:hover,
#yp #secondary-content .games .panel-header .read_more a:hover,
#yp #secondary-content .star .panel-body .read_more a:hover,
#child #secondary-content .star .panel-body .read_more a:hover
{color:#9B224E;
}
#yp #footer p,
#yp #footer p a
{color:#fff;
}
#child #footer p,
#child #footer p a,
#splash #footer p,
#splash #footer p a

{color:#333;
}

#footer p
{font-size:1.2em;
}
#crumbtrail p 
{color:#333;
}
.flashpluginmessage p 
{color:#fff;
}
#splash .adults .panel-header h2 
{font-size:1.6em;
 font-weight:bold;
}
#splash .intro .panel-body p 
{font-size:1.3em;
}
.accordian .panel-header h2
{font-size:1.2em;

}
#child .accordian .panel-header h2,
#child .anchor_list .panel-header h2 
{font-size:1.4em;
}
.accordian .panel-header h2 a
{color:#333!important;
 text-decoration:none;
 font-weight:bold;
 outline:0;
}
.panel-body ul li,
.panel-body ol li

{font-size:1.2em;
 
}
.panel-body ul.links li p
{font-size:1em!important;
}
#child .panel-body ul li,
#child .panel-body ol li
{font-size:1.4em;
 
}
.star .panel-header h2 
{font-size:1.9em;
}
#secondary-content .panel-header h2 a
{text-decoration:none;
}
#secondary-content .panel-header h2 a:hover 
{text-decoration:underline;
}
#yp .star .panel-header h2,
#yp .games .panel-header h2 
{color:#333;
}
#yp .stories .panel-header h2 a, 
 #yp .childline .panel-header h2 a 

{color:#fff;

}
#child .stories .panel-header h2 a, 
 #child .childline .panel-header h2 a 

{color:#333;

}

.star .panel-body p.read_more a,
#yp .games .panel-header p.read_more a

{color:#333;
}
.anchor_list .panel-header h2
{font-size:1.2em;
 font-weight:bold;
}
.anchor_list ol li p
{color:#006F99;
 font-weight:bold;
}
.anchor_list ol li p span span.q
{font-weight:normal;
}
.anchor_list ol li p a
{color:#006F99!important;
}
.anchor_list ol li p a:hover 
{color:#9B224E!important;
}
.target .panel-header h2
{    font-style:italic;
     font-size:1.2em;
}
#child .target .panel-header h2
{font-size:1.4em;
}
#navigation-wrapper .navigation li.selected ul.level3 li p
{background-image:none;
}
#navigation-wrapper .navigation ul.level3 li p a,
#navigation-wrapper .navigation ul.level3 li p
{font-weight:normal;
}
.quote blockquote p,
.quote blockquote cite 
{color:#006C8C;
}
#wrapper .sitemap ul.level1 li
{font-size:1em!important;
}
.sitemap ul.level1 li p
{font-size:1.2em!important;
 
 }
 #child ul.level1 li p 
 {font-size:1.4em!important;
 }
.sitemap ul.level1 li p a
{color:#333!important;
 font-weight:bold;
 text-decoration:none;
}
.sitemap ul.level2 li p a
{color:#006F99!important;
 text-decoration:underline;
 font-weight:normal;
}
.sitemap ul.level1 li p a:hover 
{color:#9B224E!important;
}
.listview_row h2 
{font-size:1.6em;
 font-weight:bold;
}
.listview_row .item .panel-header .read_more a
{color:#333!important;
}
.listview_row .item .panel-header .read_more a:hover
{color:#9B224E!important;
}

/* =Links
-----------------------------------------------------------------------------*/
a:link,
a:visited,
a:active,
a:hover
{text-decoration:underline;
 font-weight:normal;
}
#main-content a
{color:#006A99;

}
#main-content a:visited 
{color:#555555;
}
#main-content a:hover
{color:#9b224e;
}
#navigation-wrapper .navigation a 
{text-decoration:none;
}
.buttons a 
{text-decoration:none;
}
.flashpluginmessage p a:link,
.flashpluginmessage p a:visited,
.flashpluginmessage p a:active,
.flashpluginmessage p a:hover
{color:#fff!important;
}
.read_more a
{color:#fff;
 text-decoration:underline;
}
#child .read_more a
{color:#333;

}
#child .target .read_more a {
color:#006F99;
}
 ul.links li p
{color:#006F99!important;
}
/* =Lists
-----------------------------------------------------------------------------*/
.h-list 
{display:inline;
}
 .panel-body ul
 {list-style-type:none;
  
 }
 .standard ol li 
{padding-bottom:11px;
}
.standard ol 
{padding-left:23px;
 
}
.standard ul 
{padding-left:7px;
}

/*.accordian .standard .panel-body ul,
.accordian .standard .panel-body ol

{
 padding-left:35px;
}*/

.panel-body ul li
{
 padding-bottom:10px;
 background-image:url(../images/icons/bullet.gif);
 background-repeat:no-repeat;
 padding-left:7px;
 background-position:0px 8px;
}
.standard ul.links li
{background-image:none;
 padding-left:0px;
 padding-bottom:8px;
 margin-left:8px;
}
.standard ul.links
{padding-bottom:8px;
}
.standard ul.links li p
{background-image:url(../images/icons/int.gif);
 background-repeat:no-repeat;
 padding-left:16px;
 background-position:0px 5px;
 
}
.accordian .standard ul.links li p
{background-image:url(../images/icons/accordian_int.gif);
}
.standard ul.links li.ext p
{background-image:url(../images/icons/ext.gif);
}
.accordian .standard ul.links li.ext p
{background-image:url(../images/icons/accordian_ext.gif);
}

.standard ul.links li.doc p
{background-image:url(../images/icons/doc.gif);
  background-position:0px 4px;

}
.accordian .standard ul.links li.doc p
{background-image:url(../images/icons/accordian_doc.gif);
}

/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper 
{width:897px;
 margin-left:48px;

background-image:url(../images/layout/paper_top.png);
 background-repeat:no-repeat;
padding-top:20px;
 background-position:left top;

}
#wrapper img.paper_bttm
{background-image:url(../images/layout/paper_bttm.png);
 background-repeat:no-repeat;
}
/* =Header
-----------------------------------------------------------------------------*/
.logo span
{ position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;

}
h1.logo img,
.logo a
{background-image:url(../images/generic/logo.png);
 display:block;
 height:154px;
 width:249px;
position:absolute;
top:-70px;
left:-20px; 
z-index:50;
}
h1.logo
{top:-40px;

}

#header .mission_statement 
{float:left;
 width:435px;

}
#secondary-content .buttons
{ padding-left:10px;
  margin-top:6px;
}
.buttons .yellow,
.buttons .red
{
 background-repeat:repeat-y;
 width:198px;
position:relative;
}
.buttons .yellow
{background-image:url(../images/buttons/yellow_btn_mid.gif);
 margin-bottom:15px;
}
.buttons .red
{background-image:url(../images/buttons/red_btn_mid.gif);

}

.buttons p 
{ padding-top:0px;
 padding-left:40px;
 padding-top:10px;
padding-right:40px;
padding-bottom:5px; 
background-repeat:no-repeat;

}
.buttons .red p
{background-image:url(../images/buttons/red_btn_top.gif);
 
  padding-right:30px;
}
.buttons .yellow p
{background-image:url(../images/buttons/yellow_btn_top.gif);

}
.buttons .red img.bttm 
{margin-left:-1px;
}
.buttons img.warning 
{position:absolute;
 left:-20px;
 top:-5px;
}
.buttons .yellow img.warning {
 background-image:url(../images/icons/yellow_warning.png);
}
.buttons .red img.warning 
{ background-image:url(../images/icons/red_warning.png)
}
.buttons img.arrow
{position:absolute;
 right:10px;
 top:12px;
}
.buttons .yellow img.arrow
{ background-image:url(../images/buttons/arrow_yellow.gif);

}
.buttons .red img.arrow
{ background-image:url(../images/buttons/arrow_red.gif);

}

/* =Main Navigation
-----------------------------------------------------------------------------*/
#navigation-wrapper {
             float:left;
             width:183px;
            
             position:relative;
             left:-15px;
             
             }
             #navigation-wrapper .navigation img.bttm
             {background-image:url(../images/navigation/yp_nav_bttm.gif);
              background-repeat:no-repeat;
             
             }
                          #child #navigation-wrapper .navigation img.bttm
                          {background-image:url(../images/navigation/child_nav_bttm.png);
                           
                          }

#navigation-wrapper .logo
{float:none;

}
#navigation-wrapper .navigation ul 
{list-style-type:none;
}
#navigation-wrapper .navigation 
{
padding-top:86px;
background-image:url(../images/navigation/nav_bg.gif);
background-repeat:repeat-y;
}
#child #navigation-wrapper .navigation 
{background-image:url(../images/navigation/child_nav_bg.png);

}

#navigation-wrapper .navigation li.adult
{background-image:url(../images/navigation/nav_white_mid.gif);
background-repeat:repeat-y;
width:184px;
background-position:right top;

}
#yp #navigation-wrapper .navigation li.adult
{background-image:url(../images/navigation/yp_nav_white_mid.gif);
 width:180px;
}
#child #navigation-wrapper .navigation li.adult img 
{background-image:url(../images/navigation/nav_bluebg_end.gif);
background-position:right top;
margin-left:3px;
}
#yp #navigation-wrapper .navigation li.adult img 
{background-image:url(../images/navigation/nav_greenbg_end.gif);
background-position:right top;}
/*#child #navigation-wrapper .navigation li.adult
{margin-right:-1px;
}
#child #navigation-wrapper .navigation li.adult img,
#child #navigation-wrapper .navigation img.bttm 
{margin-left:-1px;
}*/

#navigation-wrapper .navigation li p
{
 padding-bottom:7px;
 padding-top:7px;
 width:147px;
 margin-left:16px;
}
#navigation-wrapper .navigation li div.hr 
{ background-image:url(../images/navigation/white_green_div.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
  width:147px;
 margin-left:16px;
height:1px!important;

}
#child #navigation-wrapper .navigation li div.hr 
{ background-image:url(../images/navigation/grey_blue_div.gif);
}

#navigation-wrapper .navigation li.adult div.hr 
{ background-image:url(../images/navigation/grey_white_div.gif)!important;

}
#navigation-wrapper .navigation ul.level1 li.selected div.icon 
{background-image:url(../images/navigation/yellow_selected_icon.gif)!important;
 background-repeat:no-repeat;
background-position:6px 15px;
}
#child #navigation-wrapper .navigation ul.level1 li.selected div.icon 

{background-image:url(../images/navigation/red_selected_icon.gif)!important;
}
 #navigation-wrapper .navigation ul.level2 li p
{  background-image:none;
  padding-bottom:8px;
  padding-top:0px;
margin-left:0px;
padding-left:6px;
width:130px;
}
 #navigation-wrapper .navigation ul.level2 li.selected p
{background-image:url(../images/navigation/ul2_selected.gif);
 background-repeat:no-repeat;
 background-position:0px 4px;
}
 #child #navigation-wrapper .navigation ul.level2 li.selected p
 {background-image:url(../images/navigation/child_ul2_selected.gif);
 }
#navigation-wrapper .navigation ul.level2 li.selected ul.level3 li p
{background-image:none!important;
}
 #navigation-wrapper .navigation ul.level2
 {background-color:#056305;
  padding-left:5px;
  width:140px;
  margin-left:15px;
  padding-top:11px;
  margin-top:1px;
  margin-bottom:2px;
 }
#child  #navigation-wrapper .navigation ul.level2
{background-color:#A8DEFF;

}
 #navigation-wrapper .navigation ul.level3 li p
 {padding-left:12px;
  width:120px;
 }
  #navigation-wrapper .navigation ul.level3 li.selected p
  {  background-position:5px 3px;

  }
  #navigation-wrapper .navigation li.adult ul.level2
{background-color:#DBDAD4!important;
}
  #navigation-wrapper .navigation li.adult ul.level2 li.selected p
  {  color:#006A99;
     background-image:url(../images/navigation/adult_ul2_selected.gif);
  }
  #wrapper #navigation-wrapper .navigation li.adult ul.level3 li p a
  {color:#666!important;
   
  }
  #wrapper #navigation-wrapper .navigation li.adult ul.level3 li p a:hover 
  {color:#006A99!important;
  }
/* =Main Content Area
-----------------------------------------------------------------------------*/
#content 
{ background-image:url(../images/layout/paper_mid.png);
 background-repeat:repeat-y;
height:auto;
position:relative;

}
#right_content
{position:relative;
 width:700px;
float:left;
padding-top:100px;
padding-left:20px;
margin-left:-20px;
padding-bottom:13px;
}
#right_content .flash 
{
 position:relative;
 padding-bottom: 10px;
}
#right_content .flash_generic
{
	position:relative;
	padding-bottom: 20px;
}
#main-content 
{width:473px;
 float:left;
 
}
/* =Crumbtrail
-----------------------------------------------------------------------------*/
#crumbtrail ul li
{display:inline;
 padding-right:2px;
}
#crumbtrail ul li p 
{display:inline;
 font-size:1.2em!important;
}
#crumbtrail ul li.first
{padding-right:0px;
}
#crumbtrail ul li p a 
{padding-right:4px;
}
#crumbtrail
{margin-bottom:13px;
}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondary-content 
{float:left;
 width:170px;
 /*padding-left:20px;*/
 margin-left:20px;
}
#secondary-content .panel 
{margin-top:15px;
 width:202px;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer ul 
{list-style-type:none;
 text-align:center;
}
#footer ul li,
#footer ul li p 
{display:inline;
}
#footer ul li p a
{padding-right:6px;
}
#footer ul li p
{padding-left:8px;
}
#footer 
{padding-top:14px;
 padding-bottom:20px;
 width:897px;
 margin-left:41px;
}

/* =Site Map
-----------------------------------------------------------------------------*/
/* =Young Persons
-----------------------------------------------------------------------------*/
#yp 
{background-image:url(../images/layout/yp_bg.gif);
 padding-top:60px;
min-height:100%;

}
#yp #header
{background-image:url(../images/generic/yp_header.png);
 background-repeat:no-repeat;
 background-position:top right;
width:697px;
height:162px;
position:absolute;
top:-65px;


z-index:40;
}
/* =Child
-----------------------------------------------------------------------------*/
#child 
{background-image:url(../images/layout/child_bg.gif);
  padding-top:60px;
min-height:100%;

}
#child #header
{background-image:url(../images/generic/child_header.png);
 background-repeat:no-repeat;
 background-position:top right;
width:700px;
height:160px;
position:absolute;
top:-65px;


z-index:40;
}

/* =Generic Panel Styles
-----------------------------------------------------------------------------*/
.panel .panel-header 
{padding-bottom:10px;
}
.panel .panel-body p 
{padding-bottom:10px;
}
/* =Flash (Panel)
-----------------------------------------------------------------------------*/
.flashpluginmessage
{
    border:12px solid #fff;
    padding-top:106px;
    padding-bottom:106px;
 background-color:#747474;
 text-align:center;
}
/* =Intro (Panel)
-----------------------------------------------------------------------------*/
.intro .panel-header 
{padding-bottom:4px; 
}
.intro .panel-body p 
{margin-bottom:10px;
 line-height:1.6em;
}
.intro .panel-body img 
{border:1px solid #999;
 padding:1px;
 margin-top:10px;
 margin-bottom:11px;
}
.faq .intro .panel-body p
{margin-bottom:0px;
}
.extrapadd 
{margin-bottom:10px;
}
/* =MessageBoard (Panel)
-----------------------------------------------------------------------------*/
 .msgboard .panel-header,
 .msgboard .panel-body

{
background-repeat:repeat-y;

 background-image:url(../images/layout/msgboard_mid.png);
  background-position:right top;
  padding-left:15px;
  padding-right:15px;
}
#child .msgboard .panel-header,
#child  .msgboard .panel-body
{ background-image:url(../images/layout/child_msgboard_mid.png);

}

 .msgboard
{background-image:url(../images/layout/msgboard_top.png);
 padding-top:15px;
  background-repeat:no-repeat;
  background-position:right top;
  position:relative;
  left:-3px;
  margin-top:15px;
} 
#child .msgboard 
{background-image:url(../images/layout/child_msgboard_top.png);
left:0px;
}
 .msgboard .bttm
{background-image:url(../images/layout/msgboard_bttm.png);
 height:30px;
 background-repeat:no-repeat;
 
   background-position:right top;

}
 #child .msgboard .bttm
 {background-image:url(../images/layout/child_msgboard_bttm.png);
  background-position:1px 0px;
  
 }

.msgboard blockquote 
{background-image:url(../images/icons/quote_left_msgboard.png);
 background-repeat:no-repeat;
 background-position:left top;
 padding-left:28px;
 margin-bottom:10px;
}
#child .msgboard blockquote 
{background-image:url(../images/icons/child_quote_left.png);
}

 .msgboard blockquote p 
{background-image:url(../images/icons/quote_right_msgboard.png);
 background-repeat:no-repeat;
 background-position:right bottom;
  padding-right:28px;
  padding-bottom:4px;

}
#child .msgboard blockquote p
{background-image:url(../images/icons/child_quote_right.png);
}
 .msgboard .panel-header
 {padding-bottom:5px;
 }
/* =Stories (Panel)
-----------------------------------------------------------------------------*/
.stories .panel-header,
 .vr .panel-header,
 .games .panel-header
{background-image:url(../images/layout/stories_mid.png);
 background-repeat:repeat-y;
 width:175px;
 padding-left:16px;
padding-right:18px;
padding-bottom:0px;

}
#child .stories .panel-header 
{background-image:url(../images/layout/child_stories_mid.png);
 padding-right:21px;
 padding-top:5px;
 padding-bottom:0px;
}

#yp .stories img.bttm
{background-image:url(../images/layout/stories_bttm.png);

 position:absolute;
 
}
#child .stories img.bttm
{background-image:url(../images/layout/child_stories_bttm.png);
 position:absolute;
}
.stories,
.vr,
.games
{ background-repeat:no-repeat;
 padding-top:13px;
width:209px;
padding-right:8px;
background-image:url(../images/layout/stories_top.png);

} 
#child .stories
{background-image:url(../images/layout/child_stories_top.png)!important;
 background-repeat:no-repeat;
 padding:0;
 padding-top:10px;
 width:208px!important;
}
/*#child .stories .panel-body img 
{border:1px solid #898989;
 margin-left:3px;
 
}*/
.stories .panel-header h2,
.childline .panel-header h2,
.vr .panel-header h2,
 .games .panel-header h2 
{background-image:url(../images/layout/paperclip_yellow.png);
 background-repeat:no-repeat;

 background-position:right top;
 padding-right:50px;
 width:160px;
}
#child .stories .panel-header h2,
#yp .games .panel-header h2  
{background-image:url(../images/layout/paperclip_purple.png);
 
}

.stories .read_more,
.vr .read_more,
.games .read_more
{padding-top:2px;
}
#child .stories .read_more 
{padding-top:2px;
}
/* =Games (Panel)
-----------------------------------------------------------------------------*/
.games .panel-header
{background-image:url(../images/layout/games_mid.png);
}
#yp .games .panel-header

{background-image:url(../images/layout/yp_games_mid.png)!important;
 width:178px;
}

.games
{background-image:url(../images/layout/games_top.png);
padding-top:12px;
}
#yp .games
{background-image:url(../images/layout/yp_games_top.png);
}
.games img.bttm
{background-image:url(../images/layout/games_bttm.png);
}
#yp .games img.bttm
{background-image:url(../images/layout/yp_games_bttm.png);
 }

.games .panel-body 
{background-image:url(../images/layout/games_body_mid.png);
 background-repeat:repeat-y;
 width:209px;
 padding-left:23px;

}
#yp .games .panel-body 
{background-image:url(../images/layout/yp_games_body_mid.png);
 width:211px; 
 padding-bottom:6px;
}
.games div.bttm
{width:209px;
 height:14px;
 background-image:url(../images/layout/games_body_bttm.png);
}
#yp .games div.bttm
{ background-image:url(../images/layout/yp_games_body_bttm.png);
width:211px;
height:10px;

}

/* =Virtual Refuge (Panel)
-----------------------------------------------------------------------------*/
.vr .panel-header 
{background-image:url(../images/layout/vr_mid.png);


}
#child .vr .panel-header 
{background-image:url(../images/layout/child_vr_mid.png);
}
.vr
{background-image:url(../images/layout/vr_top.png);

}
#child .vr 
{background-image:url(../images/layout/child_vr_top.png);
 padding-top:9px;
}

.vr img.bttm
{background-image:url(../images/layout/vr_bttm.png);

 position:absolute;
 
}
#child .vr img.bttm
{background-image:url(../images/layout/child_vr_bttm.png);
}


.vr .panel-body img,
.stories .panel-body img
{background-image:url(../images/layout/sec_content_shadow.gif);
 background-repeat:repeat-y;
 padding-left:3px;
 padding-right:3px;
 
}

.vr .panel-body,
.stories .panel-body
{background-image:url(../images/layout/sec_content_shadow_bttm.gif);
 background-repeat:no-repeat;
 padding-bottom:3px;
 background-position:left bottom;
 width:209px;
}
#child .stories .panel-body
{width:206px;
 padding-bottom:3px!important;
}

/* =ChildLine (Panel)
-----------------------------------------------------------------------------*/
#secondary-content .childline
{background-image:url(../images/layout/childline_mid.gif);
 width:207px;
}
#child #secondary-content .childline
{background-image:url(../images/layout/child_childline_mid.gif);
}
.childline .panel-header
{background-image:url(../images/layout/childline_top.gif);
 background-repeat:no-repeat;
 padding-top:15px;
 padding-left:15px;
 padding-bottom:4px;
}
#child .childline .panel-header
{background-image:url(../images/layout/child_childline_top.gif);
}


.childline .panel-body 
{background-image:url(../images/layout/childline_bttm.gif);
 background-repeat:no-repeat;
 padding-bottom:14px;
background-position:left bottom;
 padding-left:15px;

}
#child .childline .panel-body 
{background-image:url(../images/layout/child_childline_bttm.gif);
}
.childline .panel-header h2,
.vr .panel-header h2  
{background-image:url(../images/layout/paperclip_green.png);
}
#child .childline .panel-header h2,
 .vr .panel-header h2 
{background-image:url(../images/layout/paperclip_blue.png);
}
/* =Star Support (Panel)
-----------------------------------------------------------------------------*/
#secondary-content .star
{background-image:url(../images/layout/star_mid.gif);
 width:210px;
}
#secondary-content .star .panel-body img 
{padding-left:18px;
}
.star .panel-header
{background-image:url(../images/layout/star_top.gif);
 background-repeat:no-repeat;
 padding-top:15px;
 padding-left:19px;
 padding-bottom:2px;
}
.star .panel-body 
{background-image:url(../images/layout/star_bttm.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 padding-bottom:4px;
}
.star .panel-body p.read_more 
{padding-left:18px;
 padding-right:18px;
}
#child .star .panel-header
{background-image:url(../images/layout/child_star_top.gif);
}
#child #secondary-content .star
{background-image:url(../images/layout/child_star_mid.gif);
}
#child .star .panel-body 
{background-image:url(../images/layout/child_star_bttm.gif);
}

/* =Splash Page
-----------------------------------------------------------------------------*/
#splash
{background-color:#58CCFB;
 padding-top:35px;
min-height:100%;

}
#splash #header .panel
{float:left;
 width:412px;
 padding-left:230px;
 padding-right:40px;
}
#splash #header h1.logo 
{float:left;
}
#splash #header .buttons 
{float:left;
}
#splash #main-content 
{width:870px;
 padding-left:14px;
 padding-right:11px;
}
#splash #main-content .two-column .col1
{padding-right:10px;
}
#splash #header
{width:890px;
}
#splash .adults 
{background-image:url(../images/layout/adult_panel_mid.gif);
 background-repeat:repeat-y;
 width:430px;
 margin-top:14px;
 margin-bottom:14px;
 background-position:right top;
}
#splash .adults .panel-header
{background-image:url(../images/layout/adult_panel_top.gif);
 background-repeat:no-repeat;
 padding-top:8px;
 padding-left:20px;
 padding-bottom:3px;
  position:relative;

}
#splash .adults .panel-body
{background-image:url(../images/layout/adult_panel_bttm.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
  padding-left:20px;
  padding-bottom:10px;

    width:410px;
}
#splash .adults .panel-header .paperclip
{background-image:url(../images/layout/paperclip_vert_green.png);
 background-repeat:no-repeat;
 width:32px;
 height:38px;
 position:absolute;
 top:-10px;
 right:0px;
}
#splash .col2 .adults .panel-header .paperclip
{background-image:url(../images/layout/paperclip_vert_purple.png);
}
#splash h1.logo img
{top:-40px;
 left:-30px;
}
#splash #header .intro .panel-body p 
{line-height:1.3em;
}
/* =Accordian
-----------------------------------------------------------------------------*/
 .accordian .panel-header h2 a
{
 background-image:url(../images/icons/accordian_icon.gif);
 background-repeat:no-repeat;
 padding-left:26px;
 padding-bottom:14px;
 padding-top:9px;
 background-position:0px 8px;
}
.accordian .panel-header h2 a:hover 
{ background-image:url(../images/icons/accordian_icon_hover.gif);
}
.accordian .panel-header,
.accordian .panel-body
{background-image:url(../images/layout/dotted_black.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
}
 .accordian .panel-header h2 
 {padding-left:9px;
 }
  .accordian 
  {background-image:url(../images/layout/dotted_black.gif);
 background-repeat:repeat-x;
 background-position:left top;
 margin-bottom:16px;
  }
  .accordian .panel-header
  {padding-top:7px;

  }
  .accordian .panel-body
{padding-top:15px;
 background-color:#DAF1FB;
 padding-left:13px;
 padding-right:12px;
}
.accordian .flash 
{background-image:url(../images/generic/target_alt_border.gif);
 background-repeat:repeat-x;
 
}
/* =Standard (Panel)
-----------------------------------------------------------------------------*/
.standard .flash
{padding-bottom:16px;
}
.standard img 
{padding-bottom:16px;
}
.standard ul.links p 
{padding-bottom:0px;
}
/* =anchor list (Panel)
-----------------------------------------------------------------------------*/
.anchor_list ol
{list-style-type:none;
	padding-left:17px;
}
.anchor_list ol li p a
{float:left;
 width:400px;
}
.anchor_list ol li p span.q
{float:left;
 padding-right:5px;
}
.anchor_list ol li
{padding-bottom:18px;
 font-size:1em!important;
}
/* =target (Panel)
-----------------------------------------------------------------------------*/
.target 
{ background-image:url(../images/generic/target_border.gif);
   background-repeat:repeat-x;
background-position:left bottom;
background-color:#DAF1FB;

}
.target .panel-header,
 .target .panel-body 
{
 padding-left:17px;
 padding-right:13px;
}
 .target .panel-body p 
 {padding-bottom:2px;
 }
  .target .panel-body p.read_more
  {padding-bottom:10px;
  }
.target .panel-header
{padding-top:12px;
	padding-bottom:16px;
} 
.top .panel-header
{background-image:url(../images/generic/target_alt_border.gif);
 background-repeat:repeat-x;
}
.alt 
{background-color:transparent;
 background-image:url(../images/generic/target_alt_border.gif);
}
/* =Image Left/Right (Panel)
-----------------------------------------------------------------------------*/
img 
{display:block;
}
.left .panel-body img,
.accordian .left img  
{margin:0;
 display:block;
 float:left;
margin-bottom:0px!important;
margin-top:3px;
margin-right:10px;
 }
/* =Quote (Panel)
-----------------------------------------------------------------------------*/
.quote 
{background-image:url(../images/layout/yp_quote_mid.gif);
 background-repeat:repeat-y;
 width:480px;

}
.quote .panel-body
{background-image:url(../images/layout/yp_quote_top.gif);
 background-repeat:no-repeat;
 width:444px;
 padding-left:17px;
 padding-right:19px; 
 padding-top:14px;
 padding-bottom:10px;
}
.quote div.bttm
{background-image:url(../images/layout/yp_quote_bttm.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 height:27px;
 width:480px;
}
.quote .panel-body blockquote p 
{padding-bottom:0px;
}
.quote .panel-body blockquote cite 
{padding-top:3px;
	display:block;
}
.quote 
.quote img 
{float:right;
}
#child .quote 
{background-image:url(../images/layout/child_quote_mid.gif);
}
#child .quote .panel-body
{background-image:url(../images/layout/child_quote_top.gif);
}
#child .quote div.bttm
{background-image:url(../images/layout/child_quote_bttm.gif);
 height:33px;
}
/* =ListView Row (Panel)
-----------------------------------------------------------------------------*/
.listview_row .item
{float:left;
 background-image:url(../images/layout/lv_item_top.gif);
 background-repeat:no-repeat;
 padding-top:11px;
 margin-right:7px;
 
}
.listview_row .last 
{margin-right:0px;
}
.listview_row 
{margin-bottom:19px;
 float:left;
}
.listview_row .item .panel-header 
{background-image:url(../images/layout/lv_item_mid.gif);
 background-repeat:repeat-y;
padding-right:21px;
 padding-bottom:0px;
 padding-left:21px;
 width:189px;
}
.listview_row .item .panel-header h2
{padding-bottom:4px;
}
.listview_row .item img.bttm 
{background-image:url(../images/layout/lv_item_bttm.png);
 background-repeat:no-repeat;
 position:absolute;
 z-index:30;
}
.listview_row .item .panel-body img 
{background-color:#fff;
 padding:1px;
 border:1px solid #999;
}
.listview_row .item .panel-body
{ padding-left:6px;
}
.listview_row .doc p.read_more 
{background-image:url(../images/icons/lv_doc.gif);
 background-repeat:no-repeat;
padding-left:18px;
background-position:0px 3px;
}
.listview_row .video p.read_more 
{background-image:url(../images/icons/lv_video.gif);
 background-repeat:no-repeat;
 padding-left:18px;
 background-position:0px 3px;

}
.listview_row .item:hover  .panel-body img
{filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;
 z-index:10;
}
/* =Quiz Rollovers (Panel)
-----------------------------------------------------------------------------*/
.quiz div.first .panel-body,
 .quiz div.quiz1
{background-image:url(../images/generic/target_border.gif);
 background-repeat:repeat-x;
 
}
.quiz div.quiz1
{background-position:bottom;
}
.quiz div.quiz1 .panel-body dl dd span
{
position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;
display:none;

}
.quiz div.quiz1 .panel-body dl dd
{display:inline-block;
 background-image:url(../images/icons/quiz_placeholder.gif);
 height:36px;
 width:34px;
 float:left;
}
.quiz div.alt .panel-body dl dd
{ background-image:url(../images/icons/quiz_placeholder_alt.gif);

}
.quiz div.yes .panel-body dl:hover dd
{ background-image:url(../images/icons/quiz_yes.gif);

}
.quiz div.no .panel-body dl:hover dd
{ background-image:url(../images/icons/quiz_no.gif);

}
.quiz div.quiz1 .panel-body dl dt
{float:right;
 width:420px;
}
.quiz div.quiz1 .panel-body dl
{padding-left:5px;
 float:left;
 padding-top:7px;
  padding-bottom:7px;

}
.quiz div.alt .panel-body dl
{background-color:#DAF1FB;
}
.quiz div.yes .panel-body dl:hover
{background-color:#F9CCCC;
}
.quiz div.no .panel-body dl:hover
{background-color:#CCE5CC;
}
/* Sitemap */
.sitemap ul.level1 li
{background-image:url(../images/generic/target_border.gif);
 background-repeat:repeat-x;
 list-style-type:none;
 background-position:left top;
 padding-top:15px;
}
.sitemap ul.level1 li p
{padding-bottom:10px;

}
    .sitemap ul.level2 
    {background-image:url(../images/generic/target_border.gif);
        background-repeat:repeat-x;
         background-position:left top;
padding-top:14px;
    }
    .sitemap ul.level2 li
    {background-image:url(../images/icons/bullet_blue.gif);
     background-repeat:no-repeat;
     background-position:0px 8px;
     margin-left:10px;
     padding-left:9px;
     padding-top:0px;
    }
   .sitemap
   {background-image:url(../images/generic/target_border.gif);
        background-repeat:repeat-x;
         background-position:left bottom;
   }
   @media screen and (-webkit-min-device-pixel-ratio:0){
.listview_row .item p.read_more {background-position:0px 2px;}
}