html, body, table { 
margin:0; 
padding:0; 
font-family: verdana, sans-serif;
font-size:.85em;
line-height:1.5;
color: #302f2f;
} 

table { 
font-size:100%;
}
 
a {
color:#0961BA;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#page { 
width:1000px;  
} 

 
#header {
position:relative;
height:68px; 
width:100%; 
text-align:right;
background-image: url(images/chspr_header_bg_light_navy.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: transparent;
margin-top: 2px;
margin-bottom:25px;
} 
 
#searchbox {
display:block;
float:left;
height:67px;
width:770px;
}
 
#csearchform {
position:relative;
display:block;
height:20px;
width:200px;
float:right; 
padding:0;
margin:0;
margin-top:48px;
margin-right:0px;
}

#csearchtext {
height:18px;
width:130px;
float:right; 
padding:0;
margin:0;
}

#leftcol {
width:220px;
float:left; 
position:relative;
overflow: hidden;
}

#rightcol{
width:180px;
float:right; 
margin-top:10px;
margin-left: 0px;
}
 
#twocols{
width:780px; 
float:right; 
position:relative; 
font-weight: normal;
}

#maincol{
background-color: #FFFFFF;  
float: left; 
display:inline; 
position: relative; 
width:580px;
margin-left:20px;  
}
 
#footer, #footercontainer {
margin-top:30px;
background-color:#DFDFDF;
height:100px; 
clear:both;
width:100%; 
color:#fff;
} 

#footercontainer {
border-right:1px solid #fff;
margin-top:0px;
background-color:#003366;
width:1080px; 
}
 
#footer a {
color:#ffffff;
text-decoration:none;
}

#fmenu {
margin-top:20px;
float: left; 
display:block;
width:135px;
margin-left:10px;
}
 
#faddress {
margin-top:20px;
display:block;
width:400px;
float:left;
margin-left:10px;
}

hr {
border: 0;
color: #ddd;
background-color: #ddd;
height: 1px;
width: 100%;
text-align: left;
}
 
ul li {
margin-bottom:7px;
margin-top:10px;
margin-left: 20px;
}

 /* *** Float containers fix: *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#ubcclf{display:none;} 
#header{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:90%; float:none;}
}

/*******************************************************************
MAIN MENU SECTION
********************************************************************/ 

#menuc {
width:195px;
margin-left:20px;
margin-bottom:6px;
background-color:#fff;
}

#blockc {
width:200px;
margin-left:10px;
margin-bottom:10px;
background-color:#ffffff;
}

#menuc h1, #leftcol h1 {
margin: 0;
width:185px;
background-color:#fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;
border-left:1px solid #fff;
padding:5px;
padding-left:8px;
padding-top:19px;
padding-bottom:10px;
color:#003366;
font-size:1.2em;
font-weight: normal;
font-family: verdana, arial;
}

html>body #menuc h1, #leftcol h1 {
margin: 0;
width:185px;
background-color:#fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;
border-left:1px solid #fff;
padding:5px;
padding-left:8px;
padding-top:19px;
padding-bottom:10px;
color:#003366;
font-size:1.2em;
font-weight: bold;
font-family: verdana, arial;
}

#rightcol {
font-size: 0.95em;
line-height: 140%;
margin-top: 0px;
}

#rightcol h1 {
margin: 0;
width:185px;
background-color:#fff;
padding:5px;
padding-left:8px;
padding-top:15px;
padding-bottom:0px;
color:#003366;
font-size:1.2em;
font-weight: normal;
font-family: verdana, arial;
}

html>body #rightcol h1 {
margin: 0;
width:185px;
background-color:#fff;
padding:5px;
padding-left:8px;
padding-top:15px;
padding-bottom:0px;
color:#003366;
font-size:1.2em;
font-weight: bold;
margin-top: 0px;
}


#rightcol h2 {
margin-bottom: 0px;
margin-left: 5px;
margin-top: 15px;
background-color:#ffffff;
color:#6f6f6f;
font-size:0.8em;
font-weight: normal;
line-height:40%;
}


#menuc ul
{
margin: 0;
padding: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
width: 185px;
list-style-image : none;
}

#menuc a, #navlist a
{
display: block;
padding:3px;
padding-left:8px;
width:185px;
border-bottom: 1px dashed #cccccc;
text-align: left;
font-size:1.1em;
font-weight: normal;
color: #353535;
}

#menuc a:link, #navlist a:visited
{
width:185px;
color:#353535;
text-decoration: none;
}

#menuc a:hover
{
background-color:#f5f9fe;
width:185px;
color:#0961BA;
}

#blockc p {
margin-left:4px;
}

#news, #publications, .column1, .column2, .column3, .column4 {
float:left;
display:block;
width:50%;
}

html>body #news, #publications, .column1, .column2, .column3, .column4 {
float:left;
display:block;
width:45%;
}

#news, #research, .column4 {
padding-left:0%;
padding-right:5%;
padding-top:0px;
padding-bottom:0px;
line-height:140%;
background-color:#fff;
font-size: 0.95em;
}

#news h1, #publications h1 {
color:#ad0a0a;
font-size: 1.6em;
border-bottom:1px dashed #cccccc;
padding-bottom:3px;
font-family: verdana, sans-serif;
font-weight: normal;
}

html>body 
#news h1, #publications h1 {
color:#ad0a0a;
font-size: 1.9em;
border-bottom:1px dashed #cccccc;
padding-bottom:3px;
font-family: verdana, sans-serif;
font-weight: normal;
}


#news h2 {
color: #000;
font-size: 1em;
line-height: 170%;
font-weight: normal;
margin-top: 10px;
}

#news h3 {
color: #000;
font-size: 1.3em;
line-height: 100%;
font-weight: bold;
padding-bottom: 5px;
}


.column31, .column32, .column33  {
float:left;
display:block;
width:30%;
margin-bottom:10px;
font-size: 0.95em;
}

.column32, .column33  {
padding-left:3%;
}

#grad_box h1 {
font-size:1.2em;
font-weight: bolder;
line-height: 140%;
color: #ffffff;
margin-left: 10px;
margin-top: 25px;

}

#grad_box th {
background-color: #143663;
border-right: 2px solid #ffffff;
}


#grad_box td {
background-color: #fff; 
padding: 5px;
font-size: 0.95em;
line-height: 150%;
}

/*******************************************************************
BASIC TYPOGRAPHY
********************************************************************/ 

h1, h3, #recent h1 {
color:#003366;
margin-top:10px;
margin-bottom:20px;
text-transform : none;
line-height:120%;
}

h1 {
font-size:2em;
font-weight: normal;
}

h2 {
font-size:120%;
color:#76a30b;
margin-top:20px;
margin-bottom:10px;
text-transform : none;
line-height:110%;
color:#034485;
font-weight: bold;
}

html>body h2 {
font-size:130%;
color:#76a30b;
margin-top:20px;
margin-bottom:10px;
text-transform : none;
line-height:110%;
color:#034485;
font-weight: bold;
}

h3 {
margin-top:20px;
margin-bottom:5px;
font-size:120%;
color:#000;
}

h4 {
font-size:1.1em;
font-weight: normal;
line-height: 140%;
color: #353535;
margin-top:0px;
margin-bottom:30px;
font-weight: normal;
width: 99%;
}


html>body h4 {
font-size:1.3em;
font-weight: normal;
line-height: 140%;
color: #353535;
margin-top:0px;
margin-bottom:30px;
font-weight: normal;
width: 99%;
}

p {
margin-top:10px;
margin-bottom:5px;
}

#maincol ul, ul {
list-style-image : url(images/arrow.gif);
margin-top:0px;
margin-bottom:3px;
}

#maincol ul ul, ul ul, ul ol {
list-style-image : url(images/square.gif);
}

#maincol td ul, td ul, #recent ul {
margin:0px;
list-style-image : url(images/arrow.gif);
padding-left:10px;
margin-left:10px;
}

#maincol td ul li, td ul, #recent ul li {
margin-bottom:10px;
}





/*******************************************************************
BROCHURE PAGE TYPOGRAPHY
********************************************************************/ 

.blockmenu {
width:96%;
background-color: #fff;
padding:5 5px 0 8px;;
margin-bottom:5px;
border-top:1px solid #BDE0FF;
border-bottom:1px solid #BDE0FF;
clear:both;
}

.blockmenu h3 {
color: #003366;
margin-bottom:0;
margin-top:0;
}

 .imgheader {
display:block;
float: left;
margin: 3 10 10 0px;
border: 1px solid #003366;
padding: 1px;
}

/*******************************************************************
MENU STYLES
********************************************************************/ 

.menu {
  padding: 0 0 0 0em;
  
}
.menu ul {
  list-style: none;
  border: none;
  text-align:left;
}
.menu li a {
  width: 100%;
  text-decoration: none;
}
li.expanded {
  list-style-type: none;
  list-style-image: none;
   padding: 0 0 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: none;
  list-style-image: none;
   padding: 0 0 0 0;
  margin: 0;
}
li.leaf {
list-style-type: none;
list-style-image: none;
padding: 0 0 0 0;
margin: 0;
}

li a.active {
color: #000;
}

li.expanded li.leaf, li.expanded li.collapsed, li.expanded li.expanded  {
list-style-type: none;
list-style-image: none;
padding: 0 0 0 7px;
}

#headerimage {
margin-top:10px;
margin-bottom:10px;
margin-left:2px;
width:440px;
height:115px;
}

blockquote {
margin-left:0;
margin-right:0;
margin-top:20px;
margin-bottom:10px;
font-size:1.4em;
line-height:120%;
color: #003366;
}

html>body blockquote {
margin-left:0;
margin-right:0;
margin-top:20px;
margin-bottom:10px;
font-size:1.8em;
line-height:120%;
color: #003366;
}



/*******************************************************************
DECORATIVE TABLE STYLES
********************************************************************/ 
#conference_tables {
margin-top:10px;
margin-bottom:10px;
border:1px #eeeeee solid;
}

#conference_tables td {
padding:10px;
text-align: left;
vertical-align:top;
}

#pub_contents {
margin-top:10px;
margin-bottom:10px;
border-collapse: collapse;
width: 95%;
}

#pub_contents tr.yellow td, #pub_contents tr.yellow th {
border-top:1px solid #fff;
border-bottom:1px solid #8cc10d;
background:#fff;
font-weight:bold;
font-size: 1.1em;
padding: 10px;
width: 30%;
}

#pub_contents td {
border-bottom: 1px solid #fff;
padding:10px;
text-align: left;
vertical-align:top;

}

#pub_contents th {
padding:0.3em;
text-align:left;
font-weight:bold;
}

#pub_contents td.adjacent {
border-left: 1px solid #CCC;
text-align:left;
vertical-align:top;
width:70%;
}
	
#recent {
background-color:#F5FBDF;
padding:10px;
margin:7px;
width:40%;
display:block;
float:right;
border-top:1px solid #FFF2A6;
border-bottom:1px solid #FFF2A6;
}

#recent h3 {
font-size : 120%;
margin-bottom:5;
margin-top:8;
padding:0;
text-transform:uppercase;
}

.form-text {
width:125px;
}


/*******************************************************************
TABBED MENU FOR DEEP NAVIGATION
********************************************************************/ 
#tabnav
{
margin: 10px 0 0 1px;
padding: 0;
height: 20px;
}

#tabnav ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#tabnav ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#tabnav ul li a
{
background: #fff;
width:70px;
height:18px;
padding:0;
margin: 0 0 10px 1px;
color: #003366;
text-decoration: none;
display: block;
text-align: center;
border-bottom: 1px solid #e8f7ff;
}

#tabnav ul li a:hover
{
color: #003366;
background: #F3F3F3;
}

#tabnav li#active a
{
background: #F2F2F2;
color: #003366;
}



/*******************************************************************
IMAGES 
********************************************************************/ 

#publink {
display:block;
padding-left:41px;
text-align:right;
height:28px;
font-weight:bold;
}

#pubimage {
display:inline;
border:0;
vertical-align:middle;
margin-right:8px;
margin-bottom:1px;
}

/******************************************************************
ROTATOR
*******************************************************************/
#slideMainDiv {
  height:297px;
  width:534px;
  position:relative;
  border:0px solid #fff;
  border-bottom:0px;
}
#slideHeaderDiv {
  width:534px;
  height:297px;
  border:1px solid #ddd;
  padding-left:1px;
}
.slideDiv {
  position:absolute;
  left:0;
  top:0;
  width:122px;
  height:182px;
  border:0px solid red;
}
#newdiv {
 background-color:#ddd;
 width:534px;
 height:14px;
 padding-bottom:0px;
 margin-bottom:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:2px;
}