/*----------------------------------*/
/*-------menucc---------------------*/
/* common styling */

.menucc {	
	float:left;
	width:739px;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	background: url(../images/image2.gif) repeat-x top left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin:0 0 20px 0;
}
.menucc ul {
padding:0;margin:0;list-style-type:none;
}
.menucc ul li {
	float:left;
	position:relative;
	background:url(../images/divider1.gif) no-repeat top right;
	z-index: 50;
}
.menucc ul li a {
	float:left;
	display:block;
	text-decoration:none;
	color:#1670e4;
	padding:3px 18px;
	line-height:10px;
	height:10px;
	border-bottom:3px solid #fff;
}
.menucc ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#1670e4;
	padding:0px 19px;
	line-height:16px;
	height:16px;
	border-bottom:3px solid #fff;
	}
.menucc ul li:hover {
	width:auto;
	z-index: 50;
	}

.menucc ul li a.menuccone:hover {border-color:#92bdf4;color:#92bdf4;}
.menucc ul li a.menucctwo:hover {border-color:#b55fda; color:#b55fda;}
.menucc ul li a.menuccthree:hover {border-color:#fe0808; color:#fe0808;}
.menucc ul li a.menuccfour:hover {border-color:#080; color:#080;}
.menucc ul li a.menuccfive:hover {border-color:#00c; color:#aaf;}
.menucc ul li a.menuccsix:hover {border-color:#c0c; color:#f8f;}

.menucc ul li:hover a.menuccone {border-color:#92bdf4; color:#92bdf4;}
.menucc ul li:hover a.menucctwo {border-color:#b55fda; color:#b55fda;}
.menucc ul li:hover a.menuccthree {border-color:#fe0808; color:#fe0808;}
.menucc ul li:hover a.menuccfour {border-color:#080; color:#080;}
.menucc ul li:hover a.menuccfive {border-color:#00c; color:#aaf;}
.menucc ul li:hover a.menuccsix {border-color:#c0c; color:#f8f;}

.menucc ul li ul {
display: none;
}
.menucc table {
margin:0; border-collapse:collapse; font-size:10px; position:absolute; top:-14px; left:0;
}

/* specific to non IE browsers */
.menucc ul li:hover ul {
	display:block;
	position:absolute;
	top:18px;
	margin-top:1px;
	left:0;
	width:154px;
	border-bottom:1px solid #000;
}
.menucc ul li:hover ul.endstop {
left:-92px;
}
.menul2 ul li:hover ul li ul {
display: none;
}
.menucc ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li:hover ul li a.drop {
	background-color: #CC66FF;
}
.menucc ul li:hover ul li a:hover {
	color:#000;
	background: #ccd url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #f1d5ff;
}
.menucc ul li:hover ul li a:hover.drop {
background: #e0a2fe url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menucc ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menucc ul li a:hover ul {
display:block;position:absolute;top:25px; t\op:28px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menucc ul li a:hover ul.endstop {
left: -92px;
}
.menucc ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li a:hover ul li a.drop {
	padding-bottom:4px;
	background-color: #CC66FF;
}
.menucc ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menucc ul li a:hover ul li a:hover {
color:#000; background: #f1d5ff url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li a:hover ul li a:hover.drop {
 background: #f1d5ff url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menuccul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-0px;color:#000; left:153px;
}
.menucc ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
[if lte IE 5.5]>
<style type="text/css">
.menucc ul li a, .menucc ul li a:visited {height:33px;}
</style>
<![endif]

/*-----------------------------*/
/*----------drop 2-------------------*/
/* specific to non IE browsers */

.menucc ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menucc ul li:hover ul.endstop {
left:-92px;
}
.menul2 ul li:hover ul li ul {
display: none;
}
.menucc ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li:hover ul li a.drop2 {
	background-color: #fe0808;
}
.menucc ul li:hover ul li a:hover {
	color:#000;
	background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #f1d5ff;
}
.menucc ul li:hover ul li a:hover.drop2 {
background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menucc ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menucc ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menucc ul li a:hover ul.endstop {
left: -92px;
}
.menucc ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li a:hover ul li a.drop2 {
	padding-bottom:4px;
	background-color: #fe0808;
}
.menucc ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menucc ul li a:hover ul li a:hover {
color:#000; background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li a:hover ul li a:hover.drop2 {
 background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0px;color:#000; left:153px;
}
.menucc ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
[if lte IE 5.5]>
<style type="text/css">
.menucc ul li a, .menucc ul li a:visited {height:28px;}
</style>
<![endif]

/*-----------------------------*/
/*----------drop 3-------------------*/
/* specific to non IE browsers */

.menucc ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menucc ul li:hover ul.endstop {
left:-92px;
}
.menucc ul li:hover ul li ul {
display: none;
}
.menucc ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li:hover ul li a.drop3 {
	background-color: #92bdf4;
}
.menucc ul li:hover ul li a:hover {
	color:#000;
	background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #92bdf4;
}
.menucc ul li:hover ul li a:hover.drop3 {
background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menucc ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menucc ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menucc ul li a:hover ul.endstop {
left: -92px;
}
.menucc ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menucc ul li a:hover ul li a.drop3 {
	padding-bottom:4px;
	background-color: #92bdf4;
}
.menucc ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menucc ul li a:hover ul li a:hover {
color:#000; background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li a:hover ul li a:hover.drop3 {
 background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menucc ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:14px;color:#000; left:153px;
}
.menucc ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
<!--[if lte IE 5.5]>
<style type="text/css">
.menucc ul li a, .menucc ul li a:visited {height:33px;}
</style>
<![endif]-->


/*-------------------------------------------------------------------*/
/*  -- IMAGE HOVER -- */
/*-------------------------------------------------------------------*/
a.screen, a.screen:visited {
	color:#fff;
	position:relative;
	z-index:1;
	background: #fff;
	border: 2px solid #fff;
	background-color: #fff;
}
 
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:400px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px solid #000; /* add a border */
left:150px; /* position:the image */
top:0px;
}
a.screen:hover {
text-decoration:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/*--------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*  -- HORIZONTAL MENUS -- orginal-green*/
/*-------------------------------------------------------------------*/
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 75px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(../menubg.gif) center center repeat-x;
color: #62a15b;
font: bold 10px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 90px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(../menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #cde686;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
/*-----------------------------------------------------*/
/*---------purple learn -----------------*/
/*-----------------------------------------------------*/
.horizontalcssmenul ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenul ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenul ul li a{
	display: block;
	width: 76px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border: 1px solid #000;
	border-left-width: 0px;
	text-decoration: none;
	background: url(../menubg.gif) center center repeat-x;
	color: #b55fda;
	font: bold 11px Tahoma;
	
}
	
/*Sub level menu*/
.horizontalcssmenul ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenul ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenul ul li ul li a{
width: 90px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #e7d0f0;
border-width: 0px 1px 1px 1px;
}

.horizontalcssmenul ul li a:hover{
background: url(../menubgover.gif) center center repeat-x;
color: #ae57d1;
}

.horizontalcssmenul ul li ul li a:hover{
background: #ddbaec;
}

.horizontalcssmenul .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenul ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/*--------------------------------------------------------------*/
/*-----------------------------------------------------*/
/*---------blue rest -----------------*/
/*-----------------------------------------------------*/
.horizontalcssmenur ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenur ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenur ul li a{
	display: block;
	width: 76px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border: 1px solid #000;
	border-left-width: 0px;
	text-decoration: none;
	background: url(../menubg.gif) center center repeat-x;
	color: #1670e4;
	font: bold 11px Tahoma;
	
}
	
/*Sub level menu*/
.horizontalcssmenur ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenur ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenur ul li ul li a{
width: 90px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #b3d1f7;
border-width: 0px 1px 1px 1px;
}

.horizontalcssmenur ul li a:hover{
background: url(../menubgover.gif) center center repeat-x;
color: #1670e4;
}

.horizontalcssmenur ul li ul li a:hover{
background: #d5e6fb;
}

.horizontalcssmenur .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenur ul li { float: left; height: 1%; }
* html .horizontalcssmenur ul li a { height: 1%; }
/* End */

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*-----------------------------------------------------*/
/*---------red play -----------------*/
/*-----------------------------------------------------*/
.horizontalcssmenup ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenup ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenup ul li a{
	display: block;
	width: 76px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border: 1px solid #000;
	border-left-width: 0px;
	text-decoration: none;
	background: url(../menubg.gif) center center repeat-x;
	color: #fb1313;
	font: bold 11px Tahoma;
	
}
	
/*Sub level menu*/
.horizontalcssmenup ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenup ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenup ul li ul li a{
width: 90px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #fdc7c8;
border-width: 0px 1px 1px 1px;
}

.horizontalcssmenup ul li a:hover{
background: url(../menubgover.gif) center center repeat-x;
color: #fb1313;
}

.horizontalcssmenup ul li ul li a:hover{
background: #fd9395;
}

.horizontalcssmenup .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenup ul li { float: left; height: 1%; }
* html .horizontalcssmenup ul li a { height: 1%; }
/* End */

/*-----------------------------------------------------*/
/*---------brown sculptured -----------------*/
/*-----------------------------------------------------*/
.horizontalcssmenussb ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenuss ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenuss ul li a{
	display: block;
	width: 76px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border: 1px solid #000;
	border-left-width: 0px;
	text-decoration: none;
	background: url(../menubg.gif) center center repeat-x;
	color: #a9551d;
	font: bold 11px Tahoma;
	
}
	
/*Sub level menu*/
.horizontalcssmenuss ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenuss ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenuss ul li ul li a{
width: 90px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #d9bca9;
border-width: 0px 1px 1px 1px;
}

.horizontalcssmenuss ul li a:hover{
background: url(../menubgover.gif) center center repeat-x;
color: #a9551d;
}

.horizontalcssmenuss ul li ul li a:hover{
background:#c7916d;
}

.horizontalcssmenuss .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenuss ul li { float: left; height: 1%; }
* html .horizontalcssmenuss ul li a { height: 1%; }
/* End */
/*-----------------------------*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CC99FF;
padding: 5px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 140px; /*position where enlarged image should offset horizontally */
}
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 0;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#3399FF;
padding: 5px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -262px;
left: 140px; /*position where enlarged image should offset horizontally */

}

.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 0;
}

.thumbnail3 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color:#FF0000;
	padding: 5px;
	left: -1000px;
	border: 0px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -399px;
	left: 140px; /*position where enlarged image should offset horizontally */
	}
/*--------------------------------------------------------------*/

.thumbnail4{
position: relative;
z-index: 0;
}

.thumbnail4:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -5px;
left: 135px; /*position where enlarged image should offset horizontally */
}
.thumbnail5{
	position: relative;
	z-index: 0;
	}

.thumbnail5:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail5 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color:#FF0000;
	padding: 0px;
	left: -1000px;
	border: 0px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail5:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -32px;
	left: 135px;
	margin: 0px;
	margin-top: 0px;
}
.thumbnail6{
position: relative;
z-index: 0;
}

.thumbnail6:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail6 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail6 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail6:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -59px;
left: 135px; /*position where enlarged image should offset horizontally */
margin: 0px;
margin-top: 0px;
}

.thumbnail7{
position: relative;
z-index: 0;
}

.thumbnail7:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail7 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail7 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail7:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -86px;
left: 135px; /*position where enlarged image should offset horizontally */
margin: 0px;
margin-top: 0px;
}

.thumbnail8{
position: relative;
z-index: 0;
}

.thumbnail8:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail8 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail8 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail8:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -113px;
left: 135px; /*position where enlarged image should offset horizontally */
margin: 0px;
margin-top: 0px;
}

.thumbnail9{
position: relative;
z-index: 0;
}

.thumbnail9:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail9 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail9 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail9:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -140px;
left: 135px; /*position where enlarged image should offset horizontally */
margin: 0px;
margin-top: 0px;
}

.thumbnail10{
position: relative;
z-index: 0;
}

.thumbnail10:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail10 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail10 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail10:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -167px;
left: 135px; /*position where enlarged image should offset horizontally */
margin: 0px;
margin-top: 0px;
}

.thumbnail20{
position: relative;
top:-100px;
height:250px;
width:100px;
z-index: 0;
}

.thumbnail20:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail20 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FF0000;
padding: 0px;
top: 573px;
left: 500px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail20 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail20:hover span{ /*CSS for enlarged image on hover*/
position: absolute;
visibility: visible;
top: 303px;
left: 600px; /*position where enlarged image should offset horizontally */
}
/*-------------------------------------------------------------------*/
/*  --  MENUS --Purple */ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border:none;
	} 

#menu1 {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #d19ce6;
	border-width: 1px;
			}
	
#menu1 li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 25px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #84489c;
	display: block;
	background: #d69fd7;
	padding: 0px 5px 0px 5px;
		}
	
#menu1 li a:hover {
	background: #e7d0f0;
	padding: 0px 5px 0 5px;
	}	
	/*-------------------------------------------------------------------*/
/*  --  MENUS --Purple centre*/ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	bocrder:none;
	} 

#menu1c {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #d19ce6;
	border-width: 1px;
			}
	
#menu1c li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 20px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menu1c li a:link, #menu1c li a:visited {
	color: #84489c;
	display: block;
	background: #d69fd7;
	padding: 5px 5px 0px 5px;
		}
	
#menu1c li a:hover {
	background: #e7d0f0;
	padding: 5px 5px 0 5px;
	}	
	/*-------------------------------------------------------------------*/
/*  --  MENUS --Blue */ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border:none;
	} 

#menur {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #72A8F1;
	border-width: 1px;
			}
	
#menur li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 25px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menur li a:link, #menur li a:visited {
	color: #1566cf;
	display: block;
	background: #7baff1;
	padding: 0px 5px 0px 5px;
		}
	
#menur li a:hover {
	background: #b3d1f7;
	padding: 0px 5px 0 5px;
	}	
	/*-------------------------------------------------------------------*/
/*  --  MENUS --Blue Centre Text*/ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border:none;
	} 

#menurc {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #72A8F1;
	border-width: 1px;
			}
	
#menurc li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 20px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menurc li a:link, #menurc li a:visited {
	color: #1566cf;
	display: block;
	background: #7baff1;
	padding: 5px 5px 0px 5px;
		}
	
#menurc li a:hover {
	background: #b3d1f7;
	padding: 5px 5px 0 5px;
	}
	
		/*-------------------------------------------------------------------*/
/*  --  MENUS --red */ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */

ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	}

img {
	border:none;
	} 

#menup {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #fb1313;
	border-width: 1px;
			}
	
#menup li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 25px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menup li a:link, #menup li a:visited {
	color: #fb1313;
	display: block;
	background: #fca0a2;
	padding: 0px 5px 0px 5px;
		}
	
#menup li a:hover {
	background: #fde7e8;
	padding: 0px 5px 0 5px;
	}	
	/*-------------------------------------------------------------------*/
/*  --  MENUS --red Centre Text*/ 
/*-------------------------------------------------------------------*/
/*- Menu 1--------------------------- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border:none;
	} 

#menupc {
	width: 115px;
	margin: 10px;
	font-family: arial, helvetica, sans-serif;
	border-style: solid solid solid solid;
	border-color: #fb1313;
	border-width: 1px;
			}
	
#menupc li a {
	height: 25px;
	font-size: 10px;
	voice-family: inherit;
	height: 20px;
	text-decoration: none;
	text-align: center;
	border-style: solid solid solid solid;
	border-width: 1px;
			}	
	
#menupc li a:link, #menupc li a:visited {
	color: #fb1313;
	display: block;
	background: #fd9395;
	padding: 5px 5px 0px 5px;
		}
	
#menupc li a:hover {
	background: #fde7e8;
	padding: 5px 5px 0 5px;
	}		

/*---------------------------------------------------*/
/*------------css drop out menu----------------------*/
/* ================================================================ 
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/drop_examples.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 */
.menu1 {
	float:left;
	width:739px;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	background: url(../images/image1.gif) repeat-x top left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin:0 0 20px 0;
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
	float:left;
	position:relative;
	background:url(../images/divider1.gif) no-repeat top right;
	z-index: 50;
}
.menu1 ul li a {
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	padding:3px 18px;
	line-height:10px;
	height:10px;
	border-bottom:3px solid #fff;
}
.menu1 ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0px 19px;
	line-height:16px;
	height:16px;
	border-bottom:3px solid #fff;
	}
.menu1 ul li:hover {
	width:auto;
	z-index: 50;
	}

.menu1 ul li a.menu1one:hover {border-color:#92bdf4;color:#92bdf4;}
.menu1 ul li a.menu1two:hover {border-color:#b55fda; color:#f1d5ff;}
.menu1 ul li a.menu1three:hover {border-color:#fe0808; color:#fe0808;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#b1e7a9;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#92bdf4; color:#92bdf4;}
.menu1 ul li:hover a.menu1two {border-color:#b55fda; color:#f1d5ff;}
.menu1 ul li:hover a.menu1three {border-color:#fe0808; color:#fe0808;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#b1e7a9;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:10px; position:absolute; top:-14px; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
	display:block;
	position:absolute;
	top:18px;
	margin-top:1px;
	left:0;
	width:154px;
	border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
	background-color: #CC66FF;
}
.menu1 ul li:hover ul li a:hover {
	color:#000;
	background: #ccd url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #f1d5ff;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #e0a2fe url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:25px; t\op:28px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
	padding-bottom:4px;
	background-color: #CC66FF;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #f1d5ff url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #f1d5ff url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-0px;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:33px;}
</style>
<![endif]

/*-----------------------------*/
/*----------drop 2-------------------*/
/* specific to non IE browsers */

.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop2 {
	background-color: #fe0808;
}
.menu1 ul li:hover ul li a:hover {
	color:#000;
	background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #f1d5ff;
}
.menu1 ul li:hover ul li a:hover.drop2 {
background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop2 {
	padding-bottom:4px;
	background-color: #fe0808;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop2 {
 background: #fe9ea0 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0px;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:28px;}
</style>
<![endif]

/*-----------------------------*/
/*----------drop 3-------------------*/
/* specific to non IE browsers */

.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop3 {
	background-color: #92bdf4;
}
.menu1 ul li:hover ul li a:hover {
	color:#000;
	background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
	background-color: #92bdf4;
}
.menu1 ul li:hover ul li a:hover.drop3 {
background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}
/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#FFF;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop3 {
	padding-bottom:4px;
	background-color: #92bdf4;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop3 {
 background: #cbe0f5 url(../images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:14px;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

</style>
<!--[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:33px;}
</style>
<![endif]-->