html, body
{
    margin: 0;
    padding: 0;
	width:100%;
    height:100%;
    border: none;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #111111;
}

a {
outline: none;
}

ul {
margin: 0;
padding: 0;
border: none;
}

.strike {
text-decoration:line-through;
}

.main-outer-conatiner {
position: relative;
height: 100%;
width: 100%;
clear: both;
margin: 0;
padding: 0;
}

.main-inner-container {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

.header-outer-container {
background-repeat: repeat-x;
width: 100%;
height: 40px;
background-image: url(../images/banner_bg.png);
}

.header-container {
width: 1150px;
margin: auto;
height: 40px;
background-image: url(../images/banner_bg.png);
overflow: hidden;
}

.header-logo {
position: relative;
height: 40px;
width: 327px;
background-image: url(../images/banner_logo.png);
background-repeat: no-repeat;
}

.title-image {
position:relative;
left:-5px;
}

.body-outer-container {
background-color: #FFFFFF;
width: 100%;
height: 640px;
}

.body-main-column {
width: 1150px;
height: 100%;
margin: auto;
}

.footer-outer-container {
width: 100%;
height: 25px;
background-color: #0b7e7c;
border-bottom: solid 1px #CCCCCC;
}

.footer-container {
width: 1150px ;
margin: auto;
height: 25px ;
background-color: #0b7e7c;
overflow: hidden;
}

.end-outer-container {
width: 100% ;
height: 25px ;
background-color: #FFFFFF;
}

.end-inner-container {
width: 1150px ;
margin: auto;
height: 25px ;
background-color: #FFFFFF;
}

.footer-container a{
color: #FFFFFF;
text-decoration: none;
}

.footer-container a:hover{
text-decoration: underline;
}

.footlinks {
color: #FFFFFF;
position: relative;
left: 20px;
top: 5px;
}

.copyright {
color: #FFFFFF;
position: relative;
left: 610px;
top: 5px;
}

.heading {
font-weight: bold;
position: relative;
left: 10px;
}

.experimental-container {
width: 350px;
height: 640px;
float: left;
background-color: #FFFFFF;
}

.mid-container {
width: 450px;
height: 640px;
float: left;
}

.graduates-container {
width: 350px;
height: 640px;
float: left;
background-color: #FFFFFF;
}

.mid-top{
width: 100%;
height: 220px;
background-color: #FFFFFF;
}

.mid-mid{
width: 100%;
height: 200px;
background-color: #FFFFFF;
background-image: url(../images/labs-mini-science.png);
background-repeat: no-repeat;
}

.intro-text {
position: relative;
top: 50px;
}

.mid-bottom{
width: 100%;
height: 220px;
background-color: #FFFFFF;
}

/* /////////////////// rounded box 1 ////////////////////////*/

.rounded-top-row {
width:100%;
height:39px;
padding: 0px;
margin: 0px;
}

.top-left {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/topleftcorner39.png); 
}

.top-middle {
float:left;
width: 250px;
height:39px;
background-image: url(../images/corners/topedge39.png);
background-repeat: repeat-x;
}

.top-right {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/toprightcorner39.png); 
}

.middle-row {
width:100%;
height:520px;
padding: 0px;
margin: 0px;
background-color: white;
}

.middle-left {
float:left;
width: 39px;
height:100%;
background-image: url(../images/corners/leftedge39.png);
background-repeat: repeat-y;
}

.middle-content {
float: left;
background-color: #FFFFFF;
width: 250px;
height:100%;
padding: 0px;
margin: 0px;
color: #383838;
}

.middle-content a {
text-decoration: none;
color: #383838;
padding: 10px 20px 10px 20px;
}

.middle-content a:hover {
color: #FF0066;
font-weight: bold;
}

.middle-content ul {
padding: 0px;
margin: 0px;
}

.middle-content ul li {
padding: 25px 0px 0px 0px;
margin: 0px;
list-style: none;
background-image: url(../images/menu-breaker.png);
background-repeat: no-repeat;
text-align: center;
}

.middle-right {
float:left;
width: 39px;
height:100%;
background-image: url(../images/corners/rightedge39.png);
background-repeat: repeat-y;
}

.rounded-box-link a:hover {
color: #383838;
text-decoration: none;
}

.rounded-box-title-experimental {
position: relative;
height: 10px;
width:150px;
top: -5px;
left: 83px;
font-weight: bold;
color: #383838;
font-size: 12px; 
}

.rounded-box-title-graduates {
position: relative;
height: 10px;
width:150px;
top: -5px;
left: 67px;
font-weight: bold;
color: #383838;
font-size: 12px; 
}

.middle-content span {
position: relative;
top: 0px;
}

.rounded-bottom-row {
width:100%;
height:39px;
padding: 0px;
margin: 0px;
}

.bottom-left {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/bottomleftcorner39.png);
}

.bottom-middle {
float:left;
width: 250px;
height:39px;
background-image: url(../images/corners/bottomedge39.png);
}

.bottom-right {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/bottomrightcorner39.png);
}


/* /////////////////// rounded box 2 ////////////////////////*/

.rounded-top-row-2 {
width:100%;
height:39px;
padding: 0px;
margin: 0px;
}

.top-left-2 {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/topleftcorner39.png); 
}

.top-middle-2 {
float:left;
width: 350px;
height:39px;
background-image: url(../images/corners/topedge39.png);
background-repeat: repeat-x;
}

.top-right-2 {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/toprightcorner39.png); 
}

.middle-row-2 {
width:100%;
height:120px;
padding: 0px;
margin: 0px;
background-color: white;
}

.middle-left-2 {
float:left;
width: 39px;
height:100%;
background-image: url(../images/corners/leftedge39.png);
background-repeat: repeat-y;
}

.middle-content-2 {
float: left;
background-color: #FFFFFF;
width: 350px;
height:100%;
padding: 0px;
margin: 0px;
color: #383838;
}

.middle-right-2 {
float:left;
width: 39px;
height:100%;
background-image: url(../images/corners/rightedge39.png);
background-repeat: repeat-y;
}

.rounded-box-link-2 a:hover {
color: #383838;
text-decoration: none;
}

.rounded-box-title-welcome {
position: relative;
top: -10px;
left: 100px;
font-weight: bold;
color: #383838;
font-size: 12px; 
}

.rounded-box-title-feedback {
position: relative;
top: -10px;
left: 88px;
font-weight: bold;
color: #383838;
font-size: 12px; 
}

.rounded-bottom-row-2 {
width:100%;
height:39px;
padding: 0px;
margin: 0px;
}

.bottom-left-2 {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/bottomleftcorner39.png);
}

.bottom-middle-2 {
float:left;
width: 350px;
height:39px;
background-image: url(../images/corners/bottomedge39.png);
}

.bottom-right-2 {
float:left;
width: 39px;
height:39px;
background: url(../images/corners/bottomrightcorner39.png);
}


/*//////////////////////// positioing rounded boxes /////////////////////////*/



.home-box-1 {
position: relative;
float: left;
left: 10px;
top: 20px;
}

.home-box-2 {
position: relative;
float: left;
left: 10px;
top: 20px;
}

.home-box-3 {
position: relative;
float: left;
left: 10px;
top: 0px;
}