/* CSS Document */

body{
	font-family:Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#666;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	}

p{
	font-size: .8em;
	line-height:1.5em;
	margin: 0 0 1.5em 0;
	padding: 0;
	text-align: justify;
	}
	
p.bold{font-weight:bold;}
	
p.final{ margin-bottom:0;}/* This makes it so boxes don't extend when there is nothing below them. */

.italics{
	font-style:oblique;
	}

ul, li{
	margin: 0;
	padding: 0;
	}
	
a{	
	text-decoration:none;
	color: #ffffff;
	}

a:hover{
	text-decoration: underline;
	}

a:visited{
	color: #ffffff;
	}
	
#wrapper{
	width: 860px;
	margin: 0 auto;
	}


ul.mediamenu{
	height: .6em;
	width: 72.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:.9em;
	padding: 0em;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
		background-repeat: no-repeat;
	background-position: right;
	}
	
ul.topmenu{
	height: 1.2em;
	width: 72.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:.9em;
	border: 1px solid #000;
	padding: 0.6em;
	background-color: #0e4180;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-image: url(images/toolbarbkg.jpg);
	background-repeat: no-repeat;
	}

ul.topmenu li{
	float:left;
	margin-right:2.6em;
	}
	
ul.topmenu li a{
	color:#ffffff;
	font-weight: bold;
	}
	
ul.topmenu li a:hover{
	text-decoration: underline;
	color: #fffff;
	}
	
.topimage{
	margin: 0 auto 1em auto;
	height: 14em;
	width: 65em;
	border: solid 1px #ccc;
	padding: .6em;
	background-image: url(images/tv1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ffffff;
	}

#content{
	padding: 0 .5em;
	}
	
.specialbox{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: .8em;
	float: right;
	width: 250px;
	border: solid 2px #CCCCCC;
	padding:.5em;
	margin: 0 0 1em 1em;
	}

.specialboxblue{
	width: 520px;
	/*border: solid 2px #735474;*/
	padding: .5em;
	}
	
img.featureblue{
	float: left;
	border: solid 2px #ccc;
	margin-right: .5em;
	}
	
img.feature{
	float: right;
	border: solid 2px #ccc;
	margin-left: 0.5em;
	}

/* about us page */

.people{
	width: 65em;
	border: 1px solid #6e6e6e;
	padding: 0.6em;
	background-color: #dddddd;
	height: 2in;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-image: url(images/peoplebkg.jpg);
	}
.title{ /*Also used for other titles */
	display: block;
	font-size: 1em;
	font-weight:bold;
	color: #7f2423;
	}
.topics{
	display: block;
	clear: both;
	margin-bottom: 1em;
	font-size: .9em;
	color: #735474;
	}

.peopleimage{
	display: block;
	clear: both;
	margin-left: 1em;
	font-size: .8em;
	color: #666;
	float: left;
	clear: left;
	height: 3px;
	width: 3px;
	}
.peopledescription{
	display: block;
	clear: right;
	margin-left: 12.5em;
	font-size: 1.0em;
	color: #666;
	float: right;
	text-align: justify;
	margin-right: 2em;
	}


/* cases page */
.cases{
	margin: 0 auto 1em auto;
	width: 65em;
	border: 1px solid #666;
	padding: .6em;
	background-color: #dddddd;
	background-image: url(images/peoplebkg.jpg);
	}
	
	.twitbox{
	width: 485px;
	border: 1px solid #ffffff;
	padding: 0.6em;
	background-color: #dddddd;
	background-image: url(images/peoplebkg.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
					}
		

.title{ /*Also used for other titles */
	display: block;
	font-size: 1em;
	font-weight:bold;
	color: #7f2423;
	font-variant: small-caps;
	}
	
	.title h3 {
	font-weight: bold;
	color: #FFF;
	background: #333 url(images/images/nav-bg.jpg) repeat-x bottom;
	padding: 8px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	line-height: normal;
	margin-bottom: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}
.topics{
	display: block;
	clear: both;
	margin-bottom: 1em;
	font-size: .9em;
	color: #735474;
	}
.casedescription{
	display: block;
	clear: both;
	margin-left: 2em;
	font-size: .8em;
	color: #666;
	}

/* footer */
.foot{
	margin: 0 auto 1em auto;
	width: 65em;
	heigh: 20em;
	border: 1px solid #666;
	padding: .6em;
	background-color: #EDEDED;
	background-image: url(images/footer.png);
	}
	
.footdescription{
	display: block;
	clear: both;
	margin-left: 2em;
	font-size: 0.6em;
	color: #FFF;
	font-style: italic;
	}
	
a.pdflink{
	float: right;
	border: solid 1px #F0C082;
	padding: .2em;
	font-size: .8em;
	color: #666;
	font-weight:bold;
	margin-left:1em;
	margin-top:1em;
	}

a.pdflink:hover{
	text-decoration:none;
	color:#F0C082;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	}


br.clear{clear:both;}
.people .peopledescription p b font {
	text-align: justify;
}


/* news table */

.news{
	width: 65em;
	border: .5px solid #c4c4c4;
	padding: 0.9em;
	background-color: #ffffff;
	height: 2in;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
		}
		
		.newstwit{
	width: 65em;
	border: .5px solid #c4c4c4;
	padding: 0.9em;
	background-color: #ffffff;
	height: 3in;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
		}

table.materials{
	margin: 0 auto;
		border-collapse:collapse;
	text-align:center;
	}

a{	
	text-decoration:none;
	color: #6e6e6e;
	}

a:hover{
	text-decoration: underline;
	}

a:visited{
	color: #6e6e6e;
	}

caption{
	text-align: right;
	font-size:.75em;
	}

table.materials td, th{
	font-size:.8em;
	color: #000000;
	border: 0px;
	padding: 9px;
	text-align:left;
		}
	
th{
	background-color:#64262b;
	color: #F0C082;
	border-bottom: solid 1px #ccc;
	background-image: url(images/newsbar.jpg);
	background-repeat: no-repeat;
	
	}

th.instrchapter{
	width: 20em;
	color: #FFF;
	font-size: .9;
	font-family: Verdana, Helvetica, sans-serif;
}

th.instrcols{
	width:58em;
	color: #FFF;
	font-size: .9;
	font-family: Verdana, Helvetica, sans-serif;
}



.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

.slidebox{
	margin: 0 auto 1em auto;
	width: 65em;
	border: 5px solid #002c77;
	padding: .6em;
	background-color: #ffffff;
	}

.slideshow{
	display: block;
	clear: both;
	margin-left: 2em;
	font-size: .8em;
	color: #666;
	}


/* RESEARCH ROLLOVERS */

#rollover li {
text-decoration:none;
list-style-type: none;
list-style: none;}

#rollover li a {
text-decoration:none;
list-style-type: none;
list-style: none;
}

#rollover li a span {
visibility:hidden;
display:block;
position:absolute;
/**adjust disjointed text position in % or px**/
left:52%;
right: 11%;
color:#ffffff;
background-color:#195fa0;
border: 4px solid #636363;
padding: 8px; 
list-style-type: none;
list-style: none;
}

#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
visibility:visible;
list-style-type: none;
list-style: none;
}

#rollover li a:hover, #rollover li a:focus{
text-decoration: none;
color:#000000;
visibility:visible; 
list-style-type: none;
list-style: none;
}