/* BORDER STUFF */
.cb {
	margin:0.5em 0;
}
/* Rules for the top corners and border */
.bt {
	background:url(/research/rossant/images/container/mybox.png) no-repeat 100% 0;
	margin:0 0 0 40px;
	height:45px;
}
.bt div {
	height:45px;
	width:40px;
	position:relative;
	left:-400px;
	background:url(/research/rossant/images/container/mybox.png) no-repeat 0 0;
	text-align:left;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(/research/rossant/images/container/mybox.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {

	height:17px;
	width:18px;
	position:relative;
	left:-400px;
	background:url(/research/rossant/images/container/mybox.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 10px;
	background:url(/research/rossant/images/container/myborders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 10px 0 0;
	background:url(/research/rossant/images/container/myborders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}



body
{
	background-color: white;
	color: #333;
	margin: 20px;
	padding: 0px;
	font-family: Trebuchet MS,verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	
	background-image: url("/research/rossant/images/bkgrd.gif"); 
	background-repeat: repeat;
	background-attachment: fixed;
}


p {
	font: 12px/20px Trebuchet MS,verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}


/*
.Content>p { margin: 0px; }
.Content>p+p { text-indent: 30px; }
*/

a, a:visited
{
	color: #767676;
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-weight: 600;
/* text-decoration: none; */
}
a:link		{  color: #767676; text-decoration: none}
a:visited   {  color: #767676; text-decoration: none}
a:hover     {  color: #999999; text-decoration: underline}



#header {
	visibility: visible;
	margin: 0;
	padding: 0;
	border: 0;
	/*background-color: #ffffff;*/

	left:0px;
/*text-align:left;*/
}

#header .SKlogo {
text-align: left;
}

.SKlogo img {
margin-bottom: 20px;
margin-top: -12px;
margin-left: 10px;
z-index: 1;
position: relative;
}

.SKlogo a img {
border: none;
}

.animation {
float: right;
margin-top: -26px;
}

#headerBar
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 2px;
	background-color: #00CCFF;


line-height:1px;
font-size: 1px;
/* z-index: 1; */
}


/* All the content boxes belong to the content class. */
.content, .contenthome
{
	position: absolute;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;

	margin: 20px 40px 20px 180px;
	
	border-left: 1px dashed #00CCFF;
	border-bottom: 1px dashed #E6E4CA;

	font-size:12px;
	padding: 10px;

	/* This allows the content to overlap the right menu in narrow windows in good browsers. */
text-align:left;
position:static;
/* z-index: 1; */
margin: 20px 0 0 150px;
}

.contenthome {
margin: 0 0 0 150px;
}

.contentB
{
	position: absolute;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 800;
	min-width: 540px;
	margin: 10px 40px 20px 20px;
	
	border-bottom: 1px dashed #E6E4CA;
	/*border-right:1px solid #C3D23A;
         border-top:1px solid #C3D23A;*/
	background-color: white;
	font-size:12px;
	padding: 20px;
	z-index: 1;

}

/*
.navLastHover
{
	cursor: pointer;
	border-left: 3px solid #A9A38D;
	font-weight: bold;
}
*/

h2 {
	color: #333;
	font-size: 14px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
margin:0 0 10px 0;
}
	
h3, div.content span.header {
	color: #0B98CD;
	font-size: 16px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;

margin:0;
padding-bottom: 10px;
}

h4 {
font-size: 12px;
font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
}
	
.colheader {
color: #0B98CD
}

	
.bold {
	font-style: normal;
	font-weight: 900;
}


.circle { list-style-type: circle; }

ul {
margin: 0 0 15px 25px;
padding:2px;
}

ul li {
	margin: 9px 0px 9px 0px;
	list-style-type: circle;
}

/* added Jan 09 */

.disc li {
list-style-type: disc;
}

.nomargin ol { /*see IE*/
margin-left: -10px;
margin-bottom: 0;
}

.nomargin li {
padding: 6px 0;
}

/* new left nav added Jan 09 */

dl#leftnav {
float:left;
width: 135px;
/*margin-left: 5px;*/
margin: 20px 0 0 5px;
/*margin-top: 20px;*/
text-align: left;
padding-right: 10px;
/*border-right: 1px dashed #0cf;*/
}

#leftnav dt { /*see IE*/
width: 130px;
padding: 3px 0 3px 5px;
color: #fff;
font-weight: bold;
}

dt.one {margin-top: 0; background-color: #00AFE0;} 
dt.two {margin-top: 14px; background-color: #ED7A4F; }
dt.three {margin-top: 14px; background-color: #D3BB1B;}
dt.four {margin-top: 14px; background-color: #E45799;}
dt.five {margin-top: 14px; background-color: #3465AD;}

#leftnav dd {
margin: 2px 0 0;
border-bottom: 1px solid #eee;
}

#leftnav dd a {
text-decoration: none;
/*padding-left: 9px;*/
padding:3px 0 3px 9px;
display: block;
}

#leftnav dd a:hover {
border-left: 3px solid #A9A38D;
padding-left: 6px;
color: #666;
}

table.research {
	margin: 40px 0px 0px 0px;
	background-color: #EAEAEA;
	color: #333;
	font-size: 12px;
	font-family: TrebuchetMS, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	width: 90%;
}

table.schedule {	
	background-color: #EAEAEA;
	color: #333;
	font-size: 12px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	width: 500px;
}
table.people {	
	font-size: 12px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

#date {
	background-color: #aaa;
	text-align:center;
	font-size: 18px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	width:80px;
}
	
#name {
	background-color: #fff;
	text-align:center;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	width:500px;
}
	
		 
#this {
	text-decoration: underline;
    }

.infoBoxA {
	width:100px;
	height:60px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	background-color:#e6e6e6;
}

.infoBoxB {
	width:100px;
	height:60px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	background-color:#ccc;
}

.infoBoxC {
	width:100px;
	height:60px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	background-color: #999;
}

#bold  {
	font-weight: bolder};

.contentB
{
	position: absolute;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 800;
	min-width: 540px;
	margin: 10px 40px 20px 20px;
	
	border-bottom: 1px dashed #E6E4CA;
	/*border-right:1px solid #C3D23A;
         border-top:1px solid #C3D23A;*/
	background-color: white;
	font-size:12px;
	padding: 20px;
	z-index: 1;

}

td.textLeft {
	text-align:left;
}

td.textLeftTop {
	text-align:left;
	vertical-align: top;
	padding: 10px;
	border: none;

}

td.largeText, .largeText, .smallHeader {color: #0B98CD;
	font-size: 16px;
	font-family: TrebuchetMS,verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;}
	
.smallHeader {
	font-size: 14px;
	color: #00BEE0;
}	

th  {
	font-size: 12px;
	font-weight: bold;
	}
	
.largerFont {
	font-size: 16px;
}


.footer {
text-align:center;
clear: both;
padding-top: 0;
color: #666;
}

.footer a {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
color: #666;
}

.footer p {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
margin:0;
padding:0;
padding-bottom:0px;
}

#blueBottom {
	background-color:#00BEE0; 
	padding:0; 
	margin:0; 
	height:5px;
	line-height:1px; 
	font-size: 1px;
clear:both;
}

/* added Jan 09 */

table.protocol {
border-collapse: collapse;
}

.protocol td, .protocol th {
padding: 4px 7px;
background: #fff;
border: 1px solid #0B98CD;
}

span.indenttel {
margin-left: 20px;
}

div.imgleft {
float: left;
margin: 2px 15px 4px 0;
}

.imgleft img {
margin: 0 7px 3px 0;
}

.imgleft span, .imgright span {
display: block;
font-size: 11px;
text-align: center;
margin: 2px 0;
}

div.imgright {
float: right;
margin: 2px 0px 4px 15px;
}

.imgright img {
margin: 0 7px 3px 0;
}

div#imghome img {
/*margin-bottom: 20px;
border-color: #fff;*/
}

#imghome a img {
/*border: 1px solid red;*/
margin-bottom: 20px;
border: 1px solid #999;
}

.clearleftfloat {
clear: left;
}