/* Benj Arriola's Default CSS File 12-08-2004
  ****************************************************************************/

/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
#mast08 strong, #mast07 strong, #mast06 strong, #mast05 strong, #mast04 strong, #mast03 strong, #mast02 strong, #affiliations strong, .titles-main strong, #side-bar-buttons1 span, #side-bar-buttons2 span, .titles-right strong, #highland-center strong, #mast strong, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }

/* use for top of page link
 *****************************************************************************/
.topofpage { text-align: right; }

/* use to clear below floats
 *****************************************************************************/
.clear { clear: both; height: 1px; overflow: hidden;}
.hr hr{ color: #3A358F; background: #3A358F; height: 1px; border: none;}
/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #EE8D1C;
	text-decoration: underline;
}

a:hover, a:active{
	color: #87B3E9;
	text-decoration: none;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: center;
	color: #000;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#top{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 777px;
	background: url(../images/allpages/container-back.jpg);
}
#top-bottom{
	background: url(../images/allpages/container-bottom.jpg) no-repeat bottom;
}
/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

#mast{ background: url(../images/allpages/mast-head.jpg); height: 430px; position: relative; }
#mast #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}

#mast02{ background: url(../images/allpages/mast-head02.jpg); height: 430px; position: relative; }
#mast02 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast02 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast03{ background: url(../images/allpages/mast-head03.jpg); height: 430px; position: relative; }
#mast03 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast03 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast04{ background: url(../images/allpages/mast-head04.jpg); height: 430px; position: relative; }
#mast04 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast04 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast05{ background: url(../images/allpages/mast-head05.jpg); height: 430px; position: relative; }
#mast05 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast05 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast06{ background: url(../images/allpages/mast-head06.jpg); height: 430px; position: relative; }
#mast06 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast06 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast07{ background: url(../images/allpages/mast-head07.jpg); height: 430px; position: relative; }
#mast07 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast07 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}
#mast08{ background: url(../images/allpages/mast-head08.jpg); height: 430px; position: relative; }
#mast08 #lnkHome{
			position: absolute;
			margin: 41px 0 0 35px;
			height: 32px;
			width: 317px;
		}
		#mast08 #lnkAbout{
			position: absolute;
			margin: 29px 0 0 496px;
			height: 41px;
			width: 265px;
		}	
#flash {
	width:777px;
	height:430px;
}
#left{
	width: 536px;
	float: left;
	background: url(../images/allpages/left-back.jpg) no-repeat top;
	padding: 0 0 120px 0;
}
		.titles-main{
			margin: 30px 0 0 35px;
			width: 450px;
			height: 38px; 
		}
		#left h1{
			color: #fff;
			margin: 0 35px 10px 37px;
			line-height: 20px;
			font-size: 16px;
			font-weight: bold;
		}
		#left h2{
			color: #fff;
			margin: 0 35px 10px 37px;
			line-height: 20px;
			font-size: 14px;
			font-weight: bold;
		}
		#left h3{
			color: #fff;
			margin: 0 35px 10px 37px;
			line-height: 20px;
			font-size: 13px;
			font-weight: bold;
			font-style: italic;
		}
		#left p{
			color: #fff;
			margin: 0 35px 15px 37px;
			line-height: 20px;
		}
		#left ul.contentlist{
			margin: 0 35px 15px 37px;
			line-height: 20px;
		}
		#left ul.contentlist li{
			color: #fff;
			list-style: circle;
			margin: 0 0 0 20px;
		}
		#insidepages p{
			color: #fff;
			margin: 0 35px 34px 37px;
			line-height: 15px;
		}
		#left #insidepages h1{
			color: #EE8D1C;
			margin: 10px 35px 5px 37px;
			font-size: 14px;
			font-weight: bold;
		}
		#left #insidepages .subheader{
			color: #EE8D1C;
			margin: 10px 35px 5px 37px;
			font-size: 14px;
			font-weight: bold;
		}
		#left #insidepages .faux-list{
			
			margin: 0 0 0 30px;
			
		}
		#left #insidepages h2{
			color: #fff;
			margin: 10px 35px 5px 37px;
			font-size: 12px;
			font-weight: bold;
		}
		.imgleft{
			margin: 0 0 0 37px;
		}
		
		.imgright{
			margin: 0 18px 0 12px;
		}
		#affiliations{
			background: url(../images/allpages/affiliations1.jpg);
			width: 431px;
			height: 225px;
			margin: 0 0 30px 52px;
			position: relative;
		}
		#affiliations #lnkAffReadMore{
			width: 92px;
			height: 35px;
			margin: 135px 0 0 295px;
			position: absolute;
		}
		#affiliations #lnkAffFAAOS{
			width: 121px;
			height: 107px;
			margin: 0px 0 0 3px;
			position: absolute;
		}
		#affiliations #lnkAffBCABOS{
			width: 124px;
			height: 107px;
			margin: 0px 0 0 136px;
			position: absolute;
		}
		#affiliations #lnkAffICRS{
			width: 124px;
			height: 107px;
			margin: 0px 0 0 265px;
			position: absolute;
		}
		#affiliations #lnkAffMAANA{
			width: 124px;
			height: 107px;
			margin: 110px 0 0 0px;
			position: absolute;
		}
		#affiliations #lnkAffFAOSSM{
			width: 124px;
			height: 107px;
			margin: 110px 0 0 136px;
			position: absolute;
		}
		#nav-left{
			float: left;
			width: 238px;
			height: 394px;
			margin: 0 0 0 34px;
			display: inline;
		}
		#nav-right{
			float: left;
			width: 238px;
			height: 394px;
		}
		#staff-photos{
			margin-left: 30px;
			}
		.staff-photo-ctr{
			margin-left: 105px;
			}

#right{
	width: 240px;
	float: left;
	padding: 0 0 200px 0;
}
		#highland-center{
			background: url(../images/allpages/highland-center.jpg);
			height: 150px;
		}
		.titles-right{
			margin: 0 0 0 21px;
			width: 215px;
		}
		#right p{
			margin: 20px 23px 0 33px;
			color: #fff;
		}
		#right p span{
			color: #EE8F19;
			font-weight: bold;
		}
		#right p span a{
			color: #EE8F19;
			font-weight: bold;
			text-decoration: underline;
		}
		#side-bar-buttons2{
			background: url(../images/allpages/side-bar-buttons2.jpg);
			width: 199px;
			height: 175px;
			margin: 15px 0 0 21px;
			position: relative;
		}
				#side-bar-buttons2 a.ptt{
					position: absolute;
					width: 199px;
					height: 95px;
					margin: 0 0 0 0;
				}
				#side-bar-buttons1 #lnkRReferAFriend{
					position: absolute;
					width: 199px;
					height: 54px;
					margin: 0;
				}
						#referFriendBox{
							width: 175px;
							height: 200px;
							background: #3E5692;
							margin: 0 0 0 33px;
						}
						#referFriendBox p{
							margin: 0;
							text-align: right;
						}
						#referFriendBox p a{
							color: #EE8F19;
							font-weight: bold;
							text-decoration: underline;
						}
						#sent p{
							margin: 20px 0 0 0;
							text-align: center;
						}
				
				#side-bar-buttons2 a.bookmark{
					position: absolute;
					width: 199px;
					height: 65px;
					margin: 105px 0 0 0;
				}

		#footer{
			background: url(../images/allpages/footer.jpg);
		} 
/* Specific Boxes
 *****************************************************************************/

/* Titles */ 

		#ttlRLocations{
			background: url(../images/titles/right/clinic-locations.jpg) no-repeat left;
			height: 33px;
		}
		
		#ttlMMeet{
			background: url(../images/titles/main/meet.jpg) no-repeat left;
		}
		#ttlMSpecialties{
			background: url(../images/titles/main/specialties.jpg) no-repeat left;
		}
		#ttlMAbout{
			background: url(../images/titles/main/about.jpg) no-repeat left;
		}
		#ttlMSports{
			background: url(../images/titles/main/sports.jpg) no-repeat left;
		}
		#ttlMOrthopaedic{
			background: url(../images/titles/main/orthopaedic.jpg) no-repeat left;
		}
		#ttlMHand{
			background: url(../images/titles/main/hand.jpg) no-repeat left;
		}
		#ttlMProducts{
			background: url(../images/titles/main/products.jpg) no-repeat left;
		}
		#ttlMSeminars{
			background: url(../images/titles/main/seminars.jpg) no-repeat left;
		}
		#ttlSitemap{
			background: url(../images/titles/main/sitemap.jpg) no-repeat left;
		}
 
/* Other Details
 *****************************************************************************/
 
/* Quick Contact Form */
		#quickcontactform1{
			padding: 11px 0 0 0;
		}
		#quickcontactform1 input, #quickcontactform1 textarea{
			color: #000000;
			border: 1px solid #fff;
			background: #A3B9F1;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 3px 11px;
		}
		
		#quickcontactform1 textarea{
			height: 60px;
			overflow: auto;
			width: 148px;
		}
		
		.quickcontact1{
			width: 150px;
		}
		
		#quickcontactform1 .quickcontact-button1{
			border: none;
			width: 72px;
			height: 23px;
			background: url(../images/allpages/submit.jpg);
		}


		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 33px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/allpages/topnavnew.jpg) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 777px;
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}
		
		#h-spritenav1 a{
			display: block;
		}
		
		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:  33px; width:  54px}
		#h-spritenav1-2{left:  88px; width: 146px}
		#h-spritenav1-3{left: 238px; width:  65px}
		#h-spritenav1-4{left: 311px; width:  87px}
		#h-spritenav1-5{left: 405px; width:  62px}
		#h-spritenav1-6{left: 476px; width:  91px}
		#h-spritenav1-7{left: 571px; width:  93px}
		#h-spritenav1-8{left: 679px; width:  54px}
		
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -33px  -33px}
		#h-spritenav1-2 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -88px -33px}
		#h-spritenav1-3 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -238px -33px}
		#h-spritenav1-4 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -311px -33px}
		#h-spritenav1-5 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -405px -33px}
		#h-spritenav1-6 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -476px -33px}
		#h-spritenav1-7 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -571px -33px}
		#h-spritenav1-8 a:hover{background: url(../images/allpages/topnavnew.jpg) no-repeat -679px -33px}


		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 98px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 238px;
			height: 492px;
			background: url(../images/allpages/vertnav1new.jpg);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3, #v-spritenav1-4, #v-spritenav1-5{left: 0; width: 238px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  98px;}
		#v-spritenav1-3{top: 196px;}
		#v-spritenav1-4{top: 293px;}
		#v-spritenav1-5{top: 391px;}		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/allpages/vertnav1new.jpg) -238px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/allpages/vertnav1new.jpg) -238px  -98px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/allpages/vertnav1new.jpg) -238px -196px no-repeat;}
		#v-spritenav1-4 a:hover{background: transparent url(../images/allpages/vertnav1new.jpg) -238px -293px no-repeat;}
		#v-spritenav1-5 a:hover{background: transparent url(../images/allpages/vertnav1new.jpg) -238px -391px no-repeat;}


/* Vertical SpriteNav */
		
		#v-spritenav2 li, #v-spritenav2 a {
			height: 98px;
			display: block;
		}
		
		#v-spritenav2 li a span{
			display: none
		}
		
		#v-spritenav2{
			width: 238px;
			height: 590px;
			background: url(../images/allpages/vertnav3new.jpg);
			position: relative;
		}
		
		#v-spritenav2 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav2-1, #v-spritenav2-2, #v-spritenav2-3, #v-spritenav2-4, #v-spritenav2-5, #v-spritenav2-6{left: 0; width: 238px;} 
		
		#v-spritenav2-1{top:   0px;}
		#v-spritenav2-2{top:  98px;}
		#v-spritenav2-3{top: 196px;}
		#v-spritenav2-4{top: 293px;}
		#v-spritenav2-5{top: 391px;}
		#v-spritenav2-6{top: 489px;}
		
		
		#v-spritenav2-1 a:hover{background: transparent url(../images/allpages/vertnav2new.jpg) -238px    0px no-repeat;}
		#v-spritenav2-2 a:hover{background: transparent url(../images/allpages/vertnav2new.jpg) -238px  -98px no-repeat;}
		#v-spritenav2-3 a:hover{background: transparent url(../images/allpages/vertnav2new.jpg) -238px -196px no-repeat;}
		#v-spritenav2-4 a:hover{background: transparent url(../images/allpages/vertnav2new.jpg) -238px -293px no-repeat;}
		#v-spritenav2-5 a:hover{background: transparent url(../images/allpages/vertnav2new.jpg) -238px -391px no-repeat;}
		#v-spritenav2-6 a:hover{background: transparent url(../images/allpages/vertnav3new.jpg) -238px -489px no-repeat;}



/* Text Nav */
	
		#text-nav{
			clear: both;
			width: 735px;
			margin: 0px auto 0px auto;
			text-align: center;
			padding: 0 0 0 0;
		}	

		#text-nav ul{
			padding: 0 0 20px 0;
			}
			
		#text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #000;
			background: none;
			font-size: 12px;
			line-height: 13px;
		}
		
		#text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #000000;}
		#text-nav a:link, #text-nav a:visited{color: #000000;}
		#text-nav a:hover, #text-nav a:active{color: #D88117;}
		
		
/* ------ Main Contact Form ---------*/

		#big-contact label{
			border:none;
			margin: 40px auto 0 auto;
			width: 350px;
		}
		

		#big-contact input, #big-contact textarea, #big-contact option, #big-contact select{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
		}

		#big-contact br{
			clear: both;
		}
		
		#big-contact p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
			}
	
		#big-contact label input, #big-contact label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 100px;
		}
	
		#big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select{
			font-size: 11px;
		}
	
		#big-contact label{
			position: relative;
			width: 140px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		
		#big-contact fieldset{
			width: 300px;
			padding: 5px 10px;
		}
		
		#big-contact hr{
			border: 0px;
			height: 1px;
			color: #000000;
			background: #000000;
			margin: 0 0 20px 0;
		}

		#big-contact label textarea{
			position: absolute;
			left: 110%;
			top: 0px;
			width: 160px;
			height: 100px;
		}

		#big-contact .radio{
			top:0;
			width: 14px;
		}
		
		#big-contact .reset{
			width:60px;
			margin: 10px 0 0 90px;
		}

		#big-contact .reset-clear{
			width:60px;
			margin: 100px 0 0 90px;
		}
		
		#big-contact .submit{
			width:60px;
			margin: 10px 0 0 12px;
		}
		
		#big-contact .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#big-contact .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#big-contact .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		

		#center-column-inside #big-contact label{
			font: 12px Arial,Helvetica,sans-serif;
		}

		
		
		
		
		
		
		
/* SPRITE NAVIGATION */
#h-suckersprite1 {
	background: url(../images/h-suckerspritenav.jpg) top left no-repeat;					
	width: 600px;		/* Benj - Width whole navigation */
	height: 30px;		/* Benj - Height of Nav Bar */
	text-align: left;	/* Benj - Clear out align center styles */
}
#h-suckersprite1 span { display: none; }
#h-suckersprite1 li { 
	position: relative;
	float: left;
	list-style: none;
}
#h-suckersprite1 li, #h-suckersprite1 a { 
	height: 30px;			/* Benj - Height of Nav Bar */
	display: block;
}

/* left - Offset from left edge, for the first button. */
/* width - Width of each button */
#h-suckersprite1-01 {left: 79px; width: 79px;}
#h-suckersprite1-02 {left: 79px; width: 89px;}
#h-suckersprite1-03 {left: 79px; width: 94px;}
#h-suckersprite1-04 {left: 79px; width: 87px;}
#h-suckersprite1-05 {left: 79px; width: 89px;}

/* Position of each button, then negative of height */
#h-suckersprite1-01 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -79px -30px no-repeat;}
#h-suckersprite1-02 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -158px -30px no-repeat;}
#h-suckersprite1-03 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -247px -30px no-repeat;}
#h-suckersprite1-04 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -341px -30px no-repeat;}
#h-suckersprite1-05 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -428px -30px no-repeat;}

/* SON OF SUCKERFISH */

#h-suckersprite1 li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down h-suckersprite1 - add more styles (i.e. background image) if you want */
}

#h-suckersprite1 li ul li {
	height: 20px;				/* Height of each drop down h-suckersprite1 item */
}
#h-suckersprite1 li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down h-suckersprite1 item, should match above */
	line-height: 20px;			/* Height of each drop down h-suckersprite1 item again, should match above */
}
#h-suckersprite1 li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#h-suckersprite1 a:link, #h-suckersprite1 a:visited, #h-suckersprite1 a:hover, #h-suckersprite1 a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#h-suckersprite1 li:hover ul, #h-suckersprite1 li.hsfhover ul	{ left: auto; } 

/* Hover styles for drop down items */
#h-suckersprite1-03 ul a:hover, #h-suckersprite1-04 ul a:hover { 
	background-image: none;
	background-color: #AA0000; 
}

/* width of drop down h-suckersprite1 - choose width that allows items to display on one line */
#h-suckersprite1-03 ul, #h-suckersprite1-03 li { width: 260px; }		
#h-suckersprite1-04 ul, #h-suckersprite1-04 li { width: 90px; }








/* SPRITE NAVIGATION */
#v-suckersprite {
	position: relative;
	background: url(../images/v-suckerspritenav.jpg) top left no-repeat;					
	width: 100px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 150px;		/* Height of entire image */
	}

#v-suckersprite li span { display: none; }

#v-suckersprite li {
	float: left;
	list-style: none;
	}

#v-suckersprite li, #v-suckersprite a { 
	height: 30px;			/* Each button must have the same height, define it here */
	display: block;
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #v-suckersprite li { height:1% }
/* End */

/* Increments of each button height defined above */
#v-suckersprite-01 { top:   0px }
#v-suckersprite-02 { top:  30px }
#v-suckersprite-03 { top:  60px }
#v-suckersprite-04 { top:  90px }
#v-suckersprite-05 { top: 120px }

/* width set here should be same width set in #v-suckersprite */
#v-suckersprite-01, #v-suckersprite-02, #v-suckersprite-03, #v-suckersprite-04, #v-suckersprite-05 { left: 0px; width: 100px; }

/* Changed values should match "top" numbers specified above */
#v-suckersprite-01 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px   -0px no-repeat; }
#v-suckersprite-02 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -30px no-repeat; }
#v-suckersprite-03 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -60px no-repeat; }
#v-suckersprite-04 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -90px no-repeat; }
#v-suckersprite-05 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px -120px no-repeat; }

/* SON OF SUCKERFISH */

#v-suckersprite li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	margin-left: 100px;			/* Set to same width as in #v-suckersprite */
	margin-top: -30px;			/* Set to each button height, same as used above */
	}

#v-suckersprite li ul li {
	height: 20px;				/* Height of each drop down menu item */
	}

#v-suckersprite li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#v-suckersprite li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#v-suckersprite a:link, #v-suckersprite a:visited, #v-suckersprite a:hover, #v-suckersprite a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

#v-suckersprite li:hover ul, #v-suckersprite li.vsfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#v-suckersprite-03 ul a:hover, #v-suckersprite-04 ul a:hover { 
	background-image: none;
	background-color: #AA0000;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#v-suckersprite-03 ul, #v-suckersprite-03 li { width: 260px; }		
#v-suckersprite-04 ul, #v-suckersprite-04 li { width: 90px; }





/* Tooltip */

a.tooltip-1{
	position:relative;
	z-index:1;
	color:#333333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 2px;
	text-decoration: none;
}

a.tooltip-1:hover{
	z-index:99;
	padding: 2px;
    background-color:#CCC; color:#333;
	border: 1px solid #000;
	text-decoration: none;
}

a.tooltip-1 span{display: none}

a.tooltip-1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:12px; left:22px; width:120px;
    border:1px solid #000;
	padding:5px;
	background-color: #999; color:#FFF;
}