@charset "utf-8";
/* CSS Document */

/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}
/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0;	border-bottom:1px solid #ccc;	height:23px; width:600px;}
/* single tab */
ul.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }
/* link inside the tab. uses a background image */
ul.tabs a { background: url(../img/blue.gif) no-repeat -0px 0;font-size:11px;display:block;height: 23px;  line-height:23px;width: 120px;text-align:center;	text-decoration:none;color:#fff; font-family:Verdana, Geneva, sans-serif;
padding:0px;margin:0 10px 0 0;	position:relative;top:1px;}
ul.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position: -0px -24px;	color:#fff;	}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -0px -48px;	cursor:default !important; color:#333 !important;}
/* initially all panes are hidden */ 
/*div.panes div.pane {display:none;} */

/*                   swap divs                      */ 
.selected{ border:3px solid #EE562D}
#staff_members{ float:left;  width:100%; padding:20px 0px 25px 0px; font-family:Georgia, "Times New Roman", Times, serif; height:auto}
#staff_members a.photo img{}

.staff-member{ float:left; width:142px; height:200px; position:relative}
.staff-member h3{ font-size:11px; color:#000; padding:0x; margin:0px; position:absolute; top:113px; left:2px}
.staff-member p#one{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P2{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P3{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P4{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P5{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P6{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P7{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P8{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P9{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}
.staff-member p#P10{ font-size:10px; color:#666666; padding:0; margin:0px; font-style:italic; width:130px; height:30px; position:absolute; top:130px; left:3px}

a.link{ color:#EB4313; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; text-decoration:none; position:absolute; top:165px; left:14px;}
a:hover.link{ text-decoration:underline;}
img.link{position:absolute; top:165px; left:0px}
.hidden { display: none; }

#bio{ margin:10px 0px 0px 0px;  float:left; clear:both; border-left:3px solid #EC4416; padding:20px 0px 20px 10px; font-size:11px; color:#333333; width:700px; *width:580px;}

#bio a{ padding:30px 0px 40px 0px;}