/********* COLORS ***********
		BLACK:	000000	
		RED: 81C6E2

CODE REFERENCE:		
//TRANSPARENCY	     	filter: alpha(opacity=95);     -moz-opacity: 0.95;
//BACKGROUND			background-image: url(/assets/images/bg.jpg);	background-repeat: repeat-x;


//HIDE FROM MAC IE	/* BEGIN HIDE macIE \*/                /* END HIDE */


/******* 	GENERAL CLASSES	 	*******/
BODY				{ margin: 0; 
					  font-family: Arial, Verdana, Helvetica, sans-serif;
		 		  	  color:#000000; font-size:12px; line-height:14px;
		  		  	  background: #666;	/* background: url(../images/bg.jpg) top  no-repeat;*/	}															
A 					{ color: #125BFF; 		}							
A:hover 			{ text-decoration:none; }
#articleList a:visited { color: #4C5E6F; }					
										
TABLE				{ font-size: 1.0em; 
							font-family: Arial, Verdana, Helvetica, sans-serif; 	}
TR,TD				{ vertical-align:top;	}
UL, ol 				{ margin:5px 15px 12px 18px; padding:0px;	/* list-style-image: url(/assets/images/customBullet.gif)	*/}
LI 				{ margin:0px 0px 7px 10px;	padding:0px 0px 0px 5px;	}
BLOCKQUOTE		{ margin:0px 0px 15px 33px; padding:0px;					}
P 					{ margin:0px 0px 5px 0px; padding:0 0 5px 0;				}
HR					{ height:1px; border:0px; color:#CCCCCC; background:#CCCCCC;	}
FORM				{ margin:0px 0px 0px 0px; padding:0px;						}
SUP 			{ font-size:8px; line-height:0px; font-family: Arial;}
a img 	{border: none; }
p.pdf { background: url(/events/symposiums/2008/aids/assets/images/icon_pdf.gif) 0 0 no-repeat; padding: 5px 0 5px 28px; 
	margin-top: 5px;}
li a.pdf { list-style: none;  
	background: url(/events/symposiums/2008/aids/assets/images/icon_pdf12.gif) right 0 no-repeat; padding: 0 14px 0 0 ; }
ul li ul li.pdf { margin-left: -35px; }
.pdfsmall { background: url(/events/symposiums/2008/aids/assets/images/icon_pdf12.gif) 0 0 no-repeat; padding: 0 0 0 14px; }
a.audio { color: #666666; }

p { line-height: 18px; }
p.continue { margin: 20px 0 0 0; }

html,body 		{ height: 100%;	}			/* used to allow tables to span 100% high */


/******* 	CUSTOM TYPE CLASSES		********/

H1		{ font-size: 22px; line-height:24px; font-weight:bold;	color:#CF0003; margin: 30px 0 10px 0; }																
H2		{ font-size: 12px; font-weight:bold;	color:#000000; margin: 10px 0 10px 0 ; }		
h2 a { color: #000000; text-decoration: none; }	
h2 a:hover { color: #CF0003; }
#pageTitles H2		{ font-size: 16px; line-height:19px;  }			

H3 	{ font-size: 12px; font-weight:bold;	color:#333; margin: 10px 0 10px 0; }
H4 	{ color: #CF0003; }
h6 { font-size: 10px; color: #535353; text-transform:uppercase; font-weight: normal; margin: 0 0 3px 0; }
h6 a {color: #535353; font-weight: normal;  }
h6.mp3 {}


.smallText 		{ font-size:11px;	line-height:12px;	}
.tinyText 		{ font-size:10px;	line-height:11px;	}
.errormsg 		{ font-size:11px; color:#E81600;		} 

/*******	 HELPER CLASSES	******/
.whiteline 		{ background:#FFFFFF; margin: 0;	padding: 0; border: 0px; height:1px; font-size:1px; line-height:1px; display: block; }
.bgline			{ background:#BBBBBC; border:0px none;	height:1px;	}
.nowrap			{ white-space:nowrap;	}
.spacer 			{ clear: both;  visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */
.tableholder 	{ width:100%; 				}								/* used to encapsulate tables that extend off a page */
.leftHalf		{ float:left;	 	width:50%; 	position:relative;	}
.rightHalf		{ float:right; 	width:49%; 	position:relative; 	}
.imgRight { float: right; margin: 0 5px 10px 10px ;  }
.imgLeft { float: left; margin: 0 10px 5px 0; }
#news .imgRight { width: 300px;}
.imgRight .arrows { margin: 0; }
.imgRight img, img.imgRight, .imgLeft img, img.imgLeft { border: 1px solid #CECECE; }
.imgRight h2 { margin: 0 0 3px 0; }
.imgFull { margin : 0 auto; }
.imgFull img { border: 1px solid #CECECE;}

.caption { font-size: 11px !important; line-height: normal; margin: 0 0 0 0; color: #4F4F4F; clear: both; }
.credit { font-size: 10px !important; line-height: normal; margin: 0 0 0 0; color: #4F4F4F; clear: both; }
.enlarge { text-align: right; font-size: 11px; margin-bottom: 0; }
.enlarge a { color: #4F4F4F; text-decoration:none;   padding: 0 0 5px 14px; 
	background: url(/images/global/icons/magnify.gif) no-repeat 0 2px ; }

.pullquoteRight, .pullquoteLeft { padding: 8px 4px 0px 8px; float: right; width: 250px;  
margin: 10px 0 10px 20px; border: 1px solid #CBCBCB; border-left: 8px solid #CBCBCB; border: none; border-top: 3px double #CBCBCB; border-bottom: 3px double #CBCBCB; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; 
line-height: 120%; text-align: center; }
.pullquoteLeft p,.pullquoteRight p, .pullquoteFull p { font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.2em !important; line-height: 120% !important; }
.pullquoteLeft { float: left; margin: 10px 20px 10px 0; text-align: left; }
.pullquoteRight h2, .pullquoteLeft h2 { margin: 0 0 10px 0; }
.pullquoteRight ul, .pullquoteLeft ul { margin-left: 10px; }
.pullquoteRight li, .pullquoteLeft li { margin-left: 10px; padding: 0; }
.quoteCredit { text-align: right;  font-style: normal; margin-bottom:0; }
.pullquoteFull { padding: 0px 4px 0px 8px; border: 3px double #CBCBCB; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; 
line-height: 120%; margin: 10px 0; }


/******* 	PAGE AREAS		*******/
#idHome		{}		/* assigned to homepage Body tag */
#idSub		{}		/* assigned to subpage Body tag */

#pageWidth {  max-width: 900px; background: #ffffff;
		width:expression( 
    document.body.clientWidth > (900/12) * 
    parseInt(document.body.currentStyle.fontSize)? "900px": "auto" );
		margin: 0 auto; }
#pageHeader		{ display: relative; width: 100%; height: 110px; background: #C5C6C1; border-bottom: 5px solid #000;}
#printHeader { display: none;  float: right; width: 200px; }
#pageHeader	img { display: inline; }
#headerRight	{ height: 110px; float: right;}
#headerLeft		{ height: 110px; float: left;  }
#pageTable 		{ height: 100%;	}
#pageBody		{ width: 710px; }
#pageContent	{ padding: 15px; }
#pageFooter		{ background: #000000; color:#ffffff;	padding:12px 12px 12px 12px;  font-size:10px;   }
#pageFooter A  { color:#000000;	}

#rightCol { width: 192px; background: #CECECE;  }
#leftCol { width: 190px; background: #CECECE;  text-align: center; }

#pageNav { margin: 0 0 10px 0; padding: 0; list-style: none; text-align: left; }
#pageNav li { background: none; margin: 0; padding: 0; display: inline; line-height: normal; }
#pageNav a { display: block; background: #DEDEDC; color: #CF0003; text-decoration: none;
	border-bottom: 1px solid #CECECE; font-weight: bold; padding: 8px 10px; } 
#pageNav a:hover { background: #eee; }
#pageNav .on a { background: #999999; color: #fff; }
#pageNav .on a:hover { background: #999999; color: #fff; }
#pageNav .on h6 { color: #CFCFCF; }

#pageNav .subNav { padding: 0; margin: 0; list-style-type: none;}
#pageNav .subNav li { margin: 0; padding: 0;  }
#pageNav .subNav a { line-height: 12px; color: #CF0003;
	background: #fff url(../images/customBullet.gif) 10px 7px no-repeat; 
	padding: 6px 10px 6px 24px; font-weight: normal; 
	border: none; font-size: 11px;  border-right: 1px solid #DEDEDC;}
#pageNav .subNav a:hover {background: #fff url(../images/customBullet.gif) 10px 7px no-repeat;  color: #000000; }
#pageNav .subNav .on a {color: #fff; background: #CF0003 url(../images/customBulletOn.gif) 10px 5px no-repeat; }
#pageNav .subNav .on a:hover {background: #CF0003 url(../images/customBulletOn.gif) 10px 5px no-repeat; color: #ffffff; }

#pageOptions { width: 100px; float: right; }
#pageOptions ul li {  }
#pageOptions ul li#pdf {  }


 /******* 	GENERAL PAGE AREAS		*******/
 
#pageTitles h1 { margin-bottom: 0; margin-top: 0;}
#pageTitles h2 { margin: 5px 0 20px 0; }
 
#readMore { float: right; margin: 0 0 10px 10px;  border: 1px solid #CCCCCC; }
#readMore ul { list-style: none; margin: 0; padding: 0; }
#readMore li { margin: 0; padding: 5px 8px; border-bottom: 1px solid #CCC; }
#readMore a { color: #000; text-decoration: none; font-size: 11px; }
#readMore a:hover { text-decoration: underline; }
#readMore th { background: #000; color: #fff; font-weight: bold; padding: 4px;}

.sidebar {float:left;margin:0 10px 10px 0;width:220px; background: #eee; font-weight: bold;
	padding:4px 8px; border:1px solid #808080; color: #666; line-height: 18px;}
.credit { line-height: 12px; float: right; text-align: right; }

.item { margin: 20px 0 30px 0;  }
.subitem { margin: 10px 0 10px 30px; }
.title { font-style: italic; }

li { background: url(/images/global/redarrows.gif) 0 4px no-repeat; 
	padding: 0 0 0 14px;
	margin: 0 0 5px 20px; line-height: 18px;} 
ul { background: none; margin: 0; padding: 0; list-style: none; }	
ul h6 { margin-bottom: 0; }

ul ul { list-style: disc; margin-left: 35px; }
ul ul li { background: none; padding-left: 0; }

/* made all lists have arroww
.arrows, ul.arrows li { background: url(/images/global/redarrows.gif) 0 5px no-repeat; 
	padding: 0 0 0 14px;
	margin: 0 0 10px 20px; } 
ul.arrows { background: none; margin: 0; padding: 0; list-style: none; }	
*/

ul.presenters { margin-top: -5px; }
ul.presenters li { margin-bottom: 5px; font-style: italic; }
 
#agenda { margin-bottom: 30px; }
#agenda h1 { margin-top: 0; }
#agenda H2 { margin: 30px 0 0 0 ; }
#agenda H3 { margin-top: 30px; }
#agenda h6 {  }
 
 
ol#statementList	{ font-weight: bold; }
#statementList ul li { font-weight: normal; } 
 
#video {  } 
#welcomeVideo { background: #000; padding: 10px; width: 320px; margin-left:20px;}
 
.morelink 			{ color:#FDBF56; text-decoration:underline;			}
.callout1 			{ float:right; border:1px solid #CCCCCC; margin:18px 18px 8px 28px; padding:10px 12px 12px 12px; width:185px;
				  	 	  color:#696969; font-size:11px; line-height:14px;	}
					  
.dataTable 			{ border:1px solid #EFEFF1; font-size:11px;}
.dataTable TH 		{ padding:4px; background:#999999; color:#EFEFF1; font-weight:bold; font-size:12px; }
.dataTable TD 		{ padding:4px; }
.dataTable TR.alt { background: #EFEFF1; }
.dataTable img { border: 1px solid #CECECE; }
.dataTable p { line-height: 130%; }
					  
.learnmore { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; 
	font-weight:bold; background:url(rcbutton-red-right.gif) no-repeat 100% 50%; 
	height:24px; padding: 0px 0px 5px; text-align:center; margin:5px auto; }
.learnmorebg { background:url(rcbutton-red-left.gif) no-repeat 0% 50%; height:24px; display:block; padding: 5px 9px 0px; color:#fff; text-decoration:none; }
.learnmore a:hover { color:#fff; }
.learnmore span { color: #FFCC00; }

.note { font-style: italic; color: #666; margin: 10px 0; }

#stories { margin: 20px 0; }
#stories .last { margin-right: 0; }
.story { width: 160px; float: left; margin-right: 13px; }
.story img { border: 1px solid #CECECE; }
.story h2 { line-height: 130%; margin-top: 5px; margin-bottom: 0; }
.story h2 a { text-decoration:none; color: #000; }
.story h2 a:hover { text-decoration:none; color: #125BFF;  }
.story p { margin-top: 0; color: #4F4F4F; font-size: 11px; line-height: 130%; }

.story ul { margin: 6px 0 0 0; padding :0;}
.story li { margin: 0 0 6px 0; padding :0 0 0 13px; background: url(/images/global/icons/arrow_mini_right.gif) 0 2px no-repeat; 
	font-size: 11px; line-height: 130%; }
.story li a { text-decoration: none; }
.story li a:hover { text-decoration: underline; }

.story h6 a { text-decoration: none;  color: #535353;}

.contentSection { margin: 0 0 40px 0; }
#paperBlurb { width: 465px; float: left; }

#flickr_badge_wrapper td img { border: 1px solid #CBCBCB; margin: 0 5px 0 0; width: 100px;  }

#flickr img { float: left; margin: 0 5px 5px 0;  background:#3f4e4e; padding: 2px; width: 215px; height: 144px; }
#flickrSidebar { width: 168px; margin : 0 auto; }
#flickrSidebar img {margin: 0 2px 5px 2px;  background:#3f4e4e; padding: 2px; float: left; }

