/* CSS Document */

/* 

Sahuaro Girl Scouts Style Guide v1.0 

Created by IntraMedia Solutions
		   2228 W. Northern Avenue, Suite B-210
		   Phoenix, AZ 85390
		   
Launched and last updated 11/09.

*/

/* Global Styles */

* {padding: 0; margin: 0;}

html, body {height: 100%;}

body {text-align: center; background-image:url(../../images/page_bg.jpg); background-color: #008F7B;  background-repeat: no-repeat; background-position: center top;}

img {border: 0px;  visibility:visible; z-index:1;}

hr {display: none; visibility: hidden;}

div#preload {display: none;}

#clear {clear:both; height:25px;}

.clear {clear:both;}

.right {float: right;}

.left {float: left;}

.nopad {margin: 0px;padding: 0px;}

.notoppad{margin-top:0px;}



/* Header */

#header {position:relative; background-color:#063; background-image:url(../../images/header.jpg); width: 950px; height: 234px; margin:0 auto; z-index: 100;background-repeat: no-repeat;}

h1.seal {background-image:url(../../images/sgsc_logo.png); position:absolute; width: 362px; height: 138px; top: 20px; left: 14px; text-indent: -9999px;}



/* Nav Styles */

#nav {width: 900px; height:16px; position: absolute; top: 175px; left: 0px; text-align: center; z-index:50; padding: 17px 25px 17px 25px;}

#smnav {margin-top: 13px; margin-left:65px; margin-bottom: 10px;}

.star {margin-top: 3px; float:left; margin-right:1px;}



/* Search Form */

#searchform {position: absolute; right: 30px; top: 130px; width: 305px;}

#searchform p {font-size: 14px;}

#search-result {margin-left:150px;}

.search_field {float:left; border: 1px #3d1a13 solid; padding: 7px 0px 0px 6px; margin: 3px 1px 1px 1px; width:200px; height:25px; background-color:#fff;}

.search_button {width: 85px; height: 40px; border: 0px; float: right;}



/* Newsletter Signup */

#mailinglist_form {width: 245px; background-image:url(../../images/nl_signup.png); height: 174px;}

#nlsignup {background-image:url(../../images/nl_signup.jpg); height: 174px; position: absolute; top:635px;}

#nlsignupsub {width: 245px; background-image:url(../../images/nl_signup_sub.jpg); height: 174px;}

.email_field { padding: 6px 5px 5px 5px; width: 167px; border: 0px; background-color:#FFFFFF;}

.signup {width: 132px; height: 22px; border: 0px; position: absolute; top: 110px; left: 60px; background-image: url(../../images/nl_signup_button.gif); text-indent: -5000em; cursor: pointer;}

#nlsusub {position:absolute; top:270px; z-index: 1;}

#nlsubheading { padding-left:65px; padding-top:35px; background: url(../../images/nl_signup_text.gif) no-repeat 65px 43px;text-indent:-999999px; padding-bottom:0px;}

#nlsubinput { margin-left:44px; margin-top:-5px;}

#nlsubbutton {margin-left:64px; margin-top:10px;}



/* Homepage Styles */

body#homepage  {background-image:url(../../images/page_bg_index.jpg); background-color: #008F7B;  background-repeat: no-repeat; background-position: center top;}

#wrapper {width:1002px; margin: 0 auto; background-image:url(../../images/middle_bg_index.png); background-repeat: repeat-y;margin-top:32px;}

#container {width:950px; margin: 0 auto; background-image:url(../../images/paper_bg.png); background-repeat: repeat-y; height:100%;}

#photobox { height: 358px; width:911px;margin: 0 19px 5px 19px; }

#photobox .top {background-image:url(../../images/photobox_top.png); background-repeat:no-repeat; width:911px; height:10px;}

#photobox .middle {background-image:url(../../images/photobox_middle.png); background-repeat:repeat-y; padding:5px 15px 5px 15px; width:881px;}

#photobox .bottom {background-image:url(../../images/photobox_bottom.png);background-repeat:no-repeat; width:911px; height:10px;}

#photobox ul li {text-indent: -5000em; border: 0px; list-style-type: none;}

.adults {display:block; cursor: pointer; visibility:visible;}

.girls { display:block; cursor: pointer; visibility:visible;}

#ag {padding:0; float:right;}

#ag li {padding:0px; margin:0px; line-height:0px; list-style:none;}

#frontphoto {height: 307px; width: 572px;float:left;}

#frontphoto img { border: 7px solid #fff;}

#leftcol_container { width:605px; float:left; margin: 0px 0px 15px 20px;}

#leftcol_container .top {background-image:url(../../images/leftcol_top.png); background-repeat:no-repeat;height:10px;}

#leftcol_container_middle {background-image:url(../../images/leftcol_middle.png); background-repeat:repeat-y; padding: 15px 20px 15px 20px;}

#leftcol_container .bottom {background-image:url(../../images/leftcol_bottom.png); background-repeat:no-repeat; height:10px;}

#leftcol {width: 196px;float: left; margin-top: 150px; margin-right:25px;}

#news {margin: 10px 0px 0px 0px; overflow: hidden;}

#centercol {float: left; width: 341px;}

#centercol span { visibility:visible;}

#centercol .textonlyarea img {visibility: hidden; height: 0px; width: 0px;}

.photo img {position: relative; margin-bottom: 30px; margin-top: 12px; margin-left: 13px; height:68px; width:73px; overflow:hidden; visibility: visible;}

.photo {background-image: url(../../images/polaroid_frame.png); height: 110px; width: 97px; visibility: visible;}

.photo2 {position: relative; margin: 0px 9px 10px 9px; float: left; }

.photo3 {position: relative; margin-top: 18px; margin-left: 17px; float: left; display: inline-block; max-width:105px; height: 104px; overflow: hidden;}

#morephotos {background-image: url(http://www.sahuarogsc.org/images/arrow.gif); display: block; float: left; background-repeat: no-repeat;width: 15px; height:17px; margin: 45px 15px 30px 15px; text-indent: -9999em;}

.polaroidbox {margin: 0px 20px 10px 6px; float: left; visibility: visible;}

.shortdesc  {float: left; width: 215px;margin-bottom: 15px;}

.hrdiv  {background-image: url(../../images/hr.gif); height: 2px; margin: 0px 0px 15px 0px; border:0; display:block;}

.dottedhr { border-bottom: 1px dotted #ccc; margin-bottom: 15px; width: 340px;clear: left;}

#photostrip {height: 140px; background-image: url(../../images/film_bg.gif); background-position:bottom; background-repeat: no-repeat; float: left; clear: both;}

#rightcol {float: right; width: 299px; margin: 0 20px 15px 0px;}

#rightcol .top {background-image:url(../../images/rightcol_top.png); background-repeat:no-repeat; height:10px;}

#rightcol_middle {background-image:url(../../images/rightcol_middle.png); background-repeat:repeat-y; padding: 15px 40px 15px 40px;}

#rightcol .bottom {background-image:url(../../images/rightcol_bottom.png); background-repeat:no-repeat;height:10px;}

#endpageindex {height: 123px; width:1002px; background-image:url(../../images/bottom_bg_index.png); background-repeat:no-repeat; background-position:top;}



/* Left Links Block */

#leftlinks {width:200px; margin-left:20px; position:absolute; top:485px;}



/* Join & Volunteer Buttons */

#joinnow {height:21px; width:200px; padding: 0px; margin: 0px; float: right;}

#joinnow ul {list-style-type: none; padding: 0px; margin: 0px; height:21px; width:200px;}

#joinnow li {list-style-type: none; display: inline; float: left;} 

#joinnow li a {text-decoration: none; display: block; float: left;  text-indent: -9999px;}

li#joinbutton a {background-image: url(../../images/join.gif); margin-right: 8px; width: 96px;}

li#volbutton a {background-image: url(../../images/volunteer.gif);width:96px;}



/* Subpage Styles */

#sub {background-color: #008F7B; background-repeat: no-repeat; background-position: center top;}

#subwrapper {width:1002px; margin: 0 auto; background-image:url(../../images/middle_bg_index.png); background-repeat: repeat-y;margin-top:32px;}

#pagetop {background:url(../../images/page_top.jpg); background-repeat: no-repeat; height: 25px; width: 929px; position:relative;}

#content {padding-bottom:60px;} /* fixes ie7 columns falling underneath footer */

#leftcolsub {width: 259px; float: left; margin:0 0 15px 20px; }

#leftcolsub .top {background-image:url(../../images/leftcolsub_top.png); background-repeat:no-repeat;width:259px; height:10px; }

#leftcolsub_middle {background-image:url(../../images/leftcolsub_middle.png); background-repeat:repeat-y; width:219px; min-height:840px; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px;}

#leftcolsub .bottom {background-image:url(../../images/leftcolsub_bottom.png); background-repeat:no-repeat;width:259px;height:10px;}

#subright {width:645px; float:right; margin: 0 20px 15px 0;}

#subright .top {background-image:url(../../images/rightcolsub_top.png); background-repeat:no-repeat;width:645px;height:10px;}

#subright_middle {background-image:url(../../images/rightcolsub_middle.png); background-repeat:repeat-y;width:565px;min-height:840px; padding-top:20px; padding-right:40px; padding-bottom:20px; padding-left:40px; position:relative;}

#subright .bottom {background-image:url(../../images/rightcolsub_bottom.png); background-repeat:no-repeat;width:645px;height:10px;}

#endpage {height: 123px; width:1002px; margin:0 auto;background-image:url(../../images/bottom_bg_index.png); background-repeat:no-repeat; background-position:top; z-index:-1;}

#photoright {position: relative; float: right; border-left: dotted 2px #c6c3bb; width: 215px; height: 430px; margin-top: 15px; background-image: url(../../images/three_photo_stack.jpg); background-position:bottom right; background-repeat: no-repeat;}

#photorightgirls {float: left; border-left: dotted 2px #c6c3bb; width: 215px; margin-top: 15px;}

.longdesc  {float: left; width: 460px;margin-bottom: 35px;}

.aboutlatestphotos {float: left; width: 408px; height: 88px;  background-image: url(../../images/film_bg_internal.jpg); background-position:bottom; background-repeat: no-repeat; display: inline;}

#subright img {border: 1px solid #cccccc; padding: 5px; background-color: #FFF;}

#subright .noborder {border: 0px; padding: 0px;}

#paginate-right {height:25px;position:absolute; bottom:5px;}



/* Footer */

#footer {width: 1002px;margin: 0 auto; }

#footersub {width: 1002px;  position: relative; bottom: 0px;margin: 0 auto;}

#bottomnav  {margin: 0 auto; text-align: center;}

#bottomnav ul {text-align: center;}

#bottomnav ul li {display: inline;}

#copyright {width:600px; height:72px; margin-top: 30px; margin-left: auto; margin-right: auto; }

#copyright p {color: #FFFFFF; font-size: 10px; line-height:16px; text-align:center;}

.listleft {margin-left: 33px;}

.logo {float: left; margin: 0px 5px;}



/* Image Replaced Text */

h2.nl {background-image: url(../../images/nl_signup_text.gif); background-repeat: no-repeat; text-indent: -5000em; margin-left:65px;  height: 21px; width: 150px; background-repeat: no-repeat;}

h2.news {background-image: url(../../images/latest_news.gif); background-repeat: no-repeat; text-indent: -5000em; height: 16px; width: 106px; margin-bottom: 10px;}

h2.gsspot {background-image: url(../../images/tab_gss_spotlight.png); background-repeat: no-repeat; width: 224px; height: 33px; text-indent: -5000em; margin-bottom: 15px; margin-top:0;}

h2.gsinthecomm {background-image: url(../../images/tab_community.png); background-repeat: no-repeat; width: 321px; height: 36px; text-indent: -5000em; margin-bottom: 15px;}

h2.sahuaro {background-image: url(../../images/tab_sahuaro.png); background-repeat: no-repeat; width: 232px; height: 40px; text-indent: -5000em; margin-bottom: 15px;}

h2.newphotos {background-image: url(../../images/new_photos.gif); background-repeat: no-repeat; text-indent: -5000em; height: 16px; width: 100px; margin-bottom: 10px;}

h2.upcoming {background-image: url(../../images/upcoming_events.gif); background-repeat: no-repeat; text-indent: -5000em; height: 22px; width: 150px; margin-top: 15px; margin-bottom: 8px; text-align: center; width: 240px; display: block;}

h2.community {background-image: url(../../images/community_partners.gif); background-repeat: no-repeat; text-indent: -5000em; height: 21px; width: 185px; margin-top: 25px; text-align: center; width: 240px; display: block;}

.readbrn {background-image: url(../../images/readmore_round_brn.gif); height: 21px; width: 96px; text-indent: -5000em; margin: 10px 0px 20px 0px; display: block; cursor: pointer;}

.readgrn {background-image: url(../../images/readmore_round_grn.gif); height: 21px; width: 97px; text-indent: -5000em; border: 0;display: block; cursor: pointer; visibility:visible;}

.volunteer {background-image: url(../../images/volunteer.gif); height: 21px; width: 96px; text-indent: -5000em; margin-left: 5px; margin-top: 10px; float: left; cursor: pointer;}

.join {background-image: url(../../images/join.gif); height: 21px; width: 97px; text-indent: -5000em; margin-left: 15px; margin-top: 10px; float: left; cursor: pointer;}

.learnmore {background-image: url(../../images/learn_more.gif); height: 21px; width: 96px; text-indent: -5000em; margin-top: 3px; float: left; margin-bottom: 30px; cursor: pointer; visibility:visible;}

.invite {background-image: url(../../images/invite.gif); height: 21px; width: 97px; text-indent: -5000em; margin-left: 15px; margin-top: 3px; margin-bottom: 15px; float: left; cursor: pointer; visibility:visible;}

li#girlnav a {height: 16px; width: 44px;}

li#adultnav a {height: 16px; width: 88px; }

.regbutton {text-indent:-5000em; display:block; background-image:url(../../images/register_green.gif); width:97px; height:22px; margin: 0 auto;}

.invbrnbutton {text-indent:-9999em; display:block; background-image:url(../../images/sendinvite_brn.png); width:98px; height:21px; margin: 0 auto;}



/* Typography Styles */

a {text-decoration:none; color: #00b1b0;}

a:hover {text-decoration:underline;}

a:visited { } 

h1 {color: #00b1b0; margin: 0px;}

h2, h3 {font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;}

h2 {color: #8d3819; font-size: 14px; margin: 10px 0px;}

#leftlinks h2 {color: #df671f; padding-bottom: .5em; margin:0;}

#training_location h2 {padding: 5px 0px; margin-top: 35px; margin-bottom: 2px; background-image: url(../../images/pencil.png); background-repeat: no-repeat; background-position: bottom left;}

#newsview h2 {padding: 5px 0px; margin-bottom: 5px; background-image: url(../../images/pencil.png); background-repeat: no-repeat; background-position: bottom left;}

#newsmain h2 {padding: 5px 0px; margin-bottom: 5px; background-image: url(../../images/pencil.png); background-repeat: no-repeat; background-position: bottom left;}

#newsmain h2 a {color: #8d3819;}

#gallerypage #subright h2 {font-size: 14px; margin: 0px;}

.itembody h2 {margin: 0px;}

h3 {font-size: 12px; font-weight: bold; color: #df671f;}

.event h3 {margin: 0px;}

#photogal h3 {margin-top: 20px;}

#leftlinks h3 {padding-bottom: .5em;}

#leftcol h3 {display: inline; margin: 0; color: #333; font-weight: normal;}

#leftcol h3.newstitle a {display: block; font-weight: bold; margin-bottom: 5px;}

#leftcol .da {margin: 0px; display: block;}

#leftcol p {display: inline;}

#leftcol p a {color: #333; cursor: default;}

#leftcol p a:hover {text-decoration: none;}

#rightcol ul li {display: inline;}

#bannerad a {text-align: right; position: absolute; top: 40px; right: 35px; font-weight: normal; color: #000000; width:500px; height:70px; overflow:hidden; border:none;}

h3.newstitle {font-size: 1em; color: #8d3810;}

h3.newstitle a {color: #8d3819;}

h3.districts {color: #00B1B0; padding-top:20px; margin-left:30px;}

body {font-size: 12px; line-height: 18px; text-align: left; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; color: #333333;}

body p {font-family: 'Lucida Grande',Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height:18px; margin-bottom: 10px;}

body p span {visibility:visible;}

.itemsignup p {line-height: 16px;}

.itembody p {margin-top: 0px;}

.itemdate p {color: #FFFFFF;font-size: 12px; margin-top: 16px; line-height: 1.75em;}

#rightcol p {margin: 0px;}

.breadcrumb {font-size:.875em; color: #333; float: left; max-width: 65%; margin-top: 4px;}

.da {font-weight: bold; color: #333;}

.date {color: #00b1b0; visibility:visible;}

#events .loc {font-size: 12px;}

#gallerypage .loc {font-size: 12px;}

.loc {font-size:.875em; font-weight: bold; color: #333;}

.location {font-size:.875em; color: #8d3819;font-weight: bold; visibility:visible;}

.search_field {font-size: 16px; vertical-align: baseline;}

.email_field {font-size: 14px;}

#bottomnav a {color:#FFFFFF;}

#bottomnav a:visited {color:#FFFFFF;}

#bottomnav ul li {color:#FFFFFF; font-weight:bold; font-family: 'Lucida Grande' , Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}

#calendar {font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif;font-weight: bold;}

#navcontainer {height: 16px; width: 132px; margin-top:25px; margin-bottom: 0px; margin-left:65px;}

#navcontainer ul {list-style:none; padding: 0px; margin: 0px; height: 16px; width: 132px; background: url(../../images/nav/g_a_nav.gif) no-repeat;}

#navcontainer li {list-style:none; display: inline;}

#navcontainer li a {text-decoration: none; display: block; float: left;  text-indent: -9999px;}

.smnav2 {padding-left: 20px; margin-left: 8px; background-image:url(../../images/nav/star_on_white.gif); background-position:left; background-repeat: no-repeat;}

.textnav li {margin-left: 19px;}

li#leftlinks {font-family: 'Lucida Grande',Arial, Helvetica, sans-serif; margin-bottom: .25em;}

#leftlinks a {color: #333333;}

ul#leftlinks {margin-top: .25em;}

.child {position: relative; left: 15px;}

.pin li {background-image:url(../../images/pin.gif); background-position:left top; background-repeat: no-repeat; padding-left: 18px;list-style-type: none; margin-left: 0px;}

.partners {font-size: .875em; color: #00b1b0;}

a.subright-h2:link {color: #8d3819; font-size: 14px; margin: 10px 0px;}

a.subright-h2:hover {color: #8d3819; font-size: 14px; margin: 10px 0px;}

a.subright-h2:visited {color: #8d3819; font-size: 14px; margin: 10px 0px;}

#subright a {color:#00b1b0; font-weight: bold;}

#subright a:hover {color:#00b1b0;text-decoration:underline;}

#subright ul li{font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; color: #333333; font-size: 1em;}

#subright ul li a{color: #00b1b0;}

#subright ul{margin: 0px 0px 12px 15px;background:none;}

#subright strong {color:#333333;}

#linkLoc {color:#8D3819}

.getLocation a {color:#8D3819;background:none; text-decoration:none;font-size:12px; font-weight:bold}

.getLocation img {border: 0px; padding: 0px;}

.getLocation a:hover {color:#8D3819;background:none; text-decoration:underline;}

.getLocation a:visited {background:none; text-decoration:none;}

.pencil {background-image:url(../../images/pencil.png); width: 359px; height: 3px; left: 0px; margin-top: 2px;display: block;} 

.discount_textonly {float: right; padding: 20px; background-color: #fff; border: 1px solid #ccc; text-align: center;color: #008000; font-size: 1.25em; font-weight: bold;}

.title {font-family: 'Lucida Grande',Arial, Helvetica, sans-serif; color: #333333; font-size: 12px;}

.thumbtitle {width:140px; margin-top: 5px;}

.itemdate {width: 40px;	float: left; height: 40px;text-align:center;background:url(../../images/orange_sticker.png);background-repeat:no-repeat;}

.stickerdate {color: #FFFFFF; font-size: 2em; font-weight: bold;}

.itembody {float: left; width: 350px; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}

.bbtape {width:149px;height:27px;background-image:url(http://www.sahuarogsc.org/images/tape.png);display:block; margin-left: 350px; text-align:center; z-index: 2; position: relative;}

#results_list li {margin-top: 15px; margin-left: 20px;}

#holdm{position:absolute; top:150px;left:20px;z-index:100;width:80%;}

.districtsbody {margin-left:30px; color: #99968f; width:100px;}

.bb-heading {font-size:12px; visibility:visible;}

.vista-date {color:#99968f; padding-right:10px; font-weight:bold; font-size:12px; font-family:Tahoma, Arial;}

#postdate p{padding:0px;margin:0px;}

#postdetail .pdate{font-weight: bold; color: #333;}

.postdetail .pdate{font-weight: bold; color: #333;}

#postdetail {float:left;width:400px;margin-bottom:41px;}

.postdetail{float:left;display:block;width:520px;margin-bottom:41px;}

.gallerypaginate{margin-top:10px;}

#locationbox {float:left;display:block;margin-right: 15px;}

.lbox {width:160px; height:116px;}

li.forms_list {list-style-type: none; background-image: url('http://www.sahuarogsc.org/uploads/site_images/21.png'); background-position: 0px 3px;background-repeat: no-repeat; padding-left: 20px; margin: 5px 0px; vertical-align:top;}


/* Style for what's new */

#Hlocationbox {float:left;display:block;margin-right: 15px;margin-bottom: 50px;}

.Hlocationbox {float:left;display:block;margin-right: 15px;margin-bottom: 50px;}

.Hlbox {width:200px; height:200px;}

#Hlpostdetail {float:left;display:block;width:300px;margin-bottom:41px;}

.Hlpostdetail {float:left;display:block;width:300px;margin-bottom:41px;}



/* Style for shop */

#Wnbox {float:left;display:block;margin-right: 15px;margin-bottom: 50px;overflow:hidden;}

.Wnbox {float:left;display:block;margin-right: 15px;margin-bottom: 50px;overflow:hidden;}

.Wnbox {width:96px; height:99px;}

#Wnpostdetail {float:left;display:block;width:300px;margin-bottom:41px;}

.Wnpostdetail {float:left;display:block;width:300px;margin-bottom:41px;}



/* Pagination Districts */
	
.prv {}

.nxt {text-align:right;}

#pagination{ height:15px; }

.pagination_districts { font-family:arial; font-size:12px; font-weight:bold; color:#00B1B0; text-decoration:none;}

#pagination a.pagination_districts { font-family:arial; font-size:12px; font-weight:bold; color:#00B1B0; text-decoration:none;}

#pagination a.pagination_districts:hover { font-family:arial; font-size:12px; font-weight:bold; color:#00B1B0; text-decoration:underline;}

.ddate {padding-bottom:0px; margin-bottom:-5px;}

.dhead {padding-bottom:0px; margin-top:-10px;}



/* Other */

#spotlight .photo {visibility: hidden; height: 0px; width: 0px;}

#spotlight .photo img {visibility: hidden; height: 0px; width: 0px; padding: 0px;}

#spotlight img {margin: 5px;}

#discount_card .clear {height: 30px;}

.bbpost {margin-top: -15px; width: 500px;background: #f1eea2; padding: 15px 20px 0px 20px; z-index: 1; margin-bottom: 30px; border: 1px solid #d9d9d6;}

.photoview {margin-bottom: 15px;}

#girlsphoto {position:relative; left:30px;}

#fullimage {overflow:auto; width:577px;}

#tborderimg img {border:3px solid #E6D4BE;}



/* Table Styles */

table { margin-bottom: 1.4em; width:100%; border:1px solid #ccc; background-color:#FFF; font-size:10px; }

table p {font-size:10px;}

th {font-size:12px; font-weight: bold; color:#FFF;}

thead th { background: #00b1b0; }

th,td,caption { padding: 4px 10px 4px 5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

tr.even td { background: #00b1b0; }

tfoot { font-style: italic; }

caption { background: #eee; }



/* Photo Gallery Styles */

#photogal form {float: right;}

#photogal .eachphoto {float:left; margin: 10px 20px 10px 0px;} 

#subright img.category_image {border: 0px; padding: 0px; background: none;}

#subright .medium_thumb {height: 104px; width: 140px; overflow: hidden;}

#subright .photoalbum img {background: none;}

select {border:1px dotted #00B1B0;font-size:.875em;font-weight:bold;color: #00B1B0;padding: 4px 5px 2px 5px;background-color: #f2ecde;}

select option {padding:2px; margin-top: 5px; margin-bottom: 5px; padding-left: 10px;}

.photoalbum {float:right; height:137px; width:197px; margin-left: 15px; position: relative; background: none;}

.photoalbum span {height: 127px; width: 190px; left:7px; top: 0px; position: absolute; display: block}

.photoalbum span:hover {background-image:url(../../images/click_pic.png); background-position: bottom left; background-repeat: no-repeat;}