/*    CSS stylesheet for VOICE inc Website   */
/*    colors: background: #003366, a(text) #336699  */





/*      //////////// CSS for all pages ////////////////     */

body {background-color: #003366; font-family: arial; 
font-size: 16px; font-weight: bold; background-image: url(none);
background-repeat: repeat-all; background-attachment: fixed;}

a {color: #336699}
a:visited {color: #336666}
a:hover {color: orange;}

#contacto {visibility: visible;}
#contacto a {color: #336699;}
#contacto a:hover {color: orange;}

#search {position: absolute; top: 236px; text-align: right; width: 390px; height: 40px;}
#search-containter {position: absolute; top: 230px; border: 1px solid #333;}

#rugby {visibility: visible;}
#rugby a {
position: absolute;
top: 0px;
display: block;
left: 0px;
width: 30px;
height: 30px;
text-decoration: none;
}
#rugby a:hover {border-right: 0px dotted #336699;}

#bar a {color: #336699; text-decoration: underline;}
#bar a:hover {color: #333; border-bottom: 2px solid #333; text-decoration: none;}

#about {background-color: #ddd; padding-top: 6px; padding-bottom: 6px; border-bottom: 3px solid #aaa;}
#main {margin: 2px; margin-top:0px; border: 0px solid #111; }


#main-tab {border: 2px solid #000; width: 800px;}

	
#main-nav {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color:#336699;
	width: 800px;
	height: 50px;
	visibility:visible;
	display: block;
	background-image: url(george.jpg);
}
#main-nav a {
	display: inline; 
	float: left; 
	border-right: 2px solid #333;
	width: 111px;
	height: 45px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none; 
	color: #fff;
	font-weight: bold;
	
 }
 #main-nav a.single {height: 35px; padding-top: 15px;}
 #main-nav a.last {border-right: 0px solid #333;}
 #main-nav a.first {margin-left: 5px; border-left: 0px solid #333;}
 #main-nav a#selected {
	color: #333;
	background-color: #006699;
	background-image: url(george4.jpg);
	background-repeat: repeat-x;}
 #main-nav a:hover {
 	color: #336688;
	background-color: #006699;
	background-image: url(george2.jpg);
	background-repeat: repeat-x;
 }

	
#main-nav2 {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color:#336699;
	width: 800px;
	height: 50px;
	visibility:visible;
	display: block;
	background-image:url(george.jpg);
}
#main-nav2 a {
	display: inline; 
	float: left; 
	border-right: 2px solid #333;
	width: 130px;
	height: 45px;
	padding-top: 5px;
	line-height: 45px;
	text-align: center;
	text-decoration: none; 
	color: #fff;
	font-weight: bold;
	
 }
 #main-nav2 a.single {height: 35px; padding-top: 15px;}
 #main-nav2 a.last {border-right: 0px solid #333;}
 #main-nav2 a.first {margin-left: 5px; border-left: 0px solid #333;}
 #main-nav2 a#selected {
	color: #333;
	background-color: #006699;
	background-image: url(george4.jpg);
	background-repeat: repeat-x;}
 #main-nav2 a:hover {
 	color: #336688;
	background-color: #006699;
	background-image: url(george2.jpg);
	background-repeat: repeat-x;
 }




#loopy {background-image:url(main-bg.jpg);
background-repeat: no-repeat; background-position: bottom;
background-color: #fff;}



#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 32px;
z-index:100;
top:2;
left:-1;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
background-image:url(george.jpg);
}

#dropmenudiv a:hover{
background-color: #ccc;
color: #336688;
background-image:url(george2.jpg);
}
 

 

#listlink a {color: #336688;}
#listlink a:hover {color:orange}
	
 
#subinfo {background-color: #eee; padding: 4px; color: #336688; border: 1px solid #999;}
.service-span {background-color: #000; color: #eee; display: block; padding: 3px; border: 1px solid #336688;}
#header {font-size: 50px; color: #fff; font-weight: bold; margin-left: 25px;}
#bar {
	background-color: #ccc; 
	height: 40px; 
	position: relative; 
	width: 790px; 
	display: block; 
	margin-top: 0;
	border-bottom: 1px solid #333;
	text-align: right;
	padding-right: 10px;
	line-height: 40px;
	}
	
#trail {height: 40px; line-height: 40px;}

#title { 
	text-indent: 8px; 
	font-size: 1em; 
	background-color: #336699; 
	border: 1px solid #000;
	margin-top: 8px;
	}



h1 {text-align: center; display: block; 
width: 350px; height: 25px; line-height: 25px;
font-size: 20px; font-weight: bold;
background: url(header3.gif) no-repeat top; margin-bottom: 0px;
color: #fff; text-indent: 0px; border-bottom: 0px solid #000;}

h2 {display: block; margin: 2px; background-color: #336688; 
color: #fff; padding: 5px; border: 1px solid #111; background: url(h1.jpg) repeat left}

#heading {width: 350px;border-top: 1px solid #000; 
border-bottom: 1px solid #000; margin-left: 0px;
background: url(boxer.jpg) repeat-y left}

input {border: 2px solid #336699}
input:hover {border: 2px solid orange}
input:focus {border: 2px solid #336666;}

#VP {background-color: #eee; width:338px; height: 90px; padding: 5px; border: 1px solid #111; background-color: #336699;
background-image:url(phone.jpg); display: block;}
#con {width: 260px;}
#contact { border: 2px solid #fff; font-weight: bold; 
font-family: arial, helvetica; color: #fff; background-color: #336688 }
#contact td {border-bottom: 2px solid #fff}
#contact td.last {border-bottom: 0px dotted #fff}


#info {padding: 5px; width: 338px; border-top: 1px solid #111; text-align: left;}
#serv {font-weight: bold; text-decoration: underline}
#serv a {display: block; color: #000; text-indent: 3px}
#serv a:hover { color: #000}
#serv-info {color: #333;border-top: 1px solid #111;padding: 4px;}

#footer {border-top: 2px solid #000; background-color: #ddd; padding: 3px; text-indent: 6px;}
#footer a {color: #336699; font-weight: bold; font-size: 13px}
#footer a:visited {color: #336666}
#footer a:hover {color: #333;}

a.imgPop {
	position:relative;
	z-index:20;
}
a.imgPop:hover {
	display:inline;
	z-index:30;
}
a.imgPop span {
	display:none;
}
a.imgPop:hover span, a.imgPop:active span {
	display:block;
	position:absolute;
	top:1em;
	left:3em;
	width:100px;
	text-align: center;
	height:auto;
	background-color:#ddd;
	padding: 10px;
	margin: 2px;
	border: 1px solid #999;
	font: italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}





/*      //////////// CSS for specific pages ////////////////     */


#location {font-weight: bold; 
font-family: arial, helvetica; color: #fff; background-color: #336688}

#map {background-color: #eee; width:338px; padding: 5px; border: 1px solid #111;}
#map a {color: #336699; background-color: #ccc; display: block; height: 48px; font-weight: bold; line-height: 48px;}
#map a:hover {color: #fff; background-color: #999;}

#didyouknow {width: 292px; border: 0px solid #ddd; padding: 4px; text-align: left;}

#voice {background-color: #eee; width: 100%;}
#voice span {background-color: #336699; display: block; color: #fff; text-indent: 3px; width: 100%; border-bottom: 2px solid #333;}
#voice a {display: block; border-bottom: 1px solid #999; background-color: #eee; 
font-weight: bold; text-indent: 5px; text-decoration: none; color: #336699;}
#voice a:hover {background-color: #ddd; color: #336666;}


#help {font-size: 30px;}
#help a {
display: block; 
height: 72px; width: auto; 
background-color: #ddd; 
color: #999;
text-decoration: none;
line-height: 70px; 
font-weight: bold;
padding: 3px;
border: 1px solid #666;}
#help a:hover {background-color: #999; color: #333;}

#fax {background-color: #ddd; border: 1px solid #666; padding: 3px; 
color: #336688; font-weight: bold; height: 72px;}

#phone {background-color: #fff; border: 1px solid #666; padding: 3px; 
color: #336688; font-weight: bold; height: 72px;}
#phone a {display: block; border: 1px solid #888; text-align: center; color: #336688; text-decoration: none;}
#phone a:hover {color: #000; background-color: #eee}

#subinfo2 {background-color: #ddd; padding: 3px; border: 1px solid #999; color: #336688;}





 /* /////////// staff page ////// */
 #main-nav3 {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color:#336699;
	width: 800px;
	height: 50px;
	visibility:visible;
	display: block;
	background-image: url(george.jpg);
}
#main-nav3 a {
	display: inline; 
	float: left; 
	border-right: 2px solid #333;
	width: 111px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none; 
	color: #fff;
	font-weight: bold;
	
 }
 #main-nav3 a.single {height: 35px; padding-top: 15px;}
 #main-nav3 a.last {border-right: 0px solid #333;}
 #main-nav3 a.first {margin-left: 5px; border-left: 0px solid #333;}
 #main-nav3 a#selected {
	color: #333;
	background-color: #006699;
	background-image: url(george4.jpg);
	background-repeat: repeat-x;}
 #main-nav3 a:hover {
 	color: #336688;
	background-color: #006699;
	background-image: url(george2.jpg);
	background-repeat: repeat-x;
 }


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 32px;
z-index:100;
top:2;
left:-1;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
background-image:url(george.jpg);
}

#dropmenudiv a:hover{
background-color: #ccc;
color: #336688;
background-image:url(george2.jpg);
}