body, td, tr, caption {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	color: #000; 
	text-decoration: none;
	text-align: left;
	background-color: #FFF;
}

div.body {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 720px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal;
	}


p	{
	margin-top: 4px;
	margin-bottom: 4px;
	}

p.title {
	font-size: 16px;
	line-height: 18px;
	color: #483D8B;
	font-weight: bold;
	text-align: center;
	padding: 12px 0px 10px 0px;
	}
p.title:first-letter {
	font-weight: bold;
	font-size: normal;
}

p.intro {
	padding: 4px 60px 0px 60px;
	}

p.intro:first-letter {
	font: normal bold 1.2em Verdana;
	clear:	all;
	letter-spacing: 0px;	
	}

p.intro2 {
	padding: 4px 60px 0px 60px;
	}

p.cal  {
	padding: 4px 60px 0px 60px;
	margin-left: 30px;
	text-indent: -30px;
	}

p.cal:first-line {
	color: #483D8B;
	font-weight: bold;
	}

p.tartan {
	text-align: center;
	margin: 20px;
	clear: both;
	}


/*start of the new caption section*/


/*p.f_cl stands for a paragraph holding a full image, caption on top left side*/

p.f_cl {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.f_cl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.f_cl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.f_cl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	left: 10px;
	width: 280px;
}

p.f_cl img {
	width: 720px;
	height: 480px;
}



/*p.f_cr stands for a paragraph holding a full image, caption on top right side*/

p.f_cr {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.f_cr span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.f_cr:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.f_cr:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	right: 10px;
	width: 280px;
}

p.f_cr img {
	width: 720px;
	height: 480px;
}





/*p.hl_cl stands for a paragraph holding a half image on left, caption on top left side*/

p.hl_cl {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_cl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_cl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_cl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	left: 10px;
	width: 220px;
}

p.hl_cl img {
	width: 356px;
	height: 237px;
}




/*p.hl_cr stands for a paragraph holding a half image on left, caption on top right side*/

p.hl_cr {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_cr span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_cr:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_cr:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	right: 10px;
	width: 220px;
}

p.hl_cr img {
	width: 356px;
	height: 237px;
}






/*p.hr_cl stands for a paragraph holding a small image on right, caption on top left side*/

p.hr_cl {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_cl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.hr_cl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_cl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	left: 10px;
	width: 220px;
}

p.hr_cl img {
	width: 356px;
	height: 237px;
}




/*p.hr_cr stands for a paragraph holding a small image on right, caption on top right side*/

p.hr_cr {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_cr span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.hr_cr:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_cr:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	right: 10px;
	width: 220px;
}

p.hr_cr img {
	width: 356px;
	height: 237px;
}



/* captions for the bottom of the picture



/*p.f_bl stands for a paragraph holding a full image, caption on bottom left side*/

p.f_bl {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.f_bl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.f_bl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.f_bl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px; 
	left: 10px;
	width: 280px;
}

p.f_bl img {
	width: 720px;
	height: 480px;
}





/*p.f_br stands for a paragraph holding a full image, caption on bottom right side*/

p.f_br {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.f_br span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.f_br:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.f_br:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px; 
	right: 10px;
	width: 280px;
}

p.f_br img {
	width: 720px;
	height: 480px;
}





/*p.hl_bl stands for a paragraph holding a half image on left, caption on bottom left side*/

p.hl_bl {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_bl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_bl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_bl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px; 
	left: 10px;
	width: 220px;
}

p.hl_bl img {
	width: 356px;
	height: 237px;
}




/*p.hl_br stands for a paragraph holding a half image on left, caption on bottom right side*/

p.hl_br {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_br span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_br:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_br:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px; 
	right: 10px;
	width: 220px;
}

p.hl_br img {
	width: 356px;
	height: 237px;
}




/*p.hr_bl stands for a paragraph holding a small image on right, caption on bottom left side*/

p.hr_bl {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_bl span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.hr_bl:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_bl:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px;  
	left: 10px;
	width: 220px;
}

p.hr_bl img {
	width: 356px;
	height: 237px;
}




/*p.hr_br stands for a paragraph holding a small image on right, caption on bottom right side*/

p.hr_br {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_br span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p.hr_br:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_br:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	top: auto;
    	bottom: 10px;  
	right: 10px;
	width: 220px;
}

p.hr_br img {
	width: 356px;
	height: 237px;
}






/*p.hl_c stands for a paragraph holding a half image on left, caption spread across the top */

p.hl_c {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_c span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_c:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_c:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	left: 10px;
	right: 10px;
	width: auto;
}

p.hl_c img {
	width: 356px;
	height: 237px;
}


/*p.hl_b stands for a paragraph holding a half image on left, caption spread across the bottom */

p.hl_b {
	float: left;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hl_b span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hl_b:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hl_b:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	bottom: 10px; 
	left: 10px;
	right: 10px;
	width: auto;
}

p.hl_b img {
	width: 356px;
	height: 237px;
}






/*p.hr_c stands for a paragraph holding a half image on right, caption spread across the top */

p.hr_c {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_c span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hr_c:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_c:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	top: 10px; 
	left: 10px;
	right: 10px;
	width: auto;
}

p.hr_c img {
	width: 356px;
	height: 237px;
}


/*p.hr_b stands for a paragraph holding a half image on right, caption spread across the bottom */

p.hr_b {
	float: right;
	position: relative;
	z-index:24;
	color:#111111;
	text-decoration:none;
}

p.hr_b span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
p. hr_b:hover{
	z-index:25; 
	color: #aaaaff; background:;
}

p.hr_b:hover span{  
	display:block;
	position: absolute;
	zIndex = 1000;
	color: #111111;
	padding: 6px 6px; 
	border-style: outset;
	background-color: lightgrey;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    	bottom: 10px; 
	left: 10px;
	right: 10px;
	width: auto;
}

p.hr_b img {
	width: 356px;
	height: 237px;
}




/*end of the new caption system*/

p.il {float: left;}
p.ir {float: right;}

p.fl, p.fr, p.fn {
	background-color: #ddd;
	padding: 4px 10px 4px 10px;
	color: #555;
	}

p.fl {float: left;}
p.fr {float: right;}
p.fn {clear: both;}

p.fl, p.fr {
	width: 334px;
	height: 262px;
	}







img.fl {float: left;}
img.fr {float: right;}





p.cap {
 background-color: #ddd;
 padding: 10px;
 color: #666;
}

div.reveal {
	position: absolute; 
	top: 3px; 
	left: 122px; 
	width: 15px; 
	height: 10px; 
	background-color: lightsteelblue;
	color: #483D8B; 
	border-width: 1px;
	border-color: darkblue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	font-size: 9px; 
	font-style: normal; 
	line-height: normal;
	font-weight: bold;
	z-index: 8;
}


div.container {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 720px;
}

div.title {
	position: absolute; 
	top: 0px; 
	left: 23px; 
	width: 140px; 
	height: 16px; 
	background-color: white;
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #483D8B;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
}

a {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  line-height: 14px; 
  color: #483D8B; 
  text-decoration: none; 
  background-color: #B0C4DE;
  padding: 1px 6px 1px 6px;
 }

a.newwindow {
	padding: 0 5px 0 5px;
	border: 1px outset #B0C4DE;
}

img.newwindow {
	margin: -1px;
	border: 1px outset #B0C4DE;
}


.body {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  line-height: normal;
}

.bodyS {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  line-height: normal
}

.bodyH2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #483D8B;
  margin-left: 8%;
  font-weight: bold
}


.caption {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #888888; 
  font-size: 9px; 
  font-style: normal; 
  line-height: normal;
  text-align: center
}


.right-justified
{text-align: right}

SMALL {font-size: 10px;}

BIG
{font-size: 16px;
line-height: 16px}

EM
{font-style: normal;
  color: black;
  font-weight: bold}

SUP
{font-size: 10px;}


#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 3px outset #EEF;
	padding: 8px;
	background-color: #ddd;
	visibility: hidden;
	color: #222;
	font-size: 12px;
	text-align: left; 
	z-index: 100;
	filter:alpha(opacity=100);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}