body {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	FONT-SIZE: 62.5%;
font-family: Arial, Helvetica, sans-serif;	color: #333333; line-height:normal;

}
p {letter-spacing: normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:justify; }

/* === to get rid of space underflash header === */
object,embed {display:block; z-index:0;}

#PMain {
	margin: 10px auto 0px auto;
	width:960px;
	text-align:left;

	border-collapse: collapse; border: 0px solid;font-size:1.1em; 
}


/* === header container === */
#PHead {
	margin: 0px auto;padding-top: 0px;
	width:960px;
	text-align:left;
	
border-collapse: collapse; border: 0px solid;
background-position: right top;   background-repeat: no-repeat;
background-color:#fff;
}

/* === flag container === */
#flag {	margin: 69px 0px 0px 0px ;	width:150px;	text-align:left; padding-left:0px; position:relative; float:right; border:0px solid; color:#5E7ED6; font-weight:bold;}
#flag img { margin-left:8px; border:0px solid; float:right; }

/* === logo container === */
#PLogo {
	margin: 0px;
	margin-bottom:20px;	
	width:423px;
	height:84px;
border-collapse: collapse; border: 0px solid;
}

/* === navigation container === */
#navCon{ border-collapse: collapse; border: 0px solid;  width:960px; padding:0; margin:0;  background-color:#3874b3; height:26px;}

div.clear { clear:both; width:0px; height:0px; margin:0; padding:0; font:0px/0px verdana, sans-serif;}

/*--menu system----------------------------------------------------------------------------------------------------------------*/

.jqueryslidemenu{
font: normal 11px Arial;
background: #3874b3;
width: 70%;
margin-left:260px;
height:23px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:89;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:89;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #3874b3; /*background of tabs (default state)*/
color: white;
padding: 6px 10px;
border-left: 0px solid #999999;
color: #ffffff;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #bacee4; /*tab link background during hover state*/
color: #000000;z-index:89;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 11px Arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 9px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/*------------------------------------------------------------------------------------------------------------------*/

/* === header pic container === */
.PHPic {
	margin: 1px auto 0px auto;
	padding-top: 0px;
	width:960px;
	text-align:left;
	position:relative;
	height:212px;
border-collapse: collapse; border: 0px solid; z-index:0;
background-position: left top;  background-image:   url("/ims/header.jpg"); background-repeat: no-repeat;
}

/* === right column container === */
#PBCon {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:960px;
	float:left;
	text-align:left;
	position:relative;
border-collapse: collapse; border: 1px solid;}


/* === right column container === */
#rCol {
	margin: 26px 0px 0px 0px;
	padding: 0px;
	width:660px;
	position:relative;
	float:right;
	text-align:left;
	border-collapse: collapse; border: 0px solid;}
	
#rCol a{color:#0F2279; text-decoration:none;}		
#rCol a:hover{color:#0F2279; text-decoration:none;}
#rCol h1{font-weight:bold; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; font-size:1.8em; color:#9d1c1f;  display:inline;}
#rCol h2{font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:1.2em; color:#9d1c1f;  display:inline; line-height:normal; }
.tspan {font-weight:bold; margin:0; padding:0;  color:#9d1c1f; font-size:1.4em;}
.stageLogo{margin: 0px 20px 10px 0px;
	padding: 0px;
	position:relative;
	float:left;
	text-align:left;
	border-collapse: collapse; border: 0px solid;}

/* === 3 column container === */
.triCol {

   margin:20px 30px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	width:200px;	
border-collapse: collapse; border: 0px solid;}

.reg {margin:20px 0px 0px 0px;  }

.dble {margin:20px 0px 0px 0px; width:430px; }

.triCol h2{font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:1.2em; color:#9d1c1f;  line-height:normal; }
.triCol img{ margin:6px 0px 5px 0px;padding:0px 0px 0px 0px; }
.triCol .img1{ margin:0px 0px 15px 0px;padding:0px 0px 0px 0px; }
.triCol .repFlg{ margin:0px 4px 0px 0px;padding:0px 0px 9px 0px; display:inline; vertical-align:top;}

/* === 1 column container === */
.sCol {
   margin:20px 30px 0px 0px;
	padding:20px 0px 20px 0px;
	float:left;
	position:relative;
	width:430px;	
border-collapse: collapse; border-top: 1px solid #999; border-bottom:1px solid #999;}
.sCol img{ margin:3px 30px 6px 0px;padding:0px 0px 0px 0px; float:left; position:relative; }

.sColr{
   margin:20px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	float:right;
	position:relative;
	width:200px;	
border-collapse: collapse; border-top: 1px solid #999; border-bottom:1px solid #999;}

/* === left column container === */
#lCol {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width:260px;
	text-align:left;
   min-height:750px;
border-collapse: collapse; border: 0px solid;}

#lCol a{color:#0F2279;}		
#lCol a:hover{color:#0F2279; }



/* === feature boxes container === */
.fBox {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width:260px;
	text-align:left;  
	border-collapse: collapse; border: 0px solid;
background-position: left top;  background-image:   url("/ims/boxHeader.gif"); background-repeat: no-repeat;
background-color:#bacee4;
}



.fBox h3{font-weight:bold; margin:0px 0px 15px 40px;padding:6px 0px 0px 0px; font-size:1.4em; color:#ffffff; line-height:normal;}
/* === left column container === */
.fBoxInt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 10px;
	width:240px;
	text-align:left;  
border-collapse: collapse; border: 0px solid;
background-color:#bacee4; 
}
.fBoxInt img{	margin: 0px 10px 5px 0px; padding: 0px 0px 0px 0px; float:left;	border-collapse: collapse; border: 0px solid;}


a.newsBox {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 12px 10px;
	width:240px;
	text-align:left;  
border-collapse: collapse; border: 0px solid;
background-color:#bacee4; text-decoration:none; display:block;
}

a.newsBox:hover{text-decoration:none; background-color:#D3E2F8;}

.fBoxInt a {  	text-decoration:none; color:#333333;}
.fBoxInt a:hover {  	text-decoration:underline; color:#333333;}


.title{font-weight:bold; margin:0px; padding:0px;   }
.title a{color:#0F2279; text-decoration:none;}		
.title a:hover{color:#0F2279; text-decoration:underline;}

/* hr div    was #8c0a0a */	
.hr {
height: 0px;
border:none 0;
border-top: 0px solid;
border-bottom:1px solid #3874b3;
color: #3874b3;
background-color: #3874b3;
width: 100%;
margin:0px; padding:0px;overflow:hidden;
}
 .addCom{width: 640px; float:right;}


/* === comments form table === */
.comForm { border-collapse: collapse; border: 0px solid ; width:450px; padding:0px; margin:0px 0px 0px 20px; text-align:left; vertical-align:top;font-size: 11px;	text-decoration:none;}
.comForm td{ border-collapse: collapse; border: 0px solid ; padding-top:2px;  vertical-align:top;width:350px; }
.comForm th{  border-collapse: collapse; border: 0px solid ;padding-left:0px;  padding-top:0px; font-weight:normal; width:100px; vertical-align:top;text-align:left;line-height:normal; letter-spacing: normal;	}
.comForm td.doub{ width:450px; }

.comForm .textfield {   width: 300px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333; padding-left:4px; vertical-align:top;}

.comForm .err{ background-color:#FDFEDA;  width: 300px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333; padding-left:4px; vertical-align:top; border:1px solid #7f9db9;}
.errText{color:#ff0000; }

.comForm a {  text-decoration:none;}
.comForm a:hover { text-decoration:none;}

/* === comments list container === */
.comList { border-collapse: collapse; border: 0px solid ; border-bottom:1px solid #999; width:640px; padding:0px 0px 20px 0px; margin:0px 0px 10px 20px; text-align:left; vertical-align:top;}
.comList td{ border-collapse: collapse; border: 0px solid ;  vertical-align:top; }
.comList td.name{  padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;  width:100px;}
.comList td.mes{ padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;  width:520px;}

/* === q and a list container === */
.qList { border-collapse: collapse; border: 0px solid ; border-bottom:1px solid #999; width:660px; padding:0px; margin:0px 0px 20px 0px; text-align:left; vertical-align:top;}
.qList td{ border-collapse: collapse; border: 0px solid ;  vertical-align:top; }
.qList td.tQ{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:100px;}
.qList td.textQ{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:560px;}
.qList td.tA{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:100px; color:#000099;}
.qList td.textA{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:560px;color:#000099;}


/* === knowledge base list container === */
.kbList { border-collapse: collapse; border: 0px solid ;  width:660px; padding:0px; margin:0px 0px 20px 0px; text-align:left; vertical-align:top;}
.kbList td{ border-collapse: collapse; border: 0px solid ;  vertical-align:top; }
.kbList td.let{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:25px;}
.kbList td.q{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:635px;}
.kbList td.a{ border-collapse: collapse; border: 0px solid ; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; vertical-align:top; width:635px; color:#000099;}


/* === article list container === */
a.artList { border-collapse: collapse; border: 0px solid ; width:660px; padding:5px 0px; margin:0px 0px 10px 0px; text-align:left; vertical-align:top;font-size: 1em;	text-decoration:none; display:block; }
a.artList:hover { background-color:#D3E2F8;}

.artInfo{border-collapse: collapse; border: 0px solid ;color:#333333;}
.artInfo a{color:#333333;}
.artInfo a:hover{color:#0F2279;}

.artspan { margin:0; padding:0;  color:#9d1c1f; font-size:1.1em;}

/* logos container */	
.logos {
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width:960px;
	min-height:84px;
	text-align:left;  
border-collapse: collapse; border: 0px solid; border-top:1px solid #3874b3;
}

.logos img{	margin: 25px 8px 0px 0px;	padding: 0px ; vertical-align:top;text-align:left; border-collapse: collapse; border: 0px solid;}
.logos .img1{	margin: 25px 0px 0px 0px;	padding: 0px ; vertical-align:top;text-align:left; border-collapse: collapse; border: 0px solid;}

/* sponsors page logos container */	
.spon {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	width:660px;
	min-height:100px;
	text-align:left;  
border-collapse: collapse; border: 0px solid; border-top:1px solid #3874b3;
}

.spon img{	margin: 25px 19px 0px 0px;	padding: 0px ; vertical-align:top;text-align:left; border-collapse: collapse; border: 0px solid;}
.spon .img1{	margin: 25px 0px 0px 0px;	padding: 0px ; vertical-align:top;text-align:left; border-collapse: collapse; border: 0px solid;}

/* === bottom menu === */
#subNav {
	margin:0px; padding:20px 0px 0px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ; height:93px; width:960px;  text-decoration:none; background-color:#3874b3; color:#fff;
	background-position: left top;  background-image:   url("/ims/fBack.gif"); background-repeat: repeat-x;
	}
	
/* === menu column containers === */
.mBox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	
	text-align:left; 
	float:left;
	position:relative; 
	color:#fff;
border-collapse: collapse; border: 0px solid;
}	
	
.mBox li {margin: 0px 0px 0px 0px; padding-left:0px; padding-bottom:2px; list-style-type: none; display: list-item; white-space: normal; border-bottom:0px solid;  color:#fff;text-align:left;}
.mBox ul {margin-left: 0px; padding-left:0px;}	
				
.mBox li a {color:#fff; text-decoration:none; }
.mBox li a:hover {color:#fff; text-decoration:underline;}



/* === horizontal pic strip === */
.mPic {
	margin:4px 0px 0px 0px; padding:0px 0px 20px 40px;  float:right; border-collapse: collapse; border: 0px solid ; width:200px; }

.mPic img{
	margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; border-collapse: collapse; border: 0px solid ;}

.lBox{}
	
.intLogo {margin:0px 20px 0px 0px; padding:0px 0px 0px 0px;  float:left; border-collapse: collapse; border: 0px solid ; }

/* === horizontal pic strips for jquery lightbox === */
.pStrip, .pStrip2, .pStrip3, .pStrip4, .pStrip5, .pStrip6{
	margin:20px 0px 20px 0px; padding:0px 0px 0px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ; width:660px; }

.pStrip img, .pStrip2 img, .pStrip3 img, .pStrip4 img, .pStrip5 img, .pStrip6 img,.pStrip img a, .pStrip2 img a, .pStrip3 img a, .pStrip4 img a, .pStrip5 img a, .pStrip6 img a, .pStrip img a:hover, .pStrip2 img a:hover, .pStrip3 img a:hover, .pStrip4 img a:hover, .pStrip5 img a:hover, .pStrip6 img a:hover {margin-right:27px; padding:0px 0px 0px 0px; border-collapse: collapse; border: 0px solid ; }

.pStrip .img1, .pStrip2 .img1, .pStrip3 .img1, .pStrip4 .img1, .pStrip5 .img1, .pStrip6 .img1, .pStrip .img1 a, .pStrip2 .img1 a, .pStrip3 .img1 a, .pStrip4 .img1 a, .pStrip5 .img1 a, .pStrip6 .img1 a, .pStrip img1 a:hover, .pStrip2 img1 a:hover, .pStrip3 img1 a:hover, .pStrip4 img1 a:hover, .pStrip5 img1 a:hover, .pStrip6 img1 a:hover{	margin:0px; padding:0px 0px 0px 0px;  border-collapse: collapse; border: 0px solid ;}
	
	
/* === horizontal pic strip === */
.spRow {
	margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ; width:660px; }

/* === horizontal pic strip === */
.spRow img{	margin:3px 0px 0px 0px; padding:0px; float:left;}
.spRow .txt{	margin:0px 0px 0px 220px; padding:0px;}	


	
	

/* === copyright container === */
#foot {
	margin:0px 0px 80px 0px; padding:6px 0px 0px 0px;  text-align:right;border-collapse: collapse; border: 0px solid ; height:25px; width:960px;  text-decoration:none;	background-color:#95979a; color:#fff;}




/* === form tables === */
.forms { border-collapse: collapse; border: 0px solid ; width:450px; padding:0px; margin-top:0px; text-align:left; vertical-align:top;font-size: 11px;	}
.forms td{ border-collapse: collapse; border: 0px solid ; padding-top:2px;  vertical-align:top;width:300px; }
.forms th{  border-collapse: collapse; border: 0px solid ;padding-left:0px;  padding-top:0px; font-weight:normal; width:150px; vertical-align:top;text-align:left;line-height:normal; letter-spacing: normal;	}
.forms td.doub{ width:450px; }


/* === ENTRY form tables === */
.eForm { border-collapse: collapse; border: 0px solid ; width:650px; padding:0px; margin-top:0px; text-align:left; vertical-align:top;font-size: 11px;	}
.eForm td{ border-collapse: collapse; border: 0px solid ; padding-top:2px;  vertical-align:top;width:500px; }
.eForm th{  border-collapse: collapse; border: 0px solid ;padding-left:0px;  padding-top:0px; font-weight:normal; width:150px; vertical-align:top;text-align:left;line-height:normal; letter-spacing: normal;	}
.eForm td .doub{ width:450px;text-align:left; }

/* hr div  for results table */	
.eForm .hr {
height: 0px;
border:none 0;
border-top: 0px solid;
border-bottom:1px solid #999;
color: #999;
background-color: #999;
width: 450px;
margin:10px 0px 10px 0px; padding:0px;overflow:hidden;
}

.selSearch {   width: 134px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333;}

.textfield {   width: 180px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333; padding-left:4px;}
* html .textfield { padding-left:2px;}


.seltextfield {   width: 188px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333;}
* html .seltextfield { padding-left:2px; width:186px;}
.button{margin:0px;padding:0px;width:92px;font-family:  Arial, sans-serif; font-size: 11px;  color: #154b7a;}


.err{background-color:#FFFFBB; border:1px solid #7f9db9;width: 180px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333; padding-left:6px;} 
.errText{color:#ff0000; margin:10px 0px 0px 10px;}



/* === feedburner form container === */
#feed {border-collapse: collapse; border: 1px solid #7f9db9; margin:0px; padding:1px 10px 0px 10px;  text-align:left;  width:180px; }
.feedTField {   width: 170px; font-family:  Arial, sans-serif; font-size: 11px;  color: #333333; padding-left:4px;}
.feedButton{margin:0px;padding:0px;width:90px;font-family:  Arial, sans-serif; font-size: 11px;  color: #154b7a;}
.feedHead{margin:0px;padding:0px;font-family:  Arial, sans-serif; font-size: 13px;  font-weight:bold;color: #154b7a;}
.feedText{margin:0px;padding:0px;font-family:  Arial, sans-serif; font-size: 10px;  }


#feedLogos {border-collapse: collapse; border: 0px solid #7f9db9; margin:30px 0px 30px 0px; padding:0px 0px 0px 0px;  text-align:left;  width:660px; }
#feedLogos img{border-collapse: collapse; border: 0px solid ; margin:0px 10px 0px 0px; padding:0px ;  text-align:left; }
#feedLogos img1{border-collapse: collapse; border: 0px solid ; margin:0px 0px 0px 0px; padding:0px ;  text-align:left; }
#feedLogos a{border: 0px solid ;  }
#feedLogos a:hover{ border: 0px solid ; }


/* === link table === */
.links { border-collapse: collapse; border: 0px solid ; width:660px; padding:0px; margin:0px; text-align:left; vertical-align:top;	}
.links td { border-collapse: collapse; border: 0px solid ; padding-top:2px;  vertical-align:top; }
.db{ border-collapse: collapse; border: 0px solid ; padding-top:2px;  vertical-align:top;width:330px; }
.lg{ border-collapse: collapse; border: 0px solid ; padding-top:0px;  padding:0px 0px 20px 0px; vertical-align:top;width:80px; }
.lgte{ border-collapse: collapse; border: 0px solid ; padding-top:0px;  vertical-align:top;width:580px; }

/* === prizes table === */
.prs { border-collapse: collapse; border: 0px solid ; width:660px; padding:0px; margin:0px; text-align:left; vertical-align:top;	}
.prs td{ border-collapse: collapse; border: 0px solid ; padding:0px;  padding-bottom:15px;vertical-align:top; }
.prs td.le{ width:120px; }
.prs td.ri{ width:540px;}
.prs td.full{ width:660px;}

/* === competitors pic container === */
#comPic {margin:0px; padding:0px 0px 0px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ;  width:660px; }
#comPic img{margin:0px; padding:0px 4px 4px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ;  }
#comPic .img1{margin:0px; padding:0px 0px 4px 0px;  text-align:left;border-collapse: collapse; border: 0px solid ;  }

/* === competitors table === */
.comp { border-collapse: collapse; border: 0px solid ; width:658px; padding:0px; margin:20px 0px 0px 0px; text-align:left; vertical-align:top;	}
.comp td{ border-collapse: collapse; border: 0px solid ; padding-top:2px;  padding-bottom:2px;vertical-align:top; }
.comp td.det{ width:160px; }
.comp td.spa{ width:6px;}


/* === results table === */
.res { border-collapse: collapse; border: 0px solid ; width:660px; padding:0px; margin:0px 0px 0px 0px; text-align:left; font-size:1.0em;}
.res td{ border-collapse: collapse; border: 0px solid ; padding-top:3px;  padding-bottom:3px;vertical-align:top; }
.res .pos{ width:15px;}
.res .num{ width:15px;}
.res .name{ width:104px;}
.res .club{ width:43px;}
.res .stage{ width:36px; text-align:right; padding-right:2px;}
.res .stapos{ width:18px; text-align:right; border-right:1px solid #999;  padding-right:7px; background-color:#C8E7FD;}
.res .tot{ width:40px; text-align:right;   padding-left:4px; font-weight:bold;}
.res .stTitle{ padding-top:8px; padding-bottom:8px;font-weight:bold; background-color:#C8E7FD; border-bottom:1px solid #999;}
.res .sep{ padding:0px; width:660px;}

/* === tesam results table === */
.res .teamName{ padding:0px; width:132px;}
.res .nat{ padding:0px; width:15px;}



/* hr div  for results table */	
.res .hr {
height: 0px;
border:none 0;
border-top: 0px solid;
border-bottom:1px solid #999;
color: #999;
background-color: #999;
width: 100%;
margin:10px 0px 10px 0px; padding:0px;overflow:hidden;
}


/* === shadow box === */
.out {
  display:block;   background:#bbb;   border:1px solid #ddd;   position:relative;  margin-top:0px; margin-bottom:0px;  }
.in {  text-align:left;   background:#fff;   border:1px solid #76956f;   position:relative;   padding:5px;  font-weight:normal;  }
.ltin {  left:-2px;  }
.tpin {  top:-1px;  }
 /*.narrow {width:20em;} change to suit */
h4 {font-weight:bold; margin-top:0px; margin-bottom:5px; font-size:150%;}
* html .out {
    margin-top:0px; margin-bottom:0px;  }
	
	
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#ff0; text-decoration:none;}
a.info img{text-decoration:none; border-collapse: collapse; border: 0px solid ; margin:0px; padding:0px;}
a.info:hover img{text-decoration:none; border-collapse: collapse; border: 0px solid ; margin:0px; padding:0px;}
* html a.info img{margin-top:1px; padding:0px;}
* html a.info:hover img{margin-top:1px;padding:0px;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1em; left:3em; width:20em;
    border:1px solid #333;
    background-color:#cff; color:#000;
    text-align: left;
	padding:3px;}
	
	
/*---- lightbox css-------------------------------------------------------------*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 100%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*------------------------------------------------------------------------------------*/