img {
	border: 0px;
	}

#header {
	height:90px;
	width: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
	
body {
		position: relative;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		color:#404060;
		background:#fff;
		background-image:url(http://www.kspress.com/images/bkgrnd3.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-size:12px;
	}
	body {
		position: relative;
		min-width:800px;
		text-align:center;
	}
	h1 {
		padding:0;
		margin:0;
		font-size:16px;
		color: #000099;
	}
	h2 {
	padding:0;
	margin:0;
	font-size:12px;
	color: #000099;
	}
	h2 a {
		color:#000099;
		text-decoration:none;
		}
	h2 a:hover {
		color:#000099;
		text-decoration:none;
		}
	h3 {
	padding:0;
	margin:0;
	font-size:10px;
	color: #FF9831;
	text-align: right;
	}
	h3 a {
		color:#FF9831;
		text-decoration:none;
		}
	h3 a:hover {
		color:#FF9831;
		text-decoration:none;
		}
	p {
		margin:9px 0 0 0;
		padding:0;
		font-size:12px;
		line-height:18px;
		position: relative;
	}
	
	
	#wrapper {
		position: static;
		background:#fff;
		width:800px;
		margin:0px auto 10px auto;
		padding:0px auto 10px autopx;
		text-align:left;
		overflow: hidden;
	}
	

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {width:804px; height:22px; font-size:0.85em; position:relative; z-index:200;font-family: Arial, Helvetica, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:801px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff;height:22px; border-right:1px solid #fff; background:#000099; background-image: url(/images/button.jpg);
	background-repeat: repeat-x;padding-left:12.5px; padding-right:12.5px; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#d4d4d7;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#d4d4d7;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:23px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d4d7; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;border-bottom:1px solid #ffffff;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#009;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#009;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


#leftcolumn {
width: 800px;
 float: left;
 position: relative;
margin-top: 10px
 }

#photoholder {
width: 500px;
 float: left;
 border-bottom:1px solid #d4d4d7;
 padding:10px 0px;
 position: relative;
  
}
/* Hides from IE5-mac \*/
* html #photoholder {height: 1%;}
/* End hide from IE5-mac */

#photo {

 width: 150px;
 float: left;
 position: relative;
 margin: 0px 10px;
}

 

#rightcolumn {
width: 250px;
 float: left;
 position: relative;
 left:30px;
 padding-left:5px
 }





 
.clearleft { clear:left; }



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.vmenu {
	width:250px;
	height:22px;
	font-size:0.85em;
	position:relative;
	
	font-family: Arial, Helvetica, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .vmenu {width:251px; w\idth:250px;}
/* remove all the bullets, borders and padding from the default list styling */
.vmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	
}
.vmenu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.vmenu li {position:relative; }
/* style the links for the top level */
.vmenu a, .vmenu a:visited {display:block; font-size:11px;text-decoration:none; color:#fff;  height:22px;border-bottom:1px solid #fff; background:#000099; background-image: url(/images/button.jpg);
	background-repeat: repeat-x;text-align:left; padding-left:5px; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .vmenu a, * html .vmenu a:visited {width:250px; w\idth:249px;}

/* style the second level background */
.vmenu ul ul a.drop, .vmenu ul ul a.drop:visited {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;left:-150;}
/* style the second level hover */
.vmenu ul ul a.drop:hover{background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
.vmenu ul ul :hover > a.drop {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.vmenu ul ul ul a, .vmenu ul ul ul a:visited {background:#d4d4d7;}
/* style the third level hover */
.vmenu ul ul ul a:hover {background:#d4d4d7;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.vmenu ul ul {visibility:hidden; position:absolute;height:0;top:0px; margin-left:-150px; width:149px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .vmenu ul ul {top:0px;t\op:1px;left:150;l\eft:150;}

/* position the third level flyout menu */
.vmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.vmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.vmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.vmenu ul ul a, .vmenu ul ul a:visited {background:#d4d4d7; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;border-bottom:1px solid #ffffff;}
/* yet another hack for IE5.5 */
* html .vmenu ul ul a, * html .vmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.vmenu a:hover, .vmenu ul ul a:hover{color:#fff; background:#009;}
.vmenu :hover > a, .vmenu ul ul :hover > a {color:#fff;background:#009;}

/* make the second level visible when hover on first level list OR link */
.vmenu ul li:hover ul,
.vmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.vmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.vmenu ul :hover ul :hover ul{ visibility:visible;}



#vmenuholder {
width: 250px;
 float: left;
 position: relative;
 left:30px;
 padding-left:5px;
 margin-bottom:10px;
 }
* html #vmenuholder { /* IE6 */
		width: 248px;
		margin-bottom:0px;
				}
				
* html #vmenuholder {/* IE6 */
position: relative;
width: 248px;
}

				
* html .congress {/* IE6 */
position: relative;
width: 245px;
}

#search {
width: 250px;
 float: left;
 position: relative;
  margin-bottom:10px;
  margin-left:44px;
  
 
 }
 * html #search {/* IE6 */
margin-left:22px
}

#inlinead {
width: 250px;
 
 margin-top:20px;
 position: relative;
  
 }
 * html #inlinead {
 width: 250px;
 
 
 position: relative;
 }
 
 *+html #inlinead {
		position:relative;
		margin-top:10px;
		top: 20px;
		}
		
#buttonad {
width: 120px;
 
 margin-top:10px;
 position: relative;
  
 }
 * html #buttonad {
 width: 120px;
 
 margin-top:5px;
 position: relative;
 }
 
 *+html #buttonad {
 		width: 120px;
		position:relative;
		margin-top:10px;
		
		}

#righthead, #righthead a, #righthead a:visited
{display:block;  width: 250px; float: left; left:30px;font-size:11px;text-decoration:none; color:#fff;  height:22px;border-bottom:1px solid #fff; background:#000099; background-image: url(http://www.kspress.com/images/button.jpg);
	background-repeat: repeat-x;text-align:left; padding-left:5px;margin-top:50px; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #righthead, * html #righthead a,* html #righthead a:visited {width:250px; w\idth:249px;margin-top:2px;}
*+html #righthead,  *+html #righthead,*+html #righthead a:visited {
		position: relative;
		margin-top:50px;
		top: 20px;
		left: 0px;
		}



#rightheadcontent, #rightheadcontent a, #rightheadcontnent a:visited
{display: none;  width: 250px; float: left; left:30px;font-size:11px;text-decoration:none; color:#000;  height:100px; background:#FF9831; text-align:left; padding-left:5px;margin-top:1px;  }
/* a hack so that IE5.5 faulty box model is corrected */
* html #rightheadcontent, * html #rightheadcontent a,* html #rightheadcontent a:visited {width:250px; w\idth:249px;:}
*+html #rightheadcontent,  *+html #rightheadcontent a,*+html #rightheadcontent a:visited {
		
		position: relative;
		top: 20px;
		left: 0px;
		}
		
.tableleft {
	background-image: url(http://www.kspress.com/images/borderline.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.tableright {
	background-image: url(http://www.kspress.com/images/borderline.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
table.findbkg {
	background-image: url(http://www.kspress.com/images/findnewsK_02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border-collapse: collapse;
	
	
}
table.find {
	
	
	border-collapse: collapse;
	
	
}





#bannerad {
width: 468px;
 float: left;
 position: relative;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:10px;

   
 }
 #footer {

	width: 800px;
	background:#d4d4d7;
	 clear:both;
	 position: relative;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top:10px;
	 padding-top:10px;
	  padding-bottom:10px;
	 
	 font-size:12px;
	 }
	 #footer a {
		color:#000099;
		text-decoration:none;
		}
	#footer a:hover {
		color:#000099;
		text-decoration:none;
		}
		
 #leaderboard{

	width: 728px;
	height: 90px;
	 clear:both;
	 position: relative;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top:10px;
	 padding-top: 3px;
	 
	 
	 font-size:12px;
	 }
 




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photogallery {width:250px; height:550; text-align:left; position:relative; margin:0 auto;}

.photogallery ul.topic {padding:0; margin:0; list-style:none; width:250px; height:auto; position:relative; z-index:10;}

.photogallery ul.topic li {display:block; width:125px; height:31px; float:left;}
.photogallery ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photogallery ul.topic li a ul, 
.photogallery ul.topic li ul 
{display:none;}

.photogallery ul.topic li.active a
{color:#000; background:#bbb;}

.photogallery ul.topic li a:hover,
.photogallery ul.topic li:hover a
{color:#fff; background:#aaa;}

.photogallery ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:545px; background:#ddd; width:250px; padding:1px 2px; border:2px solid #bbb; z-index:1; }

.photogallery ul.topic li a:hover ul, 
.photogallery ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:545px; background:#ddd; width:250px; padding:1px 2px; border:2px solid #aaa; z-index:100; }

.photogallery ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:5px;}

.photogallery ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photogallery ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photogallery ul.topic li a:hover ul li a:hover, 
.photogallery ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photogallery ul.topic li a:hover ul li a:hover img, 
.photogallery ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/* new steve */
	 .ArticleTitle {
	 	font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000099;font-weight: bold;
	 }	 
	 
	 .ArticleTitleSmall {
	 	font-family:Arial, Helvetica, sans-serif;font-size:12px;color: Black;font-weight: bold;
	 }			 
	 
    .FootNote {
        font-size: 10px;
        color: gray;
    }   
    .tdSUMMARY {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: Black
    }
    .tdDATE {
		  font-style: italic;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: Gray;
    }
    .thAUTHOR {
   	    font-style: normal;
		font-weight: normal;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;	  
    }
   .tdPOSTED {
       color: Black;
       font-size: 13px;
	   font-weight: bold;
	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;        
    }
    .divPOSTEDON {
       color: #606060;
       font-size: 10px;
	   font-style: italic;
	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;        
    }
       
    .TdArticleHeadLineOnly {
        background-color: White;
    }   
         
    .trSUMMARY_DINAMIC {
       background-color: White;
    }
    
    .tdCOMMENTbODY {
       background-color: White;
	   font-style: italic;       
	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }     
 
    a.aTITLE:link    {color:#244037;text-decoration:none;font-weight: bold;}
    a.aTITLE:visited {color:#244037;text-decoration:none;font-weight: bold;}
    a.aTITLE:hover   {color:#dc143c;text-decoration:underline;font-weight: bold;}    
    
    a.aCATEGORY:link    {color:navy;text-decoration:none;font-weight: bold;}
    a.aCATEGORY:visited {color:navy;text-decoration:none;font-weight: bold;}
    a.aCATEGORY:hover   {color:#dc143c;text-decoration:none;font-weight: bold;}           

    a.MainMenuLNK:link    {color:Navy;text-decoration:none;}
    a.MainMenuLNK:visited {color:Navy;text-decoration:none;}
    a.MainMenuLNK:hover   {color:#dc143c;text-decoration:none;}               
        

    a.RelatedArticle:link    {color:Black;text-decoration:none;font-weight: normal;}
    a.RelatedArticle:visited {color:Black;text-decoration:none;font-weight: normal;}
    a.RelatedArticle:hover   {color:#dc143c;text-decoration:underline;font-weight: normal;}

    a.clsPAGING:link    {color:Black;text-decoration:none;font-weight: bold;}
    a.clsPAGING:visited {color:Black;text-decoration:none;font-weight: bold;}
    a.clsPAGING:hover   {color:#dc143c;text-decoration:underline;font-weight: bold;}
    
    a.aTITLE_BLACK:link    {color:black;text-decoration:none;font-weight: bold;}
    a.aTITLE_BLACK:visited {color:black;text-decoration:none;font-weight: bold;}
    a.aTITLE_BLACK:hover   {color:Gray;text-decoration:underline;font-weight: bold;}
 
 
    /* RUNNING SCROLLER STYLES  */    
        a.ScrollLink:link {color: Navy;font-family: Verdana, Arial, Helvetica, sans-serif;font : normal;text-decoration:none;}
        a.ScrollLink:visited {color: Navy;font-family: Verdana, Arial, Helvetica, sans-serif;font : normal;text-decoration:none;}
        a.ScrollLink:hover {color: red;font-family: Verdana, Arial, Helvetica, sans-serif;font : normal;text-decoration:none;} 
        .ScrollerBullet {
        	color: Navy;
        	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        	font-size: 10px;	
        }  
        .PostedOnDiv {
            font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
            font-Size: 11px;
            font : normal;   
            color: gray;
        }    
        .ScrollerBreak {
        	height: 125px;
        }        
    /* [ RUNNING SCROLLER STYLES ] */        
    
   
     
    /* RSS FEED STYLES */        
        a.rssTITLE:link {
            color: #4e4e4e;font-family: Verdana, Arial, Helvetica, sans-serif;
            font : bold;text-decoration:none;font-size: 12px;
        }
        a.rssTITLE:visited {
            color: #4e4e4e;font-family: Verdana, Arial, Helvetica, sans-serif;
            font : bold;text-decoration:none;font-size: 12px;
        }
        a.rssTITLE:hover {
            color: #dc143c;font-family: Verdana, Arial, Helvetica, sans-serif;
            font : bold;text-decoration:none;
            font-size: 12px;
        }
        .rssDATE {
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-style: italic;
            color: Gray;
        }
        .rssSUMMARY {
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 10px;		
            color: Black;		
        }
    /* [ RSS FEED STYLES ] */ 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.photogallerybig a {color:#000;}
.photogallerybig a:hover {text-decoration:none;}
.photogallerybig a:visited {color:#000;}

/* slides styling */

.photogallerybig {width:635px; height:550px; text-align:left; position:relative; margin:0 auto;}

.photogallerybig ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photogallerybig ul.topic li {display:block; width:130px; height:31px; float:left;}
.photogallerybig ul.topic li a.set {display:block; font-size:11px; width:129px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photogallerybig ul.topic li a ul, 
.photogallerybig ul.topic li ul 
{display:none;}

.photogallerybig ul.topic li.active a
{color:#000; background:#bbb;}

.photogallerybig ul.topic li a:hover,
.photogallerybig ul.topic li:hover a
{color:#fff; background:#aaa;}

.photogallerybig ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:520px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photogallerybig ul.topic li a:hover ul, 
.photogallerybig ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:520px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photogallerybig ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photogallerybig ul.topic li ul li a
{display:block; width:130px; height:95px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photogallerybig ul.topic li ul li a img
{display:block; width:120px; height:85px; border:5px solid #eee;}

.photogallerybig ul.topic li a:hover ul li a:hover, 
.photogallerybig ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photogallerybig ul.topic li a:hover ul li a:hover img, 
.photogallerybig ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}


.vmenu2 {
	width:230px;
	height:22px;
	font-size:0.85em;
	position:relative;
	
	font-family: Arial, Helvetica, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .vmenu2 {width:251px; w\idth:250px;}
/* remove all the bullets, borders and padding from the default list styling */
.vmenu2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	
}
.vmenu2 ul ul {width:249px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.vmenu2 li {position:relative; }
/* style the links for the top level */
.vmenu2 a, .vmenu2 a:visited {display:block; font-size:11px;text-decoration:none; color:#fff;  height:22px;border-bottom:1px solid #fff; background:#000099; background-image: url(/images/button.jpg);
	background-repeat: repeat-x;text-align:left; padding-left:5px; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .vmenu2 a, * html .vmenu2 a:visited {width:250px; w\idth:249px;}

/* style the second level background */
.vmenu2 ul ul a.drop, .vmenu2 ul ul a.drop:visited {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;left:-150;}
/* style the second level hover */
.vmenu2 ul ul a.drop:hover{background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
.vmenu2 ul ul :hover > a.drop {background:#d4d4d7 url(/images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.vmenu2 ul ul ul a, .vmenu2 ul ul ul a:visited {background:#d4d4d7;}
/* style the third level hover */
.vmenu2 ul ul ul a:hover {background:#d4d4d7;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.vmenu2 ul ul {visibility:hidden; position:absolute;height:0;top:0px; margin-left:-150px; width:149px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .vmenu2 ul ul {top:0px;t\op:1px;left:250;l\eft:250;}

/* position the third level flyout menu */
.vmenu2 ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.vmenu2 ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.vmenu2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.vmenu2 ul ul a, .vmenu2 ul ul a:visited {background:#d4d4d7; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;border-bottom:1px solid #ffffff;}
/* yet another hack for IE5.5 */
* html .vmenu2 ul ul a, * html .vmenu2 ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.vmenu2 a:hover, .vmenu2 ul ul a:hover{color:#fff; background:#009;}
.vmenu2 :hover > a, .vmenu ul ul :hover > a {color:#fff;background:#009;}

/* make the second level visible when hover on first level list OR link */
.vmenu2 ul li:hover ul,
.vmenu2 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.vmenu2 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.vmenu2 ul :hover ul :hover ul{ visibility:visible;}



#vmenuholder2 {
width: 250px;
 float: left;
 position: relative;
 left:5px;
 padding-left:5px;
 margin-bottom:10px;
 }
/* Hides from IE5-mac \*/
* html #vmenuholder2 {height: 1%;}
/* End hide from IE5-mac */

.photogallery2 {width:250px; height:650px; text-align:left; position:relative; margin:0 auto;}

.photogallery2 ul.topic {padding:0; margin:0; list-style:none; width:250px; height:auto; position:relative; z-index:10;}

.photogallery2 ul.topic li {display:block; width:105px; height:31px; float:left;}
.photogallery2 ul.topic li a.set {display:block; font-size:11px; width:104px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photogallery2 ul.topic li a ul, 
.photogallery2 ul.topic li ul 
{display:none;}

.photogallery2 ul.topic li.active a
{color:#000; background:#bbb;}

.photogallery2 ul.topic li a:hover,
.photogallery2 ul.topic li:hover a
{color:#fff; background:#aaa;}

.photogallery2 ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:545px; background:#ddd; width:250px; padding:1px 2px; border:2px solid #bbb; z-index:1; }

.photogallery2 ul.topic li a:hover ul, 
.photogallery2 ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:545px; background:#ddd; width:250px; padding:1px 2px; border:2px solid #aaa; z-index:100; }

.photogallery2 ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:5px;}

.photogallery2 ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photogallery2 ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photogallery2 ul.topic li a:hover ul li a:hover, 
.photogallery2 ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photogallery2 ul.topic li a:hover ul li a:hover img, 
.photogallery2 ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:250px; height:150px; border-color:#fff;}



/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
 
 .CollapsiblePanelContainer {
	position: relative;
	margin-top: 48px;
	width:250px;
	}
	* html .CollapsiblePanelContainer {
	float: right; margin-top:-211px; margin-right: 15px;width:251px; }
	
	
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	width:250px;
	background-color: #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px ##FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	font-size: 11px;
	
	font-family: Arial, Helvetica, sans-serif;
}
* html .CollapsiblePanel {
	width: 252px;
	}
	* html .CollapasiblePanel { /* IE6 */
		width: 248px;
		margin-bottom:0px;
				}


/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: 0.85em sans-serif;
	background-color: #FFFFFF;
	background-image: url(/images/button.jpg);
	border-bottom: solid 1px #FFFFFF;
	height:20px;
	margin: 0px;
	padding: 2px;
	cursor: hand;
	font-size: 11px;
	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;


	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;

background-color: #FF9900;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: #FFFFFF;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: FFFFFF;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #009;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #009;
}
.panellist {
position: relative;
text-align: left;
margin-left: 75px;
}