body 
{
   font-family: Arial,Verdana,Tahoma,Helvetica, sans-serif;
    font-size: 0.75em;
    line-height:1.5em;
	margin: 0;
	padding: 0;

}
.thumbNail{
border:1px solid black;
float:left;
height:75px;
margin:0 2px 2px 0;
overflow:hidden;
padding:1px;
width:81px;
}
.thumbNail-hover{
border:solid 1px silver;
float:left;
height:75px;
margin:0 2px 2px 0;
overflow:hidden;
padding:1px;
width:81px;
}

.cluetip-jtip{background-color:transparent}.cluetip-jtip #cluetip-outer{border:0 solid #000;position:relative;background-color:#fff}
.cluetip-jtip h3#cluetip-title{
margin:0 0 0 0;padding:2px 5px;
font-size:14px;font-weight:700;
background-color:#c68a18;
color:#fff}
.cluetip-jtip 
#cluetip-inner{padding:0 5px 5px;display:inline-block;color:#666;}
.cluetip-jtip div#cluetip-close{text-align:right;margin:0 5px 5px;color:#900}

.tip {
 font-family:Arial;
	color: #222222;
	z-index: 13000; 
	border:solid 0px silver
}
 
.tip-title {
 font-family:Arial;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background:  white url(bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: white url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

   #jCarouselLiteDemo { 
   width:620px;
        }
#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/

IFRAME{overflow:hidden; 
overflow-x:hidden;
overflow-y:hidden;

}

.img_box1
{
background-color:transparent;
border:1px solid #dddddd;
color:black;
float:left;
font-size:smaller;
height:110px;
line-height:100%;
margin-top:5px;
margin-bottom:8px;
margin-left:4px;
margin-right:4px;
padding:6px;
vertical-align:top;
width:110px;
}


.img_box a
{ text-decoration:none;
}
.img_box_inner
{
    margin-right: auto;
        margin-left: auto;
        margin-top:0px;
           border: 0px silver solid;
               height:106px;
               width:106px;
           
}

.img_box_inner img
{
               height:100%;
               width:100%;
           
}


.img_txt
{
    width:87%;font-size:smaller;
 }
.Highlight
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span
{
  width: 108px;
  height: 108px;
  display: block;
  margin-bottom: 7px;
  background: #ddd url(../images/up-arrow.png) no-repeat center center; /* rounded corners */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}