/*       DIVS       */

body {margin: 50px 50px 50px 125px;
      text-align: center; /* for IE */
	  background-color: #f23699;
	  background-image: url(images/bagline_vertical.jpg);}

#container {width: auto;
            height: auto;
            min-height: 850px;
            min-width: 800px;
            background-color: #ffffff;
			padding: 0px;
			text-align: left; /* counter the body center */}

* html div#container {width: 760px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 1000 ? "950px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 570 ? "552px" : "99.7%")); }


			
#navbar {position: relative;
         float: left;
		 padding: 0px 10px 0px 0px;
		 width: 170px;
		 height: 850px;
		 background-image: url(images/curve2.gif);
		 background-repeat: repeat-y;
		 margin-left: -90px;}
#navbar .image {padding: 8px 10px;
                border: 0px;}
#navbar .image2 {padding: 8px 10px;
                 border: 0px;}
#navbar .image3 {padding: 8px 10px;
                 border: 0px;}

#content {padding: 20px 30px 20px 100px;
          line-height: 150%;}
#content .image {padding: 10px;
                 display: block;
				 margin-left: auto;
				 margin-right: auto;
				 border: 0px;}
#content .image_right {float: right;
                   clear: right;
                   padding: 0px 10px;
				   display: block;}
				 
#content .boxes {width: auto;
                 display: block;
				 clear: right;}
.boxes .image_r {float: right;
                   clear: right;
                   padding: 0px 10px;
				   display: block;}
#content .image_l {float: left;
                   padding: 0px 10px;
				   display: block;}
				   
#clearer {clear: both;
          padding: 0px;
		  margin: 0px;
		  line-height: 0px;}


a:link {color: #f3409c;}
a:visited {color: #f3409c;}
a:active {color: #f3409c; background-color: transparent}
a:hover {color: #f3409c; background-color: transparent}

.text1{ font-family: verdanna,arial,sans-serif; font-size: 1em; color: #000000; text-align: justify; background-color: transparent;}
.boxes .text1 {padding: 10px 0px 0px 0px;}
.text2{ font-family: verdanna,arial,sans-serif; font-size: 1em; color: #dc143c; text-align: justify; background-color: transparent;}
.text3{ font-family: verdanna,arial,sans-serif; font-size: 1em; color: #f3409c; text-align: justify; font-weight: bold ;background-color: transparent;}
.text4{ font-family: verdanna,arial,sans-serif; font-size: 1em; color: #000000; text-align: center; background-color: transparent;}

ul li {display: list-item;
       list-style-image: url(images/paw.gif);
	   padding: 10px 10px 0px 20px;
	   margin: 0px 0px 0px 10px;}

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

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

.thumbnail img {border: 0px;
                padding: 5px;}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
font-family: verdanna,arial,sans-serif;
font-size: 1em;
font-weight: bold;
color: #000000;
text-align: center;
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: -200px;
left: -70px; /*position where enlarged image should offset horizontally */

}