#system_container # system_contentarea # system_content .photo a:hover {text-decoration:none;}


/* slides styling */

#system_container # system_contentarea # system_content .photo a:hover {text-decoration:none;}


/* slides styling */

#system_container #system_contentarea #system_content .photo {padding:0px; background:#FFF; width:500px; height:330px; text-align:left; position:relative}
#system_container #system_contentarea #system_content .photo h1 {font-size:14px; font-weight:normal; color:#000; margin:0 0 0 5px; padding:0;}
#system_container #system_contentarea #system_content .photo ul {list-style:none; padding:0; margin:0; width:195px; background:#f3f5f8; position:relative; height:303px;}
#system_container #system_contentarea #system_content .photo ul li {display:inline; width:24px; height:24px; float:left; margin:4px;}
#system_container #system_contentarea #system_content .photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(/images/council/frame/arrow.jpg) no-repeat; text-decoration:none;}
#system_container #system_contentarea #system_content .photo ul li a span {display:none;}
#system_container #system_contentarea #system_content .photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

#system_container #system_contentarea #system_content .photo ul li a:hover {white-space:normal;position:relative;}

#system_container #system_contentarea #system_content .photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#2a343b;}
#system_container #system_contentarea #system_content .photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#2a343b;}

#system_container #system_contentarea #system_content .photo ul li a:active, #system_container #system_contentarea #system_content .photo ul li a:focus {position:static; outline:0;}

#system_container #system_contentarea #system_content .photo ul li a:focus.vert img, #system_container #system_contentarea #system_content .photo ul li a:active.vert img {background-color:#000; position:absolute; left:210px; top:0; width:179px; height:240px; border-top:1px solid #2a343b; border-left:1px solid #2a343b; border-right:1px solid #2a343b; border-botton: 0px; padding:0px;}
#system_container #system_contentarea #system_content .photo ul li a:focus.hor img, #system_container #system_contentarea #system_content .photo ul li a:active.hor img {background-color:#000; position:absolute; left:210px; top:0; width:320px; height:240px; border-top:1px solid #2a343b; border-left:1px solid #2a343b; border-right:1px solid #2a343b;  border-botton: 0px; padding:0px;}

#system_container #system_contentarea #system_content .photo ul li a:focus.vert span, #system_container #system_contentarea #system_content .photo ul li a:active.vert span {display:block; position:absolute; width:171px; height:60px; border-bottom:1px solid #2a343b; border-left:1px solid #2a343b; border-right:1px solid #2a343b; border-top: 0px; top:242px; left:210px; color:#000; font-weight:normal; padding:0px 4px 0px 4px; font-size:80%; background-color:#f3f5f8;}


#system_container #system_contentarea #system_content .photo ul li a:focus.hor span, #system_container #system_contentarea #system_content .photo ul li a:active.hor span {display:block; position:absolute; width:312px; height:60px; border-bottom:1px solid #2a343b; border-left:1px solid #2a343b; border-right:1px solid #2a343b; border-top: 0px; top:242px; left:210px; color:#000; font-weight:normal; padding:0px 4px 0px 4px; font-size:80%; background-color:#f3f5f8;}
