html, body{
	height:100%;
	width:100%;
/*
	display:table;
*/
}
body{
	margin:0;
	padding:0;
	vertical-align:middle;

	font:11px Verdana, sans-serif;
	color:#4b4b4b;
	background:url(images/senior/bg-body.gif);
}
img{border:none;}
a{text-decoration:none;}

#header{
width: 802px;
margin: 0 auto;
overflow: hidden;
}

.right-photo {
     float: right;
     padding: 0 5px 0 25px;
}


#main{
	width:782px;
	margin:0 auto;
	overflow:hidden;
	border:10px solid #000;
}

.main-nav {
    margin: 0 auto;
	width:800px;
/*
    overflow:hidden;
*/
}

/* Very top grey and white global navigation bar */
.nav{
	list-style:none;
	padding:0;
	overflow:hidden;
	height:32px;
        margin: -2px 0 0 5px;
	padding:0px 0 0 2px;
	width:800px;
}
.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:#767676;
	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/bg-nav-left-sr.png) no-repeat;
	float:left;
	padding:8px 8px 10px 15px;
	height:44px;
}

.nav a em{
	background:url(/wp-content/themes/bss/images/bg-nav-right-sr.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;
}


/*navigation*/
#navigation{
	width:100%;
	height:62px;
	margin:0;
	padding:0;
	list-style:none;
	background-color:#9f1b33;
	border-bottom:10px solid #000;
}
#navigation li{
	display:inline;
}
#navigation li a{
	float:left;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/senior/bg-navigation.gif) no-repeat;
}
#navigation li a.about{
	width:122px;
	background-position:0 0;
}
#navigation li a.programs{
	width:159px;
	background-position:-122px 0;
}
#navigation li a.student{
	width:137px;
	background-position:-281px 0;
}
#navigation li a.boarding{
	width:110px;
	background-position:-418px 0;
}
#navigation li a.admissions{
	width:134px;
	background-position:-528px 0;
}
#navigation li a.resources{
	width:120px;
	background-position:-662px 0;
}
#navigation li a.about:hover,
#navigation li.active a.about{
	background-position:0 -43px;
}
#navigation li a.programs:hover,
#navigation li.active a.programs{
	background-position:-122px -43px;
}
#navigation li a.student:hover,
#navigation li.active a.student{
	background-position:-281px -43px;
}
#navigation li a.boarding:hover,
#navigation li.active a.boarding{
	background-position:-418px -43px;
}
#navigation li a.admissions:hover,
#navigation li.active a.admissions{
	background-position:-528px -43px;
}
#navigation li a.resources:hover,
#navigation li.active a.resources{
	background-position:-662px -43px;
}
/*visual*/
.visual{
	width:782px;
	overflow:hidden;
	border-bottom:10px solid #000;
}
.visual object{
	float:left;
}

.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;
}

#content-box{
	width:782px;
	overflow:hidden;
	background:#ffffff;
}

.footer-box{
	/*width:100%;*/
	/* background:url(/wp-content/themes/bss/images/bg-btm.png) no-repeat; */
	padding:40px 0 0;
	/*text-align:center;*/
	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*/
.content{
	width:742px;
	float:left;
	padding: 0 20px 20px 20px;
        text-align: justify;
}
.content h1{
	margin:0;
	font-size:16px;
	line-height:18px;
}
.content p{
	margin:5px 0 8px;
	line-height:19px;
}
/*sidebar*/
.sidebar{
	width:338px;
	padding:0 1px 1px 0;
        float: right;
        margin: 30px 0 0 0;
        padding: 0 30px 0 0;
}
.sidebar ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:1px 0 0;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
}
.sidebar ul li{
	width:100%;
	background:url(images/senior/bg-menu-rows.gif) repeat-x 0 100%;
}
.sidebar ul li a{
	width:248px;
	display:block;
	padding:1px 0 1px 10px;
	color:#786c6c;
}
.sidebar ul li a:hover,
.sidebar ul li a.active{
	background-color:#9f1b33;
	color:#fefefe;
}

h2 {
color: #4d4d4d;
}

#photo-stack {
        width: 391px;
        height: 347px;
        float: right;
        margin-left: 10px;
        padding: 4px 5px 5px 7px;
        background:url(/wp-content/themes/bss/images/photostack-bg.png) no-repeat;
        margin-top: -9px;
}

.sr-photo {
       padding: 11px 0 0 15px;
}

/*	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;
}

.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 {
	float: left;
	text-decoration:none;
	padding:0 0 0 12px;
	margin:0;
	font-size:11px;
	font-family:Tahoma,Geneva,sans-serif;
	color:#000;
}

#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;
}


#main ul.subsection_tabs {
list-style:none;
margin:0 0 5px 0;
padding:0;
clear:both;
border-bottom:1px solid #ccc;
height:20px;
clear:both}

ul.subsection_tabs li.tab{float:left;margin-right:7px;text-align:center}

ul.subsection_tabs li.tab a{display:block;height:20px;padding:0 6px 0 6px;background-color:#fff;color:#666;width:80px}

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

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

ul.subsection_tabs li.source_code{float:right}


/* CONTACT US BUBBLE CODE */
/* tooltip styling */
.tooltip {
	position: absolute;
	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;
}

#courses-nav {
	float: left;
    width: 600px;
/*
    padding: 20px;
*/
}

#courses-nav li, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#courses-nav li a {
    display: block;
    color: #000;
    width: 300px;
    padding: 5px 0;
	text-decoration: underline;
}