body {
 background-color: #fff;
 text-align: center;
 font-family: Arial,Verdana,sans-serif;
 font-size: 12px;
 margin: 0;
 padding: 0;
 color:#53287d;
}

h1, h2, h3, h4 { 
	font-family:Arial, Helvetica, sans-serif; font-size:14pt;

}
.hidden {
 float: left;
 display:none;
}
.clear {
 clear: both;
}
.sorry {
 font-weight: bold;
 color:Green;
}
#wrapper {
 margin: 0 auto;
 width: 800px;
}
    #wrapper #header {     
     position: relative;
     background: #fff url(/images/top-bg.png) top right no-repeat;
     height: 144px;
    }
    #wrapper #header .logo {
     position: absolute;
     left: 15px;
     top: 12px;
     display: block;     
    }
        #wrapper #header .logo a {
         background: url(/images/logo.png) top left no-repeat;
         width: 175px;
         height: 92px;
         display: block;
        }
        #wrapper #header .nav-container {
         position: absolute;
         bottom: 0px !important; bottom: -37px;
         left: 0px;
         background: url(/images/navbar.gif) repeat-x;
         height: 33px;
         width: 100%;
        }
            #wrapper #header .nav-container .item {
             float: left;
             margin-right: 10px;
            }
        #wrapper #main #top {
         background: url(/images/main-top-bg.png) top right no-repeat;
         height: 105px;
         text-align: center;
        }
            #wrapper #main #top p {
             margin: 0;
             padding: 0;
            }
            #wrapper #main #top .tagline {
             padding-top: 10px;
			 font-family:Arial, Helvetica, sans-serif;	
             font-size: 1.2em;
             color: #b174a4;
            }
                #wrapper #main #top #searchContainer {
                 float: right;
                 margin-right: 2px;
                 padding: 3px;
                }
                    #wrapper #main #top #searchContainer .txtsearch {
                     float: right;
                     width: 200px;
                     height: 20px;
                     border: solid 1px #ffb400;
                     /* background-image: url(/images/txtsearch_bg.png);
                     background-repeat: repeat-x; */
                     line-height: 20px;
                     color: #401f60;
                    }
                    #wrapper #main #top #searchContainer .txtsearchWatermark {
                     float: right;
                     width: 200px;
                     height: 20px;
                     border: solid 1px #5e2e90;
                     background-image: url(/images/txtsearch_bg.png);
                     background-repeat: repeat-x;
                     line-height: 20px;
                     color: #401f60;
                     text-align: center;
                    }
                    
                    #wrapper #main #top #searchContainer .btnsearch {
                     float: right;
                     margin-left: 5px;
                    }
                    #wrapper #main #top #searchContainer .searchAdvanced {
                     float: right;
                     clear: both;
                     margin-right: 30px;
                     display: block;
                     background-color: #fff;
                    }
                    #wrapper #main #top #searchContainer .searchAdvanced a,a:visited {
					 font-family:Arial;
					 font-size: 1.2em;
	                 color:#5e2e90;	
                    }
                    #wrapper #main #top #searchContainer .searchAdvanced a:hover {
	                 color:#284270;
                    }
                    .watermark
                    {
                     width: 150px;
                     border: solid 1px #000;
                     color: InactiveCaptionText;
                     text-align: center;
                     font-style: italic;
                    }
         #wrapper #main #content {
          background: url(/images/main-bottom-bg.png) bottom right no-repeat;
          overflow: auto;
          padding-bottom: 20px;
          text-align: left;
         }
         #wrapper #main #content h1{
		 font-family:Arial, Helvetica, sans-serif;          
		  color:#53287d;
          font-size:14pt;
          margin: 0;
         }
         
            #wrapper #main #content #left {
             float: left;
             width: 390px;
            }
            
            #wrapper #main #content #right {
             float: right;
             text-align: right;
             width: 390px;             
            }
            #wrapper #main #content .right-header {
             right: 0;
             float: right;
             width: 300px;
             height: 20px;
             background: #c581b7 url(/images/titlebar_end2.gif) top left no-repeat;
             color: #fff;
             text-align: center;
             padding-top: 2px;
             overflow: hidden;
            }
            #wrapper #main #content .right-text {
             clear: both;
             text-align: left;
             padding: 0 10px 0 130px;
            }
            #wrapper #main #content .right-header h2 {
             font-size: 1em;
             padding: 0;
             margin: 0;
            }
            #wrapper #main #content #home-left {
             float: left; 
             width: 235px;
             margin: 0;
             padding: 0;
             text-align: left;
            }
                #wrapper #main #content .left-header {
				 clear: both;
				 font-family:Arial, Helvetica, sans-serif;				                 
                 width: 225px;
                 height: 20px;
                 margin-top: 14px;
                 background: #c581b7 url(/images/titlebar_end.gif) no-repeat top right;
                 color: #fff;
                 text-align: center;
                 padding-top: 2px;
                 cursor: pointer;
                 overflow: hidden;
				 font-weight:bold;
                }
                #wrapper #main #content .leftnav-header {
				 clear: both;
				 font-family:Arial, Helvetica, sans-serif;				                 
                 width: 225px;
                 height: 20px;
                 /*margin-top: 14px;*/
                 background: #c581b7 url(/images/titlebar_end.gif) no-repeat top right;
                 color: #fff;
                 text-align: center;
                 padding-top: 2px;
                 cursor: pointer;
                 overflow: hidden;
				 font-weight:bold;
                }
                    #wrapper #main #content .left-header h2{
                     font-size: 1em;
                     padding: 0;
                     margin: 0;
                    }      
                #wrapper #main #content .leftnav-header:hover {
                 color: #ffcd05;
                }
                #wrapper #main #content .leftnav-header h2 {
                 font-size: 1em;
                 padding: 0;
                 margin: 0;
                }                             
                #wrapper #main #content .leftnav-header h2 a,a:visited {
                 color: #fff;
                 text-decoration: underline;
                }
                #wrapper #main #content .leftnav-items {
                 overflow: visible;
                }
                #wrapper #main #content .whatsnew-items li a,a:visited{
                 color: #53287d;
                 font-size:12px;
                 text-decoration: underline;
                }
                #wrapper #main #content ul{
                 list-style-type: none;
                 margin-left: 16px;
                 padding: 0;
                }
                #wrapper #main #content ul li {
                 background: url(/images/bullet_point.jpg) no-repeat left center;
                 height:10px;
                 padding: 0 0 10px 20px;
                 line-height: 20px;
                }
                    #wrapper #main #content ul li a,a:visited{
                     color: #53287d;
                     font-size:12px;
                     text-decoration: none;  
                    }
                    #wrapper #main #content ul li a:hover{
                     background-color: #bbd97b;
                    }
                #wrapper #main #content .newnav a,a:visited{
                 color: #53287d;
                 text-decoration: underline;
                }
                #wrapper #main #content .balloonextraImg {
                 float: left;
                 margin: 10px 5px 0 0;
                }
                
            #wrapper #main #content #home-right {
             float: right;
             width: 565px;
             text-align: center;
            }
                #wrapper #main #content #home-right .flash-container {
                 width: 550px;
                 height: 250px;
                 border: solid 1px #c581b7;
                }
                #wrapper #main #content #home-right .callout {
                 float: left;
                 width: 275px;
                 margin: 25px 5px 0 0;
                 background-color: #ecdcec;
                 padding-bottom: 10px;
                }
                #wrapper #main #content #home-right .callout p {
                 margin: 0;
                 padding: 0;
                }
                #wrapper #main #content #home-right .callout p a {
                 color: #401F60;
                 text-decoration: none;
                 font-size: .9em;
                }
                #wrapper #main #content #home-right .callout p a:hover {
                 color: #C581B7;
                }
                #wrapper #main #content #home-right .callout h3 {
                 font-size: 1em;
                 color: #41007b;
                 margin: 10px 0 0 10px;
                }
                #wrapper #main #content #home-right .callout h3 a.co, a.co:visited{
                 font-size: 1em;
                 color: #41007b;
                 margin: 10px 0 0 10px;
                 text-decoration: underline;
                }
                #wrapper #main #content #home-right .callout .whatsnew {
                 float: left;
                 margin: 3px 0 0 11px;
                }
                #wrapper #main #content #home-right .callout .whatsnew a,a:visited{
                 text-decoration: underline;
                 color: #41007b
                }
                #wrapper #main #content #home-right .whatsnewContainer {
                 clear: both;
                }
                #wrapper #main #content #right .newsletterCopy {
                 clear: both;
                 float: right;
                 text-align: center;
                 margin: 5px 0 5px 0;
                 width: 300px;
                }
                #wrapper #main #content .ideabox {
                 float:left;
                 height:185px;
                 width:80px;
                 margin-right:3px;
                 text-align:center;
                }
                #wrapper #main #content #about-left {
                 width: 560px; 
                 margin: 0;             
                 text-align: left;   
                }
                    #wrapper #main #content #about-left h1{
                     color: #4e1f60;
                     font-size: 14pt;
                     margin: 0;
                    }
                    #wrapper #main #content #about-left .description{                     
                                       
                    }
                    #wrapper #main #content #about-left .history-container  {
                     margin-top: 15px;
                     
                    }
                        #wrapper #main #content #about-left .history-container h2 {
                         font-size: 1.1em;
                         color: #41007b;
                         margin-bottom: 10px;
                        }
                        #wrapper #main #content #about-left .history-container p {
                         margin-top: 8px;
                         padding: 0;
                        }
                        #wrapper #main #content #about-left .history-container .image-container {
                         margin-top: 5px;
                        }
                        #wrapper #main #content #about-left .history-container img {
                         border: solid 1px #c581b7;
                         margin: 0 5px 0 0;
                         padding: 4px;
                        }
                        #wrapper #main #content .copyContainer {
                         position: relative;                         
                        }
                        #wrapper #main #content .copyContainer a span{
                         display:none;
                        }
                        #wrapper #main #content .copyContainer a:hover {
                         cursor: text;
                        }
                        #wrapper #main #content .copyContainer a:hover span{
                         display: block;
                         position:absolute;
                         top: 148px;
                         left: 0px;
                         color:#008225;
                         background-color: #fff;
                         text-decoration: none;
                        }
                        #wrapper #main #content .copyContainer .imgAbout {
                         float: left;
                         border: solid 1px #c581b7;
                         margin: 0 15px 0 0;
                         padding: 4px;
                        }
                        #wrapper #main #content .copyContainer .copy{
                         height: 175px;
                        }
                #wrapper #main #content .imgBouquet {
                 float: left;
                }
                #wrapper #main #content #horne-right {
                 float: right;
                 width: 230px;
                 text-align:center;
                 margin: 0 auto;             
                }
                #wrapper #main #content #about-right {
                 float: right;
                 width: 230px;
                 text-align:center;
                 margin: 0 auto;             
                }
                    #wrapper #main #content #about-right img{
                     float: left;
                     border: solid 1px #c581b7;
                     margin: 0 0 10px 0;
                     padding: 2px;
                    }
                #wrapper #main #content .accordionHeader{height:30px;}
                #wrapper #main #content #search {
                 text-align: left;
                 overflow: visible;
                }
                    #wrapper #main #content #search .filterBar {
                     color:#fff;
                     background-color: #4e1f60;
                     height: 16px;
                     font-weight: bold;
                     padding: 2px;
                    }
                    #wrapper #main #content #search h1 {
                     color: #4e1f60;
                     font-size: 14pt;
                     margin: 0;
                    }
                    #wrapper #main #content #search .searchPanel {
                     height: 0;
                     overflow:hidden;
                    }
                    #wrapper #main #content #search #search_filter label {
                     margin-right: 10px;
                    }
                    
                    #wrapper #main #content #search #search_filter .panel {
                     margin-top: 15px;
                     overflow:auto;
                    }
                        #wrapper #main #content #search #search_filter .panel p.title {
                         margin: 0;
                         padding: 0;
                         font-weight: bold;
                         color:Green;
                        }
                    
                    #wrapper #main #content #search .searchResultsHeader {
                     text-align: center;
                     margin-bottom: 15px;
                     background-color: #edc7ce;
                    }                    
                    #wrapper #main #content #search .searchResultsBody {
                     text-align: center;
                     margin-left:77px;
                     overflow: visible;            
                    }
                    #wrapper #main #content #search .searchResultsItem {
                     float: left; 
                     margin: 15px 15px 0 0; 
                     width: 200px;
                     height: 200px;
                     border: solid 1px #edc7ce;
                     padding: 5px 0 5px 0;
                    }
                        #wrapper #main #content #search .searchResultsItem .item {
                         height: 164px;
                         overflow: hidden;
                        }
                    #wrapper #main #content #search .searchResultsFooter {
                     clear: left;
                     text-align: center;
                     margin-top: 20px;
                     background-color: #edc7ce;
                    }    
                    #wrapper #main #content #search .searchResultsFooter a,a:visited {
                     
                    }
                    
                    #wrapper #main #content #search .listContainer {
                     float: left;
                     margin-right: 30px;
                    }
            #wrapper #main #content .employeePosition {
             float: left;
             width: 200px;
             margin-left: 15px;
             border: solid 1px #c581b7;
             padding: 6px;
            }
                #wrapper #main #content .employeePosition h3{
                 font-size: 1.1em;  
                 color: #400062;
                }
            #wrapper #main #content #employeePositionFull {
             margin: 20px 0 0 0;
            }
                #wrapper #main #content #employeePositionFull .row {
                 overflow: auto;
                 margin-top: 10px;
                }
                #wrapper #main #content #employeePositionFull .label {
                 clear: both;
                 float: left;
                 font-weight: bold;
                 text-transform: uppercase;
                 vertical-align: top;
                 width: 150px;
                 text-align: right;                                  
                }
                #wrapper #main #content #employeePositionFull .details {
                 float: left;
                 text-align: left;
                 margin-left: 8px;  
                 width: 500px;
                }
                
                #wrapper #main #content #employeePositionFull .label2 {
                 clear: both;
                 font-weight: bold;
                 text-transform: uppercase;
                 margin-top: 10px;
                }
            #wrapper #main #content .catalogWrapper {
             clear: both;
             margin-top: 15px;
            }
                #wrapper #main #content .catalogWrapper .left{
                 float:left;
                 width: 200px;
                 margin: 0 auto;
                 text-align: center;
                }
                #wrapper #main #content .catalogWrapper .right {
                 float:left;
                 margin-left: 10px;
                 width:540px;
                }
                 
            #wrapper #main #content .licenseContainer {
             text-align: left;
             margin: 10px;
             overflow: hidden;
            }
            #wrapper #main #content .licenseContainer h3 {
             font-size: 12px;
			 position:relative;
			 color: #b174a4;
			 font-family:Arial, Helvetica, sans-serif;
             margin-bottom: 5px;
            }
                #wrapper #main #content .licenseContainer .fixedpropertyContainer {
                 position: relative;
                 float: left;
                 width: 150px;
                 height: 240px;
                 border: solid 1px #edc7ce;
                 margin: 0 25px 10px 0;
                 padding: 5px;
                }
                #wrapper #main #content .licenseContainer .propertyContainer {
                 position: relative;
                 float: left;
                 width: 150px;
                 border: solid 1px #edc7ce;
                 margin: 0 25px 10px 0;
                 padding: 5px;
                }
                #wrapper #main #content .licenseContainer .propertyContainer .weblink {
                 position: absolute;
                 bottom: 10px;
                }
            #wrapper #main #content .customMain {
             float: left;
            }
            #wrapper #main #content .customRight {
             float: right;
             width: 210px;
             text-align: center;
            }
                #wrapper #main #content .customRight .callout {
                 float: right; 
                 border: dashed 1px #c581b7; 
                 margin: 0 0 10px 0; 
                 width: 190px; 
                 padding: 5px; 
                 font-size: 1.3em;
                }
            #wrapper #main #content .catalogContainer {
             float: left;
             width:150px;
            }
            #wrapper #main #content .decoratorWrapper {
             float: left;
             width: 375px;
             margin-right: 10px;
            }
                #wrapper #main #content .decoratorWrapper .image {
                 float:left;
                 width: 150px;
                 margin: 0 auto;
                 margin-right:5px;
                 text-align:center;
                }
                #wrapper #main #content .decoratorWrapper .description {
                 float: left;
                 width: 220px;
                 font-size:12px;
                 font-weight:bold;
                }
            #wrapper #main #content .balloonweightWrapper {
             float: left;
             width: 375px;
             margin-right: 10px;
            }
                #wrapper #main #content .balloonweightWrapper .image {
                 float:left;
                 width: 150px;
                 margin: 0 auto;
                 margin-right:5px;
                 text-align:center;
                }
                #wrapper #main #content .balloonweightWrapper .description {
                 float: left;
                 width: 220px;
                }
            #wrapper #main #content #sitemapContainer li{
             height:auto;
             background: url(/images/bullet_point.jpg) no-repeat left top;
             height:auto;
             padding: 0 0 0 20px;
            }
                                             
            #wrapper #main #content .contactForm{float:right; width:280px; background-color:#fff;}
            
     #wrapper #footer {
      clear: both;
      height: 40px;
      border: solid 1px #c581b7;
     }
        #wrapper #footer .nav-container {
         background-color: #c0db87;
         text-align: center;
        }
        #wrapper #footer .nav-container ul {
         margin: 0 0 0 25px;         
         padding:0;
        }
        #wrapper #footer .nav-container li {
         float: left;         
         list-style-type: none;
         text-transform: uppercase;
         padding: 4px 0 4px 0;
        }
            #wrapper #footer .nav-container .foota{
             margin: 0 15px 0 15px;      
             text-decoration: none;
             color: #6e1f60;
             font-size:12px;
             width: auto;
             display:inline;
            }
            #wrapper #footer .nav-container .foota:hover {
             text-decoration: underline;
            }
        #wrapper #footer p {
         clear: both;
         margin: 0;
         padding: 0;         
        }
        #wrapper #footer .copyright {
         font-size: .85em;
         color: #6e1f60;
        }
        #wrapper #footer .copyright a {
         color: #6e1f60;
        }
        
h2.idea {
 margin: 0;
 padding: 0;
}
p.idea {
 margin: 0;
 padding: 4px 20px 20px 0;
}
        
.dgheader {
 font-weight: bold;
 background-color: #c580b7;
 color: #fff;
}
.dgAlternate {
 background-color: #fff;
}
.dgItem {
 background-color: #d1ebf7;
}
        
        
#overdiv td{
 text-align: center;
 margin: 0 auto;
}

/* Pop-up image js */
h2.popup{
	text-align: center;
	border-bottom: none;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	font-size: 2em;
	color: #000000;
}

h2.popup img{
	float: left;
}

h2.popup p{
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px auto;
	font-size: 11px;
}

        
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: InfoBackground;
padding: 5px;
left: -1000px;
border: solid 1px #edc7ce;
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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*---------- bubble tooltip -----------*/
a.tt, a.tt:visited{
    position:relative;
    color:red;
	font-weight:bold;
    text-decoration:none;
    overflow: visible;
}
a.tt .boximg, a.tt:visited .boximg {text-align: center; margin: 0 auto; height: 200px; z-index: -1; overflow: hidden; display:block; }
a.tt span, a.tt:visited span{ z-index: 24; display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ color: #aaaaff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-2px;
	padding: 15px 0 0 0;
	width:200px;
	z-index: 25;
    text-align: center;
    color: #c581b7;
    overflow:visible;
    
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
    overflow:visible;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	color:#5e2e90;
	font-weight:bolder;
	background: url(/images/bubble_filler.gif) repeat bottom; 
	overflow:visible;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/images/bubble.gif) no-repeat bottom;
    overflow:visible;
}