/* CSS Document */

p, li, {
font-family : Arial, Helvetica, sans-serif; 
font-size : 90%; 
}

.text {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 90%;
	font-weight: normal;
}  
.title {
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
color : #993333; 
font-size : 100%; 
} 
#page {
padding-right : 10px; 
padding-left : 10px; 
padding-bottom : 10px; 
padding-top : 10px; 
width : 600px;
} 
#news-story {
border-right : 1px solid inherit; 
padding-right : 0; 
border-top : 1px solid inherit; 
padding-left : 0; 
padding-bottom : 0; 
border-left : 1px solid inherit; 
margin-right : 2.5em; 
padding-top : 0; 
border-bottom : 1px solid inherit; 
background-color : #f9f1f2; 
min-width : 15em; 
} 
#news-story H2 {
padding-right : 4px; 
margin-top : 0; 
padding-left : 4px; 
margin-bottom : 0; 
padding-bottom : 4px; 
color : #ffffff; 
padding-top : 4px; 
background-color : #b01c2e; 
} 
#story-content {
padding-right : 10px; 
padding-left : 10px; 
padding-bottom : 10px; 
padding-top : 10px; 
} 
#para1:first-letter {
font-size : 2em; 
color : #b01c2e; 
}


/*=Images*/

.leftpic {float: left;
          margin-right: 10px;}

.rightpic {float: right;
          margin-left: 10px;}

#leftpic {
padding-right : 8px; 
padding-left : 8px; 
float : left; 
padding-bottom : 8px; 
padding-top : 8px; 
} 


/* =Image captions*/
.caption-right {
border: 1px solid #DFDFDF;
float: right;
padding: 3px;
margin-left: 10px;
margin-bottom: 10px
}

.caption-left {
border: 1px solid #DFDFDF;
float: left;
padding: 3px;
margin-right: 10px;
margin-bottom: 10px
}

.caption-right p, .caption-left p {
font-size: 0.8em;
font-weight: bold;
margin: 5px;
color: #404040
}

/*Use this class with a div to surround a paragraph where a floated image bunches up against another floated image*/
.para-with-large-pic {overflow: auto; margin-bottom: 15px}



#quote {
padding-right : 1em; 
padding-left : 1em; 
font-size : 140%; 
float : right; 
padding-bottom : 1ex; 
margin-left : 1em; 
border-left : 2px solid #b01c2e; 
width : 40%; 
padding-top : 1ex; 
} 
#quote-txt {
color : #b01c2e; 
font-style : italic; 
font-family : "times roman", serif; 
} 
#quotee-txt {
margin-top : 8px; 
font-weight : bold; 
font-size : 70%; 
color : #000000; 
font-style : normal; 
} 

/* style for 'quoted' text  */

.news-article-highlight-quote, .news-article-highlight { font-size: 90%;
font-weight: bold; line-height: 1.4; margin: 0 0 1em 1em; width: 187px;
float: right; }

.news-article-highlight-quote p { /* div and p needed to add top and
bottom speech marks */ margin: 0; padding: 18px 10px 15px 12px ; }

.news-article-highlight p { margin: 0; padding: 10px 10px 10px 12px;}

.news-article-highlight-quote-author { font-weight: bold; font-size: 75%;
letter-spacing: 0.05em; margin: 0; padding: 5px 10px 5px 12px;  }

.news-article-highlight-quote { background: #eee
url(/portal_css/uobarticle_images/quote-marks-top-grey.gif) no-repeat;
color: #666666; }

.news-article-highlight-quote p { background:
url(/portal_css/uobarticle_images/quote-marks-bottom-grey.gif) no-repeat
right bottom; }

.news-article-highlight-quote-author { background-color: #af2b34; color:
#FFFFFF; }

.news-article-highlight { background: #eee; color: #eeeeee; }

.news-article-highlight p { border-left: 4px solid #C0A38C; }


/* Tables */

.biotable {border-collapse: collapse;
           margin-bottom: 8px;}

.biotable td,
.biotable th {border: 1px solid #39497B;
              padding: 4px;
              text-align: left;
              vertical-align: top;}


.biotable th {background-color: #D6E0F8;}