/*
Theme Name: safeplace_currentmarketing
-------------------------------------------------------------- */

body, html{
min-height: 100%; 
background-color: #ffffff; 
Font-Family: "Trebuchet MS", verdana, arial, sans-serif; 
font-size: 11px; 
margin: 0; 
padding: 0; 
}


#wrapper{
width: 960px; 
min-height: 100%; 
height: 100%; 
margin: 0 auto; 
left: 50%; 
background-color: transparent; 
}

/* Tell the browser to render HTML 5 elements as block */  
#content-homeage {  
    display: block;  
    clear: both; 
    position: relative; 
} 

#find{
float: right; 
width: 214px; 
height: 115px; 
background-image: url(images/yellow.png); 
background-repeat: no-repeat; 
padding-right: 43px; 
text-align: center;
font-family: "Arial Rounded MT Bold", arial, sans-serif; 
font-size: 18px; line-height: 30px;
}

.select{margin-top: 0px; }

.find{margin-top: 20px; 
}

.logo-wrapper{
float: left; 
position: relative; 
}


.logo{
width: 419px; 
text-indent: -9999px;
background-image: url(images/safeplace-logo-new.png); 
height: 90px;
margin-top: 25px; 
background-repeat: no-repeat; 
}

#text4helpbutton{
float: right;
width: 186px; 
height: 61px; 
position: absolute; 
top: 20px;
left: 500px;
}

#logo{
width: 693px; 
text-indent: -9999px;
background-image: url(images/logo.png); 
height: 115px; 
background-repeat: no-repeat; 
}

h1{margin: 0; 
padding: 0; 

}


#left{
float: left; 
width: 693px; 
height: 115px; 
}

.links{
Font-Family: "Trebuchet MS", verdana, arial, sans-serif; 
color: #525252; 
font-size: 14px; 
letter-spacing: -.01em;
padding-left: 17px;
font-weight: lighter;  
line-height: 40px; 
}

.links ul{padding: 0; 
margin: 0; 
float: left; 
list-style-type: none; 
}

.links ul li{
float: left; 
padding-right: 19px; 
}

.links ul li.last{
float: left; 
padding-right: 0px; 
}

#account_login{
background-image: url(images/account_button_bg.png); 
background-repeat: no-repeat; 
width: 214px; 
height: 36px; 
float: right; 
text-align: center; 
color: white; 
line-height: 35px; 
font-size: 15px; 
padding-right: 43px; 
}

#account_login a:link{
color: white; 
}

#account_login a:hover{
color: white; 
}

#account_login a:visited{
color: white; 
}

#account_login a:visited:hover{
color: white; 
}

#hero{
/* background-image: url(images/hero_bg.png); */
/*background-image: url(images/NSP-week-header.png);*/
/*background-image: url(images/hero2.jpg);*/
/*background-image: url(images/hero3.jpg);*/
background-repeat: no-repeat; 
width: 960px; 
height: 354px; 
display: block; 
z-index: 9;
clear: both; 
}

#interior-hero{
width: 960px; 
height: 354px; 
display: block; 
}

#interior-logo{
background-image: url(images/new-sign-interior.png); 
background-repeat: no-repeat; 
width: 314px; 
height: 313px; 
position: absolute; 
margin: 40px 0 0 20px; 
}

#NSPweek{
background-image: url(images/NSPweek.png);
background-repeat: no-repeat;
width: 960px;
height: 354px;
display: block;
clear: both;
}


.icons{width: 32px; 
background-image: url(images/icon_bg.png); 
background-repeat: no-repeat; 
background-position: top left; 
float: left; 
min-height: 33px; 
text-align: center; 
font-size: 18px; 
line-height: 33px;
}

.list{float: right; 
text-align: left; 
width: 618px; 
}



#sidebar{width: 238px; 
float: left; 
margin: 0 20px 50px 10px;
min-height: 400px;
padding: 0; 
z-index: 10000; 
}

#page-content{
background-image: url(images/content_bg.png); 
background-position: top left; 
background-repeat: repeat-y;
float: right; 
width: 960px; 
padding: 0; 
font-size: 13px; 
line-height: 22px; 
margin-bottom: 0px; 
}

#search-bg{
background-image: url(images/search_bg_interior_revised.png); 
background-position: top right; 
background-repeat: no-repeat;
float: right; 
width: 960px; 
padding: 0; 
font-size: 13px; 
line-height: 22px; 
margin-bottom: 50px; 
}

.page-text{
float: right; 
width: 660px; 
padding: 30px 10px 0 20px; 
font-size: 13px; 
line-height: 22px; 
}

#sidebar ul{
margin: 10px; 
margin-right: 0px; 
padding: 0; 
list-style-type: none; 
}



#sidebar ul li{
margin: 0; 
padding: 0; 
background-image: url(images/separator.png); 
background-repeat: no-repeat; 
background-position: bottom left; 
color: #525252; 
font-size: 11px; 
width: 218px; 
display: block; 
line-height: 54px;
padding-left: 10px;
}


#sidebar ul li ul{
background-image: url(images/separator.png); 
background-repeat: no-repeat; 
background-position: top left; 
margin: 0; 
padding: 0; 
}

#sidebar ul li  a:link{
text-decoration: none; 
color: #525252; 
width: 218px; 
display: block; 
}

#sidebar ul li a:hover{
text-decoration: none; 
color: #525252; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
width: 218px; 
display: block; 
}

#sidebar ul li a:link.active{
text-decoration: none; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
color: #525252; 
width: 218px; 
display: block; 
}

.current_page_item a:link {text-decoration: none; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
color: #525252; 
width: 218px; 
display: block;  }

#sidebar ul li.text{
width: 218px; 
line-height: 54px;
padding-left: 10px;
}

#sidebar ul li.text a:link{
text-decoration: none; 
color: #525252; 
width: 218px; 
display: block; 
}

#sidebar ul li.text a:hover{
text-decoration: none; 
color: #525252; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
width: 218px; 
display: block; 
}

#sidebar ul li.text a:link.active{
text-decoration: none; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
color: #525252; 
width: 218px; 
display: block; 
}

.hero-logo{float: left; 
margin: 20px; }

.hero-logo-home{float: left; 
margin: 40px 0 0 20px;
background: url(images/new-sign-main.png) top center no-repeat; 
width: 283px; 
height: 257px; 
 }

.hero-video{
float: right; 
margin: 30px 50px 0 20px; 
}

#caption-bar{
width: 960px; 
height: 33px;  
background-color: #c9c9c9;
margin-top: 1px;  
font-family:Georgia, times, serif; 
color: #525252; 
font-size: 17px;
text-align: right; 
padding-right: 0px; 
line-height: 30px; 
font-weight: light; 
letter-spacing: -.029em; 
margin-bottom: 40px; 
position: relative;
z-index: 1000;
}

#caption-bar .connect{
font-size: 22px; 
font-weight: bold; 
}

#caption-bar .text{
padding-right: 10px; 
float: left; 
}

#caption-bar .donate-button{
float: left; margin: -20px 5px 0 40px ;
}

#caption-bar ul{
float:left; 
margin: -20px 0px 0 75px; 
padding: 0; 
list-style-type: none; 
}

#caption-bar ul li{
float:right; 
margin: 0 2px 0 0; 
padding: 0; 
width: 78px; 
height: 75px; 
}

#header{
width: 960px; 
height: 151px; 
}

h2{
color: #1e3a83; 
font-size: 22px; 
font-weight: lighter; 
margin: 0; 
padding: 0 0 5px 0; 
text-align: left; 
}

.entry-title{
color: #1e3a83; 
font-size: 27px; 
font-weight: lighter; 
margin: 0; 
padding: 0 0 10px 0; 
text-align: left; 
}

h1{
color: black; 
font-size: 17px; 
font-weight: bold; 
margin: 0; 
padding: 15px 0 0px 0; 
text-align: left; 
}


h3{
color: #1e3a83; 
font-size: 27px; 
font-weight: lighter; 
margin: 0; 
padding: 10px 0 5px 20px; 
text-align: left; 
}

p{padding: 8px 0; 
margin: 0; 
}

h4{
text-align: center; 
font-size: 18px; 
padding: 5px 0 10px 0; 
font-style: italic; 
color: #848484; 
font-weight: lighter; 
margin: 0; 
}

.copy{
width: 610px; 
padding: 20px; 
float: left; 
font-size: 15px; 
line-height: 30px;
color: #525252; 
}

.copy-homepage{
width: 610px; 
padding: 20px; 
float: left; 
font-size: 12px; 
line-height: 20px;
color: #525252; 
}

#block{
width: 300px; 
height: 218px; 
background-color: #f6f6f6;
float: left; 
margin-right: 10px; 
}

.clear-both{
clear: both; 
display: block; 
width: 100%; 
}

#boxes{
clear: both; 
display: block; 
width: 100%; 
margin-bottom: 50px;
}

#boxes ul{
margin: 0; 
padding: 0; 
}

#boxes ul li{
padding: 0; 
width: 300px; 
height: 218px; 
background-color: #f6f6f6;
float: left; 
margin: 10px; 
margin-bottom: 50px; 
list-style-type: none; 
}

#footer{
width: 900px; 
background-color: #525252; 
padding: 20px 30px 0 30px;
color: #e6e6e6; 
height: 208px; 
display: block; 
clear: both; 
margin-top: 50px; position: relative; 
} 

#footer ul{
padding: 0; 
margin: 0; 
float: left; 
width: 280px; 
display: inline; 
height: 150px;
}

#footer ul li{
float: left; 
width: 130px; 
height: 22px; 
padding-right: 10px; 
list-style-type: none; 
font-size: 12px; 
line-height: 22px; 
text-transform: uppercase; 
}

#footer a:link{color: #e6e6e6; }
#footer a:hover{color: #e6e6e6; }
#footer a:visited{color: #e6e6e6; }
#footer a:visited:hover{color: #e6e6e6; }

.credits{
font-size: 11px; 
width: 600px; 
line-height:20px;
float: left; position: absolute; 
bottom:10px; left:30px; 
}

#footer-graphic{
background-image: url(images/new-footer-sign.png); 
background-repeat: no-repeat; 
float: right; 
width: 317px; 
height: 258px; 
margin-top: -50px;
}

.left{float: left;
 }
 
a{color: inherit; 
text-decoration: none; }

a:hover{text-decoration: none; }

a:visited{text-decoration: none; color: inherit;  }

.our-sponsors {
padding: 20px 0 0 0px;
}

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

.heros-4-youth{padding: 5px 15px 5px 20px;
font-size: 14px; 
line-height: 22px; 
color: #5e5e5e; }

.heros-4-youth a{color: #ca2d28;
text-decoration:  none;
 }
 
 
.heros-4-youth a:hover{color: #ca2d28;
text-decoration:  underline;
 }

.page-text a:link{
color: #0144be; 
text-decoration: none; 
font-weight: bold; 
}

.page-text a:hover{
color: #0144be; 
text-decoration: underline; 
font-weight: bold; 
}

.page-text a:visited:hover{
color: #0144be; 
text-decoration: underline; 
font-weight: bold; 
}

.page-text a:visited{
color: #0144be; 
text-decoration: none; 
font-weight: bold; 
}

.slideshow {
width: 300px;  
margin: 0 auto;
text-align: center;  }

.slideshow img { 
margin: 0 auto; 
text-align: center; 
}

#current a:link{
text-decoration: none; 
background-image: url(images/arrow.png); 
background-position: right top; 
background-repeat: no-repeat; 
color: #525252; 
width: 218px; 
display: block; 
}

img, div, a, input, background, table, tr, td { behavior: url(ie_png_fix/iepngfix.htc); }

hr {
  border: 0;
  width: 100%;
  color: #fefefe; 
  
}

.safePlaceAddress {
	padding: 10px 0px;
	font-size: 11px;
	width: 60%;
}


input[type=text]{
margin: 0; 
padding: 0; 
margin-left: 5px; 
margin-top: 0px;
height: 18px;
line-height: 20px;
width: 200px; 
}

input[type=image]{
margin-left: 10px; 

}

.button{
margin-top: 7px;
}

.input-text{
float: left; 
margin-top: 6px;
}

.input-button{
float: left; 
}

.share{
float:right; margin-top:5px; margin-right:22px;
margin-left: -2px;
padding-left: 2px;
padding-top: 1px;
color: #ffffff;
width: 93px; 
height: 25px; 
background: url(images/share_bg_page.png) top left no-repeat; 
font-size: 11px;
}

.st_sharethis_custom{
      color: #ffffff;
     background: url(images/teen/share_icon.png) top left no-repeat; 
     padding: 0 0 0 22px;
     margin-left: 2px;
     height: 29px; 
     font-size: 12px;
}

#search-interior{
display:block; width:675px; background-color:transparent; height:37px; float:right; z-index:99;
}

a:link img, a:visited img, a:hover img, a:active img { border:0px; } 

/*homepage div rotator css below*/

#jFlowSlide{ background:#DBF3FD; font-family: Georgia; background: url(images/hero_bg.png) no-repeat; position: relative; overflow: hidden;  }
#myController-right { font-family: Georgia;   width:22px; background-color: transparent; position: absolute; top: 150px; right: 0;  }

#myController { font-family: Georgia;  width:960px; background-color: transparent; position: absolute; top: 150px;  }

#myController-left { font-family: Georgia; width:22px; background-color: transparent; position: absolute; top: 150px; left:0;  }


.slide-wrapper { padding: 0px; background: url(images/hero_bg.png) no-repeat; overflow: hidden; width: 960px; height: 354px;  }
.slide-thumbnail { width:350px; float:left; }
.slide-thumbnail img {max-width:350px; }
.slide-details { width:485px; float:right; margin:18px 40px 0 0px;}
.slide-details .description { margin-top:0px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; }


.jFlowNext {float: right; text-indent: -9999px; background: url(images/next.png) no-repeat; width: 22px; height: 43px;  }
.jFlowPrev{float: left; text-indent: -9999px; background: url(images/prev.png) no-repeat; width: 22px; height: 43px;}

.jflow-content-slider{
position: relative; 
width: 960px;
height: 354px;
overflow: hidden; 
}

#slides{
overflow: hidden; 
width: 960px;
height: 354px;
}

/*end homepage div rotator css below*/