/* Stylesheet - Volunteers In Medicine */
html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

:focus {outline:none;}

html, body {height: 100%;}
body {font: 14px/18px Tahoma, Arial, Helvetica, sans-serif; color: #666666;}
body.pixelsilk {text-align:center; background:url('/theme-bg.jpg') repeat-x; border: 0;}

p {margin: 0 0 10px 0;}
a img {border: 0;}
hr {height: 1px; color: #E1DED6; background-color: #E1DED6; border: 0;}
object {outline: none;}
sub {font-size: 10px; vertical-align: sub;}
sup {font-size: 10px; vertical-align: super;}

a, a:link, a:visited {color: #32B2BE; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {color: #32B2BE; text-decoration: none; outline: none;}
a[name] {color: #000; text-decoration: none;}

/*.sprite{background-image:url('/social-sprite.png'); background-repeat:no-repeat; display: block;}*/

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px 0; font-weight: normal; color: #666;}
h1 {font-size: 20px;} /* 2em */
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}


.groupHeading{margin:10px 0;}

/* Image alignment/spacing classes */
img.alignleft {margin: 5px 20px 20px 0; float: left;}
img.alignright {margin: 5px 0 20px 20px; float: right;}

/* Theme Styles */
#theme {position: relative; margin: 0 auto; text-align: left; width: 900px; z-index: 2; min-height: 100%; background:url('/volunteers-in-medicine_40.gif') repeat-y center top; height:auto !important; padding: 0 0 30px;}
#columnLeft{float: left; width: 650px;}
#columnRight{float: right; height: 100%; width: 250px; position:relative; z-index:20;}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 650px; height: 160px; z-index: 100;}
#header #bannerText{height: 60px; left: 212px; margin: 0; position: absolute; top: 45px; width: 425px; z-index: 150;}
#header p{color: #E3DED2; font-size: 12px; font-style:italic; font-weight:bold; margin-bottom:10px;}
#header p span{color: #C6C1B5;}
#logo {position: absolute; left: 0px; top: 20px; width: 197px; height: 91px; z-index: 200;}
.socialMedia {padding:10px 20px; text-align:center;}
.socialMedia img {margin:auto 3px;}
.facebook{float:right; width:28px; height:29px; background-position:0 0;}
.twitter{float:right; width:30px; height:29px; background-position:-34px 0; margin-left: 23px;}

/* Search box/form */
#search {position: relative; width: 200px; height: 30px; background: #fff; margin: 20px auto 25px;}
.txtSearch {position: absolute; left: 7px; top: 2px; width: 160px; margin: 0; padding: 0 !important; height: 21px; font-size: 14px; color: #B7A188; line-height: 21px; border-width: 0 !important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; right: 0px; top: 0px; width: 30px; height: 30px;}

#phoneNumber{width:200px; height:25px; font-size:24px; margin:0 auto 9px; font-weight:bold; color:#a5a094;}
#phoneNumber span{background:url('/phone-icon.gif'); display: block; float: left; height: 18px; margin-right: 10px; width: 24px;}

/* Menu styles */
#siteMenu {z-index: 100; background: #fff url();position:absolute;bottom:0px;width:650px; left:0px;}
ul#topMenu {list-style: none; margin: 0 auto; padding: 0; width:900px; }
ul#topMenu li {display: inline; float: left; position: relative; z-index: 100; height: 30px; line-height: 30px; color:#81c3c9; font-size:14px; font-weight:bold;}
ul#topMenu li a, ul#topMenu li a:link, ul#topMenu li a:visited {display: block; padding: 0 12px; height: 30px; line-height: 30px; color: #81c3c9; text-decoration: none;}
ul#topMenu li a:hover, ul#topMenu li a:active {color: #6e9194; }
ul#topMenu li.current a {color: #6e9194;}
ul#topMenu li.separator {}
div#subNavigation {display: none;}

/* Submenu styles */
ul#topMenu li ul {display: none; position:absolute; left: 0; top: 30px; list-style: none; margin:0; padding:10px; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background:#6E9194;}
ul#topMenu li ul * {list-style-position:outside;}
ul#topMenu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:200px;}
ul#topMenu li ul li a, ul#topMenu li ul li a:link, ul#topMenu li ul li a:visited {display:block; padding: 0 10px; height:auto; line-height: 20px; color:#fff; font-size: 13px; text-decoration: none; white-space: nowrap; text-align: left;}
ul#topMenu li ul li a:hover, ul#topMenu li ul li a:active, ul#topMenu li ul li a:focus {text-decoration: underline; color: #81c3c9;}
ul#topMenu li ul li.separator {}
ul#topMenu li ul li ul {position:absolute; top:-10px; left:200px; width: auto; min-width: 200px; /* Match UL width above */}
ul#topMenu li ul li ul li {}
ul#topMenu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}


/* Main content area styles */
#content {margin: 0 auto; width: 650px; text-align: left; }
#mainColumn{padding:25px 15px 0 0px; width:635px; float:left;}

.homeContentLeft{width:272px; float:left; margin:0 35px 0 0;}

p.moreInfo{margin:30px 0;}

#homeCTA{}
#homeCTA .cta{float: left; margin: 0 10px 0 0;}
#homeCTA .cta a, #homeCTA .cta a:link, #homeCTA .cta a:visited{background:#6E9194; color: #FFFFFF; display: block; font-size: 18px;}
#homeCTA .cta a:hover, #homeCTA .cta a:active, #homeCTA .cta a:focus{background:#67a7ac;}
#homeCTA .cta a span{color: #FFFFFF; display: block; font-size: 18px; padding: 5px;}

/* Interior content area styles */
.interior #content{margin:0px auto 0;}
#sectionImage{width:675px; height:100px; margin-left: -25px;}

/* Homepage-specific styles */
#homeSlideShowWrapper{width:675px; height:200px; position:relative; margin-left: -25px; z-index:1;}
#homeSlideShow{width:675px; height:200px; position:relative; z-index:2; overflow:hidden;}
.slides{width:675px; height:200px; background:none !important;}
.slides .slideImg{width:675px; height:200px;}
.slidesTxt{left:65px;position:absolute;top:60px;width:205px; display:none;}
.slidesTxt h2{font-size:20px; line-height:20px;}
.slidesTxt p{font-size:14px;margin:0;}

#nav-1{position:absolute; bottom:10px; left:30px; z-index:11; display:none;}
#nav-1 a{display:block; width:10px; height:10px; border:1px solid #666; margin:0 3px; background:#E1DED6; color:#E1DED6; font-size:1px; overflow:hidden; float:left;}
#nav-1 a:hover{background:#32B2BE; color:#32B2BE;}
#nav-1 a.activeSlide{background:#32B2BE; color:#32B2BE;}

/* Right Column Styles */
#rightColLinks a{display:block; width:230px; height:30px; line-height:30px; font-size:24px; color:#fff; background:#6E9194; margin-bottom: 10px; padding-left: 20px;}
#rightColLinks a:hover{background:#67a7ac; color:#fff;}
#secondColumnContent{padding: 20px 20px;}
#learnMoreBox{width:210px; margin:0 auto; height:135px; margin:20px auto 30px;}
#learnMoreBox a{color:#fff; font-size:18px; display:block; width:210px; height:54px; height: 35px; padding: 7px; width: 196px; background:#A5A094;}

.serviceTimeBox{padding:0 0px 25px;}
.serviceTimeBox p{ color:#fff; line-height:10px;}

/* (Flash) Header H1 text */

/* Subpage styles */
#breadcrumbs {margin: 5px 0 0 19px; font-size: 10px;}
#breadcrumbs a {font-size: 10px; color: #000;}
#breadcrumbs .separator {padding: 0 3px; font-size: 12px;}

/* Lower Link styles */
#lowerLinks{height:80px; margin:30px 0;}
#lowerLinks ul{margin:0px; padding:0px;}
#lowerLinks ul li{list-style-type:none; float:left; margin-right:10px;}

/* Footer styles */
#footerWrapper{width: 100%; height:30px; background:#666666; clear: both;}
#footer {margin: 0 auto; width:925px; text-align: left; font-size:12px;}
#footer a {font-size: 12px; color: #B4F2FC;}
#footer p {margin:0px;}
#footer img {vertical-align: text-bottom;}
#footerLeft {float: left; margin: 0; width: 525px; height: 30px; line-height: 30px; color: #fff; font-size: 12px;}
#smartzLink {float: right; width: 340px; height: 30px; text-align: right; color: #fff; font-size: 12px; line-height: 30px;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-size: 12px; text-decoration: none; color: #fff; line-height: 30px;}
#smartzLink a:hover, #smartzLink a:active {}
#smartzLink a img {padding-top: expression(3 + "px"); vertical-align: middle; text-decoration: none;}

/* General form styles */
.editForm div {clear: both; margin: 0 0 10px 0;}
.editForm label {display: block; margin: 0 10px 0 0; width: 33%;}
.editForm span {display: inline-block; width: 60%; vertical-align: top;}
.editForm span input[type=text] {width: 60%;}
.required {font-weight: bold;}
.editForm span > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
.editForm legend {margin: 0 0 0 10px;}
.editForm .radioGroup span {display: block; width: 369px; line-height: normal; margin: 0; padding: 0;}
.editForm .radioGroup span label{display: inline-block; width: 88%;}

/* General admin form items style */
.divEditBlock div {margin: 0 0 20px;}
.divEditBlock label {background: none repeat scroll 0 0 #CCCCCC; color: #000000; display: block; font-weight: bold; line-height: 18px; margin: 0 0 10px; padding: 0 10px;}
.divEditBlock input, .divEditBlock textarea {width: 300px;}
.divEditBlock .submit {width:auto;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* General List Item styles */
.listItem {clear: both; margin: 0 0 20px 0;}
.listItemImage {float: left; margin: 0 15px 15px 0;}
#listItemImage {float: left; margin: 0 20px 15px 0;}

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Staff styles */
.staffItem {float: left; margin: 0 40px 30px 0; width: 40%; height: 230px;}
.staffImage {margin: 0 20px 20px 0;}

/* Board styles */
.boardItem { margin: 0 40px 30px 0;}
.boardImage { float: left; margin:0 20px 10px 0;}
.boardImage img{width: 120px;}
.boardSep{clear:both; margin:20px 0;}
.emeritusBM p{float: left; width: 33%;}

/* Default Gallery Styles */
p.desc{display:none;}
#photoLargeImage{margin: 0 auto 10px; width: 400px; height: 370px;}
#photoItems{margin: 0 auto; width: 600px;}
.photoItem{float: left; width: 110px; margin: 5px;}
.photoItem .title{overflow: auto; height: 40px;}
#imageDescription{margin:0 auto 10px; width:400px; height:55px; overflow: auto;}
.photoItemDescription{display:none;}

/* Enhanced Photo gallery styles
#photoLargeImage {position:relative; width:665px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 110px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}
#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;} */

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 231px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 -22px; width: 285px} /* Flash calendar */

/* Pagination */
.pagination {display: block; margin: 0; text-align: right;}
.pagination ul {list-style: none; margin: 0; padding: 0;}
.pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.pagination ul li a:hover, .pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}
.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.next a, .pagination ul li.next a:link, .pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Misc styles */
.clear {clear: both;}
.hidden {display: none;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg, .error {color: #cc0000;text-decoration:none;}
.briefDesError{display:block;}
span.error {color: #cc0000; width:125px}
label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 450px;}
/* .PayPalDonateImage {background-image:url("/onlinedonation2.gif");background-repeat:no-repeat; widht:161px; height:51px;} */
#PayPal{display:block; width:161px; height:51px;}

/* Content Editor Styles */
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.floatLeft {float:left;}
.floatRight {float:right;}
.noMargin {margin:0;}
.noPadding {padding:0;}