/* note to programer:
	for compatebility in all browsers I used 3 kinds of semantics in the CSS. example below:
	height:15px ---> all browsers
	#height:30px ---> for IE 7.0
	_height:20px ---> for IE 6.0 */

body, div, span, ul, ol, li, p, form, table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7A7A7A; }
body { background: #fff url(/img/bg1.gif) repeat-x top; }

table { margin: 35px 0 0 0; border-collapse: collapse; padding: 0; width:80%; border: none; }
td { vertical-align: top; padding: 8px 15px;}

.top_title { color:#009dda; font-size: 18px; float: right; margin:-60px 0 0 0;  }

h1 { color: #3B6C98; font-size: 24px; }
h2 { color: #4078A8; font-size: small; border-bottom: 1px dotted #BABABA; margin-bottom:8px; }

.caption A { white-space: nowrap; font-size: small; _font-size: x-small; #font-size: x-small; font-weight: bold; color: #4581B5; text-decoration:none; }
.caption_disambiguation { white-space: nowrap; font-size: small; _font-size: x-small; #font-size: x-small; font-weight: bold; color: #3B6C98; text-decoration:none; }


ol { margin-left:-20px; _margin-left:13px; #margin-left:13px; }
ol.longItem  { margin-left:-37px; _margin-left:3px; #margin-left:3px; list-style: none; }
ol.singleItem  { list-style: url(/img/bullet-icon_single.gif); }
ol.list { list-style: url(/img/bullet-icon.gif); }
ol.list_page { list-style: url(/img/web-icon.gif); }
ol.list_sameAs  { list-style: url(/img/same_as.gif); }
a { color: #79A6CD; }
a:hover { text-decoration: none; }
.smallNote {font-size: 8pt; font-Family: verdana;}
#prodImgTD {border:0px; padding-top:20px;}
#pageTitle {text-decoration: none;}

ol.list_alias { list-style: none; margin: 0; padding: 0; }
ol.list_alias li { display: inline; }
ol.list_alias li:after { content: ", "; } 
ol.list_alias li:last-child:after { content: ""; }