body {
	margin:0;
	color:#383838;
	font:11px Verdana, Arial, Tahoma, sans-serif;
	background:url('/wp-content/themes/bss/images/junior/js-bg.jpg');
}


#photo-stack {
        width: 401px;
        height: 364px;
        float: right;
        background:url(/wp-content/themes/bss/images/photostack-bg.png) no-repeat;
        margin-top: -1px;
        margin-left: 18px;
        margin-right: 40px;
        margin-bottom: 0px;
}

.jr-photo {
       padding: 16px 0 0 22px;
}

@font-face {
        font-family: "Garamond Premier Pro";
        src: local("Garamond Premier Pro"), url("GaramondPremrPro.otf") format("opentype");
}

.title {
      font: 20px "Times New Roman";
      color: #990000; 
      margin: 15px 0 0 0;
}

b {
      font: 16px "Garamond Premier Pro";
      color: #000; 
}

p {
font:11px Tahoma, Geneva, sans-serif !important;
	line-height:18px !important;
}

img {
	border-style:none;
}
a {
	text-decoration:underline;
	color:#383838;
	outline:none;
}
a:hover {
	text-decoration:none;
}
table, td {
	padding: 0;
	margin: 0;
}
#main {
	width:770px;
	margin:18px auto 0 auto;
	padding:0 0 20px 0;
}

.main-nav {
    margin: 0 auto;
	width:800px;
}

/* Very top grey and white global navigation bar */
.nav{
	list-style:none;
	padding:0;
	overflow:hidden;
	height:32px;
        margin: -2px 0 0 0;
	padding:0px 0 0 2px;
	width:840px;
        z-index:1;
}
.nav li{
	float:left;
	margin:0 0 0 -4px;
	display:inline;
	font:14px "AdobeGaramond", serif;
}

.nav li.search {
	padding-left:25px;
	padding-top:5px;
}

.nav a{
	text-decoration:none;
	color:#999;
	text-align:center;
	height:64px;
	float:left;
	outline:none;
	cursor:pointer;
}
.nav a:hover{
	border:none;	
}
.nav a span{
	background:url(/wp-content/themes/bss/images/junior/bg-nav-left-jr.png) no-repeat;
	float:left;
	padding:8px 8px 10px 15px;
	height:44px;
}

.nav a em{
	background:url(/wp-content/themes/bss/images/junior/bg-nav-right-jr.png) no-repeat;
	float:left;
	height:64px;
	width:7px;
}

.nav a:hover span,
.nav a:hover em,
.nav .active span,
.nav .active em{
	margin:-32px 0 0;
	padding-top:40px;
	color:#666;
}

#header {
	width:772px;
	height: 190px;
	margin:0 0 20px 0;
	position:relative;
}
.flash-container1 {
	width:466px;
	height:111px;
	margin:0 0 10px 133px;
	overflow:hidden;
}
.flash-container1 img {
	float:left;
}
.girl{
	background:url(/wp-content/themes/bss/images/junior/girl.png) no-repeat 0 0;
	width:216px;
	height:275px;
	position:absolute;
	top:22px;
	left:0;
	z-index: 1 !important;
}
#header ul {
	width:623px;
	margin:0;
	padding:20px 0 10px 10px;
	list-style:none;
	background:url('/wp-content/themes/bss/images/junior/nav-bg.gif') no-repeat;
}
#header ul:after{
	content:"";
	clear:both;
	display:block;
}
#header li {
	padding:0 15px 0 0;
	float:left;
}
#header li a {
	display:block;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:10;
}
li#what_is_reggio a {
	width:154px;
	background:url('/wp-content/themes/bss/images/junior/the-reggio-program.gif') no-repeat;
}
li#environment a {
	width:115px;
	background:url('/wp-content/themes/bss/images/junior/the-inspirations.gif') no-repeat;
}
li#outcomes a {
	width:112px;
	background:url('/wp-content/themes/bss/images/junior/the-classroom.gif') no-repeat;
}
li#examples a {
	width:78px;
	background:url('/wp-content/themes/bss/images/junior/resources.gif') no-repeat;
}
li#how_to_apply a {
	width:80px;
	background:url('/wp-content/themes/bss/images/junior/admissions.gif') no-repeat;
}
li#helpful_links a {
	width:80px;
	background:url('/wp-content/themes/bss/images/junior/links.gif') no-repeat;
}

.bottom-box{
	width:100%;
	/* background:url(/wp-content/themes/bss/images/bg-btm.png) no-repeat; */
	padding:30px 0 20px 0;
	text-align:center;
	font-size:10px;
}

.footer-box{
	padding:40px 0 0;
	font-size:10px;
    margin-left:33px;
    position:relative;
}

.footer-box span{
	font:10px Tahoma, Geneva, sans-serif;
	color:#4B4B4B;
	line-height:8px;
    margin-left:380px;
    margin-top:40px;
    position:absolute;
    width:500px;
 padding-bottom:30px;
}

.content-header {
	background:url('/wp-content/themes/bss/images/junior/content-header.png') no-repeat;
	position:relative;
	height:55px;
}
.content-bg {
	background:url('/wp-content/themes/bss/images/junior/content-body.png') repeat-y;
	background-color: transparent;
	margin-left:7px;
	margin-top:-16px;
	margin-bottom:-30px;
    padding-left: 40px;
/*   
    padding-bottom: 20px;
    height: 600px;  
*/
    text-align: justify;
    min-height: 450px;
}

.entry {
       padding-right: 50px;
}

.content-footer {
	background:url('/wp-content/themes/bss/images/junior/content-footer.png') no-repeat;
	height:49px;
    margin-left: 7px;
}

.main-pict {
	position:absolute;
	top:-127px;
	left:-107px;
}
.flash-container2 {
	width:880px;
	height:128px;
	position:relative;
	top:20px;
	left:0;
	z-index: 2;
}
.flash-container2 img{
	position:relative;
	z-index:1000;
}

/*content*/
.content{
	width:325px;
/*        height: 500px;  */
	float:left;
	padding: 0 10px 20px 20px;
        text-align: justify;
}

/*sidebar*/
.sidebar{
	width:382px;
	padding:0 1px 1px 0;
        float: right;
        margin: 0 0 0 0;
        padding: 0 30px 0 0;
}


#content h1 {
	margin:0 0 15px 0;
}
#content h1 span {
	display:none;
}
#content h2 {
	margin:0 0 10px 0;
}
#content h2 span {
	display:none;
}
#content p {
	line-height:17px;
	margin:0 0 20px 0;
}
.cont-pict {
        float: right;
        margin: 0 0 0 25px;
        padding: 0;
}

table.year-course {
	width:590px;
	border-collapse:collapse;
	position:relative;
	overflow:hidden;
	clear: both;
}
tr.colored {
	background:#FFFFFF;
}
.year-course td {
	height:22px;
	padding:0 0 0 10px;
	text-align:center;
}
td.first-col {
	padding:0 0 0 2px;
	text-align:left;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {


	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


#top-bar {
	width:100%;
	height:25px;
	background:url(/wp-content/themes/bss/images/top-bar.png) repeat-x;
        z-index:2;
}

.top-bar-menu {
        width: 800px;
        margin: 0 auto;
}

#top-links { 
	float: left;
	padding-top:4px;
	width:360px;
	margin:0;
}

#top-links a {
	text-decoration:none;
	padding:5px 0 0 12px;
	margin:0;
	font-size:11px;
	font-family:Tahoma,Geneva,sans-serif;
	color:#000;
}

#top-links a:hover {
	color:#a70e29;
}

#top-search {
	float:right;
	padding-top:4px;
	width:340px;
	margin:0;
}

#top-search a {
	text-decoration:none;
	padding:0 0 0 12px;
	margin:0;
	font-size:11px;
	font-family:Tahoma,Geneva,sans-serif;
	color:#000;
	float: left;
}

#top-search a:hover {
	color:#a70e29;
}


#searchform {
	width: 165px;
	height: 22px;
	padding-top:-3px;
    float: right;
}

#search-text {
	background:url(/wp-content/themes/bss/images/input.png) no-repeat;
	color: #666666;
	width: 106px;
	height:16px;
	border:none;
	padding-left:5px;
	padding-top:2px;
}

#search-button {
	background:url(/wp-content/themes/bss/images/mag.png) no-repeat;
	border:0 none;
	cursor:pointer;
	height:16px;
	width:20px;
}

/* Sub Sub Menu Section */

.tab_section {
   width: 280px !important;
   margin-top: 5px;
   float: left;
   z-index: 10 !important;
}

.tab_div {
   width: 280px !important;
   z-index: 10 !important;
   text-align: justify;
   line-height:17px;
}


ul.subsection_tabs {
list-style:none;
margin:0 0 5px 0;
padding:0;
clear:both;
margin-left: 100px;
/* border-bottom:1px solid #ccc; */
height:20px;
clear:both;
width: 210px;
z-index: 10 !important;
}

ul.subsection_tabs li.tab {
float:left;
margin-right:5px;
text-align:center
z-index: 10 !important;
}

ul.subsection_tabs li.tab_on {
float:left;
margin-right:5px;
text-align:center
display:block;
height:20px;
padding:0 6px 0 6px;
background-color:#fff;
color:#000;
width:40px
z-index: 10 !important;
text-decoration: none;
}

ul.subsection_tabs li.tab a {
display:block;
height:20px;
padding:0 6px 0 6px;
background-color:#fff;
color:#990000;
width:40px
z-index: 10 !important;
text-decoration: none;
}

ul.subsection_tabs li.tab a:hover{color:#666}

/* ul.subsection_tabs li.tab a.active{background-color:#ddd}  */


/* CONTACT US BUBBLE CODE */
/* tooltip styling */
.tooltip {
	display:none;
	background:url(/wp-content/themes/bss/images/contactus-bubble.png) no-repeat;
	height:226px;
	padding:40px 30px 10px 30px;
	width:170px;
	font-size:11px;
	color:#000;
    margin-top: 310px;
	line-height: 1.2em;
    z-index: 9999;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#b31e3c !important;
	font-size:11px;
	font-weight:bold;
}

.link-a { 
        margin-left: -9px !important;
}

.the-thread {
line-height: 20px;
}

#arrangement {
	margin-top: 200px;
	margin-left: 200px;
        position: absolute;  
        z-index: 99999;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
#mediaspace {
 background-color: #999999;
}
.media-gallery #logoplayer {
	position:relative;
	bottom:80px;;
	left:450px;
	background:url(images/logoplayer.jpg) no-repeat;
	width:268px;
	height:48px;
}