@import "typography.css";
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0; font-size:100%; font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; background:url("http://www.purdue.edu/giving/images/contentbg2.jpg") top center repeat-y #F5EDDD}
:focus { outline: 0;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:bottom;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* base typography */
html {font-size:100.01%;}
body {font-size:75%; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {color: #4B7299;font-family: Arial;font-size: 15px;margin: 6px 6px 6px 0;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
strong {font-weight:bold;}
em, i, dfn {font-style:italic;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.0em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
table {margin-bottom:1.4em;width:100%;}
tr.even td {background:#ECECEC;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.right {float: right; margin: 0px 0px 10px 10px; }
.left {float: left; margin: 0px 10px 10px 0px; }
.imgPODThumb{overflow:hidden;width:115px;height:100px}
.addBorder{border:1px SOLID #CCCCCC; padding:2px;}
.indent{margin-left:20px;}
.imgLeft{margin-right:5px;float:left;}
.imgRight{margin-left:5px;float:right;}
.imgCenter{display: block;margin-left: auto;margin-right: auto;}
.imgThumb{overflow:hidden;width:50px;height:50px}
.imgSmall{overflow:hidden;width:100px;height:100px}
.imgMedium{overflow:hidden;width:150px;height:150px}
.imgNormal{overflow:hidden;width:200px;height:200px}
.imgLarge{overflow:hidden;width:400px;height:400px}
span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(/media/images/typo/alert.png) 10px 50% no-repeat;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/media/images/typo/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(/media/images/typo/notice.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(/media/images/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(/media/images/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/media/images/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/media/images/typo/note.png) 10px 50% no-repeat;}
.connectNote{width: 250px;float: left;margin-left: 10px;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/media/images/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/media/images/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/media/images/typo/doc.png) 10px 50% no-repeat;}
#overlay {opacity: 0.4;background-color:#000000;height:100%;width:100%;position: fixed;top:0px;left:0px;z-index:1000;display:none;}
#loading {-moz-border-radius:9px 9px 9px 9px;background-color:#FFFFFF;border:1px solid #CCCCCC;left:50%;padding:19px;position:fixed;top:50%;z-index:1001;text-align:center;display:none;}
a img{text-decoration:none;}
/* grid */
.container {width:945px;margin:0 auto;}
/* Right Navigation */
#right_sidebar {width: 240px;float: right;margin-right: -16px;}
#right_sidebar a:hover {text-decoration:none;}
#rightcontent {margin:15px auto;}
#rightcontent_text {margin-left:8px;}
#rightcontent h4 {font-size:1em; color:#333; margin-bottom:8px;}
#rightcontent a{border:none;}
#secondary_navigation ul {margin:0; padding:0;}
#secondary_navigation ul li {list-style-type:none;}
#secondary_navigation ul li a {font-size:1.1em; padding:7px 10px 7px 10px; display:block; border-bottom:solid 1px #d7cea3; text-decoration:none; color:#fff; background:#007694;}
#secondary_navigation ul li a:hover {background:#1a1a1a; color:#fff; text-decoration:none;}
#secondary_navigation ul li.sub_menu {margin:4px 0px 2px 15px; display:none;}
#secondary_navigation ul li.sub_menu a {background:none; padding:2px 10px 2px 10px; border:none; border-left:2px #ccc solid; color:#333; font-size:1em;}
#secondary_navigation ul li.sub_menu a:hover {background:none; border:none; border-left:2px #004759 solid; color:#004759;}
#secondary_navigation h4 {background-color: black;margin: 0px;padding: 10px;font-weight: bold;color: white;}
/* Breadcrumbs */
#breadcrumbs {display:block; margin:0 0 5px 0; padding:3px 0px 5px 14px; width:685px; height:auto; border-left:0px solid #cccccc; border-bottom:1px solid #cccccc;border-bottom:1px dashed #cccccc;border-right:0px solid #cccccc;}
#breadcrumbs p {color:#333; padding:0px; display:inline; font-size:10px;}
#breadcrumbs a {color:#004759; padding:0px; display:inline; font-size:10px; text-transform:uppercase;}
#breadcrumbs a:hover {color:#004759;}
#breadcrumb_login{float:right;margin-right:20px;}
/* Main Content */
#main_content {margin:0px; padding:0px 0px 10px 0px; width:700px; border-top:1px solid #fff; min-height:485px;}
#maincontent {margin:0px 0px 0px 243px; width:476px; padding:0px 15px 0px 0px;}
#maincontent h2 {font-size:1.5em; color:#004759; margin:10px 0px 10px 0px; padding-bottom:5px; border-bottom:solid 1px #004759; font-weight:normal;}
#maincontent h3 {font-size:1.1em; color:#333; font-weight:bold;}
#maincontent h4 {font-size:1.0em; color:#333; font-weight:bold;}
#dmain_image, #dleft_image {overflow:hidden; height:auto;}
#dmain_image {width:474px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:0; padding:0;}
#dleft_image {width:227px; border-right:1px solid #ddd; padding:0; margin:0;}
#dleft_image a img {border:none;}
#dmain_image_caption, #dleft_image_caption {margin-bottom:15px; font-size:0.85em; text-align:right; padding:3px 10px; border:1px solid #ddd;}
#dmain_image_caption {width:454px;}
#dleft_image_caption {width:207px; border-left:none;}
#dmain_image, #dmain_image_caption {display:none;}
#dmain_image img{height:auto;}
#dmain_content_field h3, #dmain_content_field h4, #dmain_content_field h5, #dmain_content_field h6 {color:#555; margin-bottom:7px;}
#dmain_content_field a {color:#004759;}
#dmain_content_field a:visited {color:#741;}
#dmain_content_field a:hover {color:#333;}
#dmain_content_field ul {margin:0px 0px 30px 15px; padding:0px;}
#dmain_content_field ul li {list-style-type:none; background:url("images/bullet_gold.jpg") no-repeat 0 12px; padding:.5em .1em .1em 1.2em;}
#dmain_content_field ul ul {margin-bottom:0px;}
#maincontent #dmain_content_field h2{margin:0px}
#contentwrap{}
hr {background:#eee;color:#eee;clear:both;float:none;width:100%;height:.1em;margin:1.45em 0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* orphanage outreach */
body { }
.skipNav { position:absolute; top:-500px; width:1px;height:1px;overflow:hidden; }
#header {margin: 0 auto; width:977px; border-top:7px SOLID #8CC940;background-color:#FFFFFF;}
.vulogo { width: 525px; float: left; margin: 0; }
.vulogo h1 a { display: block; text-decoration: none; background: url('/media/images/360Logo.jpg') no-repeat; line-height: 0; text-indent: -9999px; width:432px; height:60px; margin: 11px 0px; }
.chaticon{left:-130px;position:absolute;top:-18px;}
.round { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.roundbtm { -moz-border-radius: 0px 0px 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-radius: 0px 0px 8px 8px; }
#tools { float: left; width: 395px; margin: 0; font-size: 0.95em; text-transform: uppercase; }
#tools ul { background: #8cc940; list-style: none; margin: 0; padding: 3px 0px 3px 10px; z-index: 400; height: 23px; width:400px }
#tools li { float: left; }
#tools ul li a { padding: 2px 10px; border-right: 1px solid #e9cc8d; color: #000000; text-decoration: none; float: left; display: block;}
#tools ul li a.lastheadlink { border-right: 0; }
#tools ul li a:hover {color: #333;}
#tools ul li:hover { background: #b6dbe6; color: #333; }
#tools li ul { background: #8CC940; position: absolute; width: 180px; height: auto; left: -9999em; top: 26px; padding: 5px 5px; z-index: 9999; }
#tools ul li ul.logins li { float: left; padding-right: 15px; margin-bottom: 5px; }
#tools ul li ul li { float: none; }
#tools ul li ul li a { display: block; padding: 4px 4px 4px 14px; color: #000000; border: 0; text-decoration: none; float: none; }
#tools li ul a { color: #333; }
#tools ul li ul li:hover { background: none; }
#tools li:hover ul, #tools li.sfhover ul { left: auto; margin: 0px; }
#tools li.more { float: right !important; margin: 2px 10px 15px 0 !important; text-align: right; padding-right: 0 !important; }
#tools li.more a { display: inline; background: #e9cc8d; padding: 7px; color: #333; text-decoration: none; border: 0; -moz-border-radius: 8px; -webkit-border-radius:8px; }
#tools li.more a:hover { background: #333; color: #FC6; }
#searchme { margin: 0px 15px 0 20px; background: #007694; padding: 3px 0px; clear: both;position:relative;width:370px;}
#tools form { margin: 4px 0px 5px 10px; z-index: 6000; }
#tools input { background: transparent; width: 225px; border: none; margin: 0; padding: 3px 0px 0px 0px; color: #CCC; font-size: 1.5em; line-height: 1; }
#tools .searchbtn { border: none; width: 20px; height: 19px; margin: 0 0 0 90px; padding: 0; text-indent: -9999px; background: transparent url('/media/images/gosearch.jpg') no-repeat top left; }
#tools .searchbtn:hover { background: transparent url('/media/images/gosearch.jpg') no-repeat bottom left;}
#content {margin: 0; padding: 0px 0px 40px 0px; }
#slides { height: 330px; margin: 0; background: url('/media/images/sliderbg.jpg') bottom left no-repeat;}
#secslides { height: 330px; margin: 0; background: url('/media/images/sliderbg2.jpg') bottom left no-repeat;}
/* Main Navigation */
#nav { background: #d5d4d0 url('/media/images/navbg.jpg') repeat-x; font-size: 1.5em; line-height: 1;width:977px;margin:0 auto; }
#oonav { list-style:none; margin: 0; padding: 0; width: 100%; }
#oonav ul { list-style:none; margin: 0; padding: 0; width: 100%; }
#oonav li { border-bottom:1px solid transparent; background: url('/media/images/navdiv.jpg') no-repeat top right; float:left; text-align:center; position:relative; }
#oonav li.last {background: none; }
#oonav li:hover { color: #FC6; background:#333; border-bottom:0; padding:7px 0 1px 0; margin-top: -7px; z-index:300; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px; border-radius: 8px 8px 0px 0px;}
#oonav li a { color:#666; padding: 15px; outline:0; text-decoration:none; display:block; padding-left: 17px;padding-right: 22px;}
#oonav li a:hover { color: #FC6; }
/* ----------- Hide/Show Div ---------- */
#oonav div { line-height: 1.3em; position:absolute; left:-9999em; padding:20px 20px 5px 20px; border:1px solid transparent; border-top:0; text-align:left; background: #333; font-size: 0.70em; margin-top:1px; -moz-border-radius: 0px 0px 12px 12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; border-radius: 0px 0px 12px 12px; opacity:0.95; filter:alpha(opacity=95); }
#oonav li:hover div { left:0;top:auto; }
/* Dropdown specs */
#oonav li.about:hover div { width: 480px; }
#oonav li.about:hover div ul { width: 190px;}
#oonav li.longterm:hover div { left:-350px;width: 480px; }
#oonav li.longterm:hover div ul { width: 190px;}
#oonav li.programs:hover div { left:-350px; width: 480px; }
#oonav li.programs:hover div ul { width: 190px;}
#oonav li.college:hover div { width: 480px;}
#oonav li.college:hover div ul { width: 210px;}
#oonav li.volunteer:hover div { left:-200px; width: 525px;}
#oonav li.volunteer:hover div ul { width: 235px;}
#oonav li.donor:hover div { left:-200px; width: 600px;}
#oonav li.donor:hover div ul { width: 275px;}
#oonav li.guide:hover div { width: 225px;}
#oonav li.guide:hover div ul { width: 235px;}
#oonav li.highschool:hover div { width: 480px;}
#oonav li.highschool:hover div ul { width: 210px;}
#oonav li.missions:hover div { left:-200px; width: 480px;}
#oonav li.missions:hover div ul { width: 190px;}
#oonav li.teachcorps:hover div { width: 480px;}
#oonav li.teachcorps:hover div ul { width: 190px;}
#oonav li.healthcorps:hover div { left:-245px; width: 470px;}
#oonav li.healthcorps:hover div ul { width: 190px;}
#oonav li.family:hover div { left:-400px; width: 480px;}
#oonav li.family:hover div ul { width:190px; }
#oonav li.individuals:hover div { left:-341px; width: 480px; }
#oonav li.individuals:hover div ul { width: 190px;}
/* --------- Dropdown Menu Div Styles --------- */
#oonav div:hover { opacity:1.0;filter:alpha(opacity=100); }
#oonav .line {padding-right:10px;margin-right:15px;border-right:1px dotted #666;height:300px;}
#oonav .colspace {padding-right:25px;}
#oonav div h4 { color: #FC6; font-size: 1.3em; margin: 0; padding: 0 0 10px 10px; }
#oonav div p { color: #CCC; float:left; width:200px; position:relative; line-height: 1.6em; }
#oonav div p.wide { float:left; width: 255px; }
#oonav div p.wide img { float: right; margin: 0px 0px 10px 25px; }
#oonav div p a { color: #FFF; text-decoration:none; border-bottom: 1px dotted #ECECEC; padding: 0; display: inline; }
#oonav div p.more {width: 100%; float: none; clear: both; text-align: right; }
#oonav div p.more a {display: inline; background: #FC6; padding: 8px; color: #000; text-decoration: none; border: 0; -moz-border-radius: 8px; -webkit-border-radius:8px; }
#oonav div p.more a:hover { background: #FFF; color: #333; }
#oonav div ul {float: left; margin: 0; padding: 0;}
#oonav div ul.thin { width: 160px; }
#oonav div ul.medium {width: 250px;}
#oonav div li { float: none; border-bottom: 0 !important; text-align: left; background: none; }
#oonav div li a { color: #FFF; padding: 5px 10px; border: none; }
#oonav div li:hover { background: none; padding: 7px 0 0 0;}
#oonav div li a:hover { color: #FC6; margin: 0px; padding: 5px 10px; background: none !important; -moz-border-radius: 0; -webkit-border-radius: 0; }
#oonav div img { float: left; }
#oonav div img a { padding: 0; margin: 0; }
#oonav div a:hover, #oonav div a:focus, #oonav div a:active { text-decoration:none;}
#oonav div .highschoolLink { font-size: 0.95em; line-height: 1.3em; }
#oonav div h4 { margin: 0; padding: 6px 0 5px 10px; line-height: 1; }
/* News, Events and Highlights and Featured */
#highlights { margin: 10px 0px 20px 0px; color: #666;}
#highlights a:link, #highlights a:visited { text-decoration: none; border: 0; color: #666; }
#highlights a:hover { color: #00556d; }
#highlights h2, h3, h4 {font-family: Georgia,"Times New Roman",Times, serif; color: #666; }
#highlights h2 { padding: 8px 5px 0px 15px; margin: 0; font-size: 1.8em; font-weight: 550; }
#highlights h3 { line-height: 1.4em; }
#highlights p.more {width: 100%; float: none; clear: both; text-align: right; position: relative; bottom: -40px; right: -1px; z-index: 400; }
#highlights p.more a:link, #highlights p.more a:visited {color: #666; background: #ddd url('/media/images/getmore.jpg') right -0 no-repeat; padding: 5px 32px 5px 8px; }
#highlights p.more a:hover { color: #CCC; background: #666 url('/media/images/getmore.jpg') right -28px no-repeat; }
.spotlight { float:left; width:225px; margin: 0px; }
.spotlight .heroHeading img { background: url('/media/images/spotbg.jpg') bottom left no-repeat; padding: 0 0 18px 0; }
.spotlight #login {border:1px dashed #CCCCCC;margin-bottom:10px;padding:5px;height:140px;}
.spotlight #login tr {font-weight:bold;font-size:11px;}
#pod{border:1px SOLID #CCCCCC; width:224px; height:135px; overflow:hidden; margin-bottom:10px;position:relative;margin-left: 6px;}
#pod .podHeading{bottom:-36px;left:-6px;position:absolute;padding: 0 0 18px 0;}
#pod img{width:225px;}
#witw-banner{border:1px SOLID #CCCCCC; width:222px; overflow:hidden; margin-bottom:10px;margin-top:10px;position:relative;margin-left: 6px;}
#witw-banner .podHeading{bottom:-36px;left:-6px;position:absolute;}
#witw-banner img{width:225px;}
#witw-text{position:absolute; top:3px;padding-left:5px;font-weight:bold;background-color:#000000;filter:alpha(opacity=80);opacity:0.8;}
#witw-winner{position:absolute; bottom:3px;right:3px;color:#FFFFFF;font-weight:bold;background-color:#000000;filter:alpha(opacity=80);opacity:0.8;padding:3px}
#heroAd{position:relative;height:140px;border:1px SOLID #CCCCCC;background: url('/media/images/herobg.png') no-repeat;overflow:hidden;}
#heroAd .heroHeading{bottom:-28px;left:-9px;position:absolute;}
#heroRaised{bottom:38px;color:#FFFFFF;left:7px;position:absolute;width:100%;}
#heroRaised td{padding:1px;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url('/media/images/typo/media.png') 10px 50% no-repeat;padding:10px;}
span.media a {margin:40px;}
/* Fetured Volunteers */
.featured{width:974px; float:left; margin:20px 0 -40px -15px; padding: 0; -webkit-border-bottom-left-radius:12px;-webkit-border-bottom-right-radius:12px; -moz-border-radius:0 0 12px 12px;background:url("/media/images/greywhite.jpg") repeat-x scroll left top #FFFFFF;border-color:#8CC940 #DDDDDD #DDDDDD;border-right:1px solid #DDDDDD;border-style:solid;border-width:5px 1px 1px;}
.featurePanelNav {float:left;width:235px;margin:5px;}
.featurePanelNav .quotes {text-align:center;font-size:11px;max-height:115px;overflow:hidden;}
.featurePanelNav .featurePanel_footer {color: #666666;margin-bottom: 8px;padding: 6px 6px 1px;margin-right:3px;}
.featurePanelNav .featurePanel_author {margin-bottom: 2px;font-weight: bold;}
.featurePanelNav .featurePanel_from {margin-bottom: 5px;font-size: 9px;}
.featurePanelNav .featurePanelNav_text {padding:10px;padding-bottom:18px;position:relative;margin-right:3px;text-align:center;}
.featurePanelNav .featuredLink{font-size:11px;}
.featurePanelNav_text img{border: 1px solid #CCCCCC; padding: 2px; height:150px; max-width:200px;overflow:hidden;}
.featurePanel {float:left;width:225px;margin:5px;border-right:1px dashed #CCCCCC;}
.featurePanel .quotes {text-align:center;font-size:11px;height:115px;overflow:hidden;}
.featurePanel .featurePanel_footer {color: #666666;margin-bottom: 8px;padding: 6px 6px 1px;margin-right:3px;}
.featurePanel .featurePanel_author {margin-bottom: 2px;font-weight: bold;}
.featurePanel .featurePanel_from {margin-bottom: 5px;font-size: 9px;}
.featurePanel .featurePanel_text {padding:10px;padding-bottom:18px;position:relative;margin-right:3px;text-align:center;}
.featurePanel .featuredLink{font-size:11px;}
.featurePanel_text img{border: 1px solid #CCCCCC; padding: 2px; height:100px;overflow:hidden;}
#seccontentFeatured { float: left; margin: 20px 0px 0px 0px; padding: 0; }
#seccontentFeatured h1 { color: #333; font-family: Georgia, Times, "Times New Roman", serif; }
#seccontentFeatured h1.plain { background: none; border-bottom: 1px dotted #CCC; margin: 0 0 15px 0; padding: 0 0 15px 0px;}
#seccontentFeatured h1 a:link, #seccontentFeatured h1 a:visited { text-decoration: none; color: #333; }
#seccontentFeatured h1 a:hover { color: #d8ab4c; }
#seccontentFeatured h2 { color: #555; font-family: Georgia, Times, "Times New Roman", serif; background: #ECECEC; border: 1px solid #DDD; padding: 5px 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.featurePanelHome {border-bottom:1px dashed #CCCCCC;border-right:1px dashed #CCCCCC;float:left;margin:2px;width:225px;}
.featurePanellast{border-right:none;}
#featureHead{width:220px;float:left;}
#featuredText{float:left;width:450px;margin-left:10px;}
.featureImage{margin-top:10px;text-align:center;}
.featureProfile{font-size:11px;margin:10px;}
.featureProfile .profile{}
.featureProfile .profile label{font-weight:bold;}
.featureProfile .quote{margin-top:10px; font-style:italic; text-align:justify}
/**/
.news { width: 700px; float:left; margin: 0px 23px 0px 0px; padding: 0; background: #FFF url('/media/images/greywhite.jpg') repeat-x top left; border: 1px solid #DDD; border-top: 5px solid #8CC940; -moz-border-radius: 0px 0px 0px 12px; -webkit-border-bottom-left-radius:12px; border-radius: 0px 0px 0px 12px;}
.news ul { width: 320px; float: left; list-style: none; margin: 0 0 -25px 0; padding: 0px 10px 0px 15px; }
.news li { padding: 10px 0px; }
.news li a { display:block; overflow:hidden; }
.news li span.cal { height: 15px; width: 20px; background: url('/media/images/news-event.gif') no-repeat top left; float: left; }
.news li span.vid { height: 15px; width: 20px; background: url('/media/images/news-play.gif') no-repeat top left; float: left; }
.news li img { float: left; padding: 2px; background: #FFF; border: 1px solid #CCC; margin: 0 10px 0 0; }
.news li a:hover { }
.news li a:hover img { border: 1px solid #d8ab4c; }
.news li:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.news .introText{margin:0px 20px 1.5em;}
/**/
.homeStory { width: 700px; float:left; margin: 37px 23px 0px 0px; padding: 0; background: #FFF url('/media/images/greywhite.jpg') repeat-x top left; border: 1px solid #DDD; border-top: 5px solid #8CC940; -moz-border-radius: 0px 0px 0px 12px; -webkit-border-bottom-left-radius:12px; border-radius: 0px 0px 0px 12px;}
.homeStory ul { width: 320px; float: left; list-style: none; margin: 0 0 -25px 0; padding: 0px 10px 0px 15px; }
.homeStory li { padding: 10px 0px; }
.homeStory li a { display:block; overflow:hidden; }
.homeStory li span.cal { height: 15px; width: 20px; background: url('/media/images/news-event.gif') no-repeat top left; float: left; }
.homeStory li span.vid { height: 15px; width: 20px; background: url('/media/images/news-play.gif') no-repeat top left; float: left; }
.homeStory li img { float: left; padding: 2px; background: #FFF; border: 1px solid #CCC; margin: 0 10px 0 0; }
.homeStory li a:hover { }
.homeStory li a:hover img { border: 1px solid #d8ab4c; }
.homeStory li:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.homeStory .introText{margin:0px 20px 1.5em;}
/**/
.homeleftcolumn{float:left;width:725px;}
#highlights h2 span a { margin: 7px 8px 0px 0px;}
#highlights h2 span a:link, #highlights h2 span a:visited {float: left; padding: 0; background: url('/media/images/rssfeed.gif') -0 -17px no-repeat; text-indent: -9999px; display: block; height: 16px; width: 16px; }
#highlights h2 span a:hover { background: url('/media/images/rssfeed.gif') -0 -0 no-repeat; height: 16px; width: 16px;}
#highlights h2 a { color: #222; }
/* Other Nav Lists */
#navsec { background: #024659; font-size: 1.3em; text-transform: uppercase; padding: 10px 0px;border-bottom: 1px solid #186a8a; border-top: 1px solid #186a8a; line-height: 1; }
#navsec ul { list-style: none; margin: 0; padding: 0; margin-left:107px; }
#navsec ul li { float: left; }
#navsec ul li a { text-decoration: none; }
#navsec ul li a { padding: 3px 13px; display: block; color: #FFF; border-right: 2px solid #ffffff; }
#navsec ul li a.last { border: none; }
#navsec ul li a:hover {color: #8CC940; }
/* FOOTER */
#footer { font-size: 0.95em; color: #999; padding: 20px 0px; margin: 0; background-color:#000000; }
#footer h4 { color: #FC6; }
#footer h4 a:link, #footer h4 a:visited { color: #ECECEC; text-decoration: none; }
#footer h4 a:hover {color: #d8ab4c; }
#footer p { clear: both; margin: 0; padding: 5px 0; line-height: 1.7em; }
#footer p a { color: #999; text-decoration: none; border-bottom: 1px dotted #666; }
#footer p a:hover { color: #d8ab4c; border-bottom: 1px dotted #d8ab4c; }
.footgroup { float: left; width: 730px; }
#homeflickr { padding: 15px 0 0 0; margin: 0 20px 0 0; line-height: 0; width: 185px; float: left; }
#homeflickr img {border: 1px solid #666; padding: 2px; background: #222; float: left; margin: 0px 10px 10px 0px; }
#homeflickr img:hover { border: 1px solid #d8ab4c; }
#homeflickr_badge_wrapper {padding: 0;}
#yourvu, #popular { float: left; padding: 0; background: #222; padding: 15px; line-height: 1;}
#yourvu ul, #popular ul { list-style :none; margin: 0; padding: 0; }
#yourvu { width: 290px; margin: 0 30px 0 0; }
#yourvu ul { width: 145px; float: left; }
#popular { width: 140px; margin: 0; }
#popular ul { width: 125px; }
#yourvu ul li a, #popular ul li a { display: block; padding: 4px 8px; }
#yourvu ul li a:link, #yourvu ul li a:visited, #popular ul li a:link, #popular ul li a:visited { color: #CCC; text-decoration: none; }
#yourvu ul li a:hover, #popular ul li a:hover { color: #FC6; }
#social { float: left; width: 200px; margin: 0px 0px 15px 0px; padding: 15px 0 0 0; list-style: none; }
#social ul { list-style: none; padding: 0; margin: 0 0 15px 0; height: 48px; }
#social li { float: left; display: block; padding-right: 10px; margin-bottom: 10px; }
#social li a { display: block; height:47px; width:46px; border: none; text-decoration: none; text-indent: -9999px; }
#socialyoutube a { background:url('/media/images/connectIcon.jpg') -52px -0px no-repeat; }
#socialfacebook a { background:url('/media/images/connectIcon.jpg') -52px -48px no-repeat; }
#socialtwitter a { background:url('/media/images/connectIcon.jpg') -52px -95px no-repeat; }
#socialitunes a { background:url('/media/images/connectIcon.jpg') -52px -141px no-repeat; }
#socialflickr a { background:url('/media/images/connectIcon.jpg') -52px -281px no-repeat;}
#socialrss a { background:url('/media/images/connectIcon.jpg') -52px -190px no-repeat; }
#socialshare a { background:url('/media/images/connectIcon.jpg') -52px -235px no-repeat; }
#socialyoutube a:hover { background:url('/media/images/connectIcon.jpg') -0px -0px no-repeat; }
#socialfacebook a:hover { background:url('/media/images/connectIcon.jpg') -0px -48px no-repeat; }
#socialtwitter a:hover { background:url('/media/images/connectIcon.jpg') -0px -95px no-repeat; }
#socialitunes a:hover { background:url('/media/images/connectIcon.jpg') -0px -141px no-repeat; }
#socialflickr a:hover { background:url('/media/images/connectIcon.jpg') -0px -281px no-repeat; }
#socialrss a:hover { background:url('/media/images/connectIcon.jpg') -0px -190px no-repeat; }
#socialshare a:hover { background:url('/media/images/connectIcon.jpg') -0px -235px no-repeat; }
/* SECOND LEVEL PAGE SPECIFIC STYLES */
#seccontent { float: left; width: 650px; margin: 20px 20px 0px 0px; padding: 0; }
#seccontent h1 { color: #333; font-family: Georgia, Times, "Times New Roman", serif; }
#seccontent h1.plain { background: none; border-bottom: 1px dotted #CCC; margin: 0 0 15px 0; padding: 0 0 15px 0px;}
#seccontent h1 a:link, #seccontent h1 a:visited { text-decoration: none; color: #333; }
#seccontent h1 a:hover { color: #d8ab4c; }
#seccontent h2 { color: #555; font-family: Georgia, Times, "Times New Roman", serif; background: #ECECEC; border: 1px solid #DDD; padding: 5px 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.secmain { width: 650px; margin: 0; padding: 0; }
.secmain p a:link, .secmain p a:visited, .rightlinks p a:link, .rightlinks p a:visited, .secmain td a:link, .secmain td a:visited { color: #369; border-bottom: 1px dotted #69C; text-decoration: none; }
.secmain p a:hover, .rightlinks p a:hover, .secmain td a:hover { color: #d8ab4c; border-bottom: 1px solid #d8ab4c;}
/* normal lists */
.secmain ul, .secmain ol { padding: 0 0 10px 0; margin: 0 0 0 30px; font-size: 1.0em; }
.secmain li { line-height: 1.3; padding: 5px 0px; }
.secmain li a:link, .secmain li a:visited { color: #369; border-bottom: 1px dotted #69C; text-decoration: none; }
.secmain li a:hover { color: #d8ab4c; border-bottom: 1px solid #d8ab4c;}
/* link icons */
body a.noicon { background:transparent none !important; padding:0 !important; margin:0 !important;}
.secmain a[href^="mailto:"], .secmain a[href$=".pdf"], .secmain a[href$=".doc"], .secmain a[href$=".xls"], .secmain a[href$=".zip"] { padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; }
.secmain a[href^="mailto:"] { background-image: url(/media/images/email.png); }
.secmain a[href$=".pdf"] { background-image: url(/media/images/pdf.png); }
.secmain a[href$=".doc"] { background-image: url(/media/images/doc.png); }
.secmain a[href$=".xls"] { background-image: url(/media/images/xls.png); }
.secmain a[href$=".zip"] { background-image: url(/media/images/zipfile.png); }
.secmain h3 { color: #666; line-height: 1.55em; }
.secmain h3 a:link, .secmain h3 a:visited { color: #369; border-bottom: 1px dotted #69C; text-decoration: none;}
.secmain h3 a:hover {color: #d8ab4c; border-bottom: 1px solid #d8ab4c; }
.secmain h4 { font-weight: bold; color: #993D1B; margin: 10px 0; }
.secmain h4 a:link, .secmain h4 a:visited {color: #993D1B; text-decoration: none; }
.secmain h4 a:hover { color: #d8ab4c; }
.rightlinks h4 { font-weight: bold; color: #993D1B; margin: 10px 0; }
.rightlinks h4 a:link, .rightlinks h4 a:visited {color: #993D1B; text-decoration: none; }
.rightlinks h4 a:hover { color: #d8ab4c; }
.secmain .leftcol { width: 175px; float: left; margin: 0 25px 0 0; }
.secmain .rightcol { width: 450px; float: left; margin: 0; }
/* link boxes */
.secmain .linksbox { width: 170px; float: left; background: #FAFAFA; border: 1px solid #ECECEC; padding: 15px; margin: 0 20px 0 0; }
.secmain .boxed { background: #FAFAFA; border: 1px solid #ECECEC; padding: 15px; }
.secmain .widelinks { background: #FAFAFA; border: 1px solid #ECECEC; padding: 15px; margin: 0; }
/* lists of links */
.leftcol ul, .rightcol ul, .rightlinks ul { padding: 0 0 10px 0; margin: 0px; list-style: none; line-height: 1.2em; font-size: 1.0em; }
.leftcol li, .rightcol li, .rightlinks li {padding: 0;}
.leftcol li a, .rightcol li a, .rightlinks li a { display: block; text-decoration: none; border-bottom: 1px dotted #CCC !important;}
.leftcol li a:link, .rightcol li a:link, .rightlinks li a:link { display: block; padding: 7px 7px 7px 3px; color: #666; text-decoration: none; }
.leftcol li a:visited, .rightcol li a:visited, .rightlinks li a:visited { padding: 7px 7px 7px 3px; color: #999; text-decoration: none; display: block; border-bottom: 1px dotted #CCC !important;}
.leftcol li a:hover, .rightcol li a:hover, .rightlinks li a:hover { color: #d8ab4c;}
.leftcol li a.last, .rightcol li a.last, .rightlinks li a.last { border-bottom: none; }
.leftcol p a:link, .rightcol p a:link, .widelinks p a:link {color: #666; text-decoration: none; border-bottom: 1px dotted #CCC; }
.leftcol p a:visited, .rightcol p a:visited, .widelinks p a:visited { color: #999; border-bottom: 1px dotted #CCC;}
.leftcol p a:hover, .rightcol p a:hover, .widelinks p a:hover { color: #d8ab4c; }
/* flickr s */
#flickr { padding: 25px 0px; line-height: 0; margin: 0 0 25px 0; }
#flickr img {border: 1px solid #CCC; padding: 2px; background: #FFF; float: left; margin: 0px 6px 10px 0px; }
#flickr img:hover { border: 1px solid #d8ab4c; }
#flickr_badge_wrapper {padding: 0;}
/* flickr single m */
#flickrone { padding: 0px; line-height: 0; margin: 0; text-align: center;}
#flickrone img {border: 1px solid #666; margin: 15px auto; width: 220px; }
#flickrone img:hover { border: 1px solid #000; }
#flickr_badge_wrapper {padding: 0;}
.callout {background: #006682; padding: 12px; color: #FFF; border-top: 15px solid #993D1B; }
.calloutred { background: #993D1B; padding: 12px; color: #FFF; border-top: 15px solid #006682;}
.callout a:link, .callout a:visited, .calloutred a:link, .calloutred a:visited { color: #FFF !important; text-decoration: none; border-bottom: 1px dotted #FFF !important; }
.callout a:hover, .calloutred a:hover { color: #000 !important; border-bottom: 1px solid #000 !important; }
/* Second Level Right Nav */
#secnav { float: left; width: 225px; padding: 0; background: #DDD; border-bottom: 15px solid #007694;margin-left: 6px;margin-bottom:10px; }
#secnav h3 { margin: 10px 15px; }
#secnav h3 a:link, #secnav h3 a:visited { color: #666; text-decoration: none; }
#secnav h3 a:hover { color: #000; }
#secnav h4 { font-weight: bold; background: #CCC; padding: 15px 15px 15px 14px; color: #006682; margin: 10px 0px; }
#secnav h4 a:link, #secnav h4 a:visited { text-decoration: none; border-bottom: 0; color: #006682; }
#secnav h4 a:hover { color: #006682; }
#secnav p { padding: 5px 15px;}
#secnav p a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; font-weight: 600; }
#secnav ul { padding: 5px 4px; margin: 0 0 5px 0; list-style: none; line-height: 1.2; font-size: 1.1em; }
#secnav li {display:inline;}
#secnav li a { display: block; text-decoration: none; border-bottom: 1px solid #EEE; }
#secnav li a.last { border-bottom: none; }
#secnav li a:link, #secnav li a:visited { padding: 10px 5px 10px 10px; color: #333; text-decoration: none; display: block; }
#secnav li a:hover { background: #FFF; color: #00556d; }
#secnav li a.active { background: #FFF; color: #333; font-weight: bold; }
/* VU HOME button */
#secnav .home { background: #FFF url('/media/images/oohome.jpg') 220px 4px no-repeat; display: block; text-decoration: none; margin: 0; padding: 0; text-align: right; text-transform: uppercase; border-bottom: 15px solid #006682; }
#secnav .home a:link, #secnav .home a:visited { color: #00556d; display: block; padding: 8px 45px 8px 8px; text-decoration: none; border: none; }
#secnav .home a:hover { color: #333; }
/* News Feed Styles */
#secnav .rssnews { background: #006682; padding: 20px 0px; margin: 10px 0px 0px 0px; }
#secnav .rssnews h3 { font-weight: 600; color: #FFF; }
#secnav .rssnews li a { border-bottom: 1px solid #006c85; color: #CCC; }
#secnav .rssnews li a:visited { color: #CCC; }
#secnav .rssnews li a:hover { font-weight: normal; background: #FFF; color: #006682; }
/* the grid */
.showgrid { background: url('/media/images/grid.png'); }
.column,.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24 { float:left; margin-right:10px; }
.last { margin-right:0; }
.boxed { background: #EEE; padding: 10px 15px; }
.span-1 { width:30px; } .span-2 { width:70px; } .span-3 { width:110px; } .span-4 { width:150px; } .span-5 { width:190px; } .span-6 { width:230px; } .span-7 { width:270px; }
.span-8 { width:310px; } .span-9 { width:350px; }.span-10 { width:390px; } .span-11 { width:430px; }.span-12 { width:470px; }.span-13 { width:510px; }.span-14 { width:550px; }.span-15 { width:590px; }.span-16 { width:630px; }.span-17 { width:670px; }.span-18 { width:710px; }.span-19 { width:750px; }.span-20 { width:790px; }.span-21 { width:830px; } .span-22 { width:870px; }.span-23 { width:910px; } .span-24 { width:950px; margin-right:0; }
/* Add these to a column to append empty cols. */ .append-1 { padding-right: 40px; } .append-2 { padding-right: 80px; } .append-3 { padding-right: 120px; } .append-4 { padding-right: 160px; } .append-5 { padding-right: 200px; } .append-6 { padding-right: 240px; } .append-7 { padding-right: 280px; } .append-8 { padding-right: 320px; } .append-9 { padding-right: 360px; } .append-10 { padding-right: 400px; } .append-11 { padding-right: 440px; } .append-12 { padding-right: 480px; } .append-13 { padding-right: 520px; } .append-14 { padding-right: 560px; } .append-15 { padding-right: 600px; } .append-16 { padding-right: 640px; } .append-17 { padding-right: 680px; } .append-18 { padding-right: 720px; } .append-19 { padding-right: 760px; } .append-20 { padding-right: 800px; } .append-21 { padding-right: 840px; } .append-22 { padding-right: 880px; } .append-23 { padding-right: 920px; } /* Add these to a column to prepend empty cols. */ .prepend-1 { padding-left: 40px; } .prepend-2 { padding-left: 80px; } .prepend-3 { padding-left: 120px; } .prepend-4 { padding-left: 160px; } .prepend-5 { padding-left: 200px; } .prepend-6 { padding-left: 240px; } .prepend-7 { padding-left: 280px; } .prepend-8 { padding-left: 320px; } .prepend-9 { padding-left: 360px; } .prepend-10 { padding-left: 400px; } .prepend-11 { padding-left: 440px; } .prepend-12 { padding-left: 480px; } .prepend-13 { padding-left: 520px; } .prepend-14 { padding-left: 560px; } .prepend-15 { padding-left: 600px; } .prepend-16 { padding-left: 640px; } .prepend-17 { padding-left: 680px; } .prepend-18 { padding-left: 720px; } .prepend-19 { padding-left: 760px; } .prepend-20 { padding-left: 800px; } .prepend-21 { padding-left: 840px; } .prepend-22 { padding-left: 880px; } .prepend-23 { padding-left: 920px; }
.border { padding-right:4px; margin-right:5px; border-right:1px solid #eee; }
.colborder { padding-right:24px; margin-right:25px; border-right:1px solid #eee; }
/* Form Field/Labels */
form .sectionTitle {-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F5F5F5;border:1px solid #F5F5F5;font-weight:bold;margin-bottom:5px;margin-top:5px;padding:5px;color: #5A7E2D;font-weight: bold;}
form .regSection {}
form .regSectionWaiver {margin-left:20px;}
form .regSection .inputRow {font-size:11px;height:26px;}
form .regSection label {float:left;margin-left:20px;padding:3px;width:155px;}
form .regSection input{font-family:arial; font-size:10px;font-weight:bold;padding:3px;}
form .regSection select{font-family:arial; font-size:10px;font-weight:bold;padding:3px;width:133px;}
form .regSection textarea {font-family:arial; font-size:10px;font-weight:bold;padding:3px;width:190px}
form .regSection .inputRowTextArea {font-size:11px;height:70px;margin-bottom:3px;}
form .regSection .regHelp{float:right;border:1px SOLID #8CC940;padding:10px;width:190px;font-size:11px;}
form .regSection .inputRowSurveyratings{font-size:11px;height:55px;margin-bottom:3px;}
form .regSection .surveyRatings{width:530px;height:70px;}
/* Login Module */
#loginModule {clear: left;}
#loginModule .content {margin: 0 auto;overflow: hidden;width: 179px;}
#loginModule label {float: left;font-size: 11px;font-weight: bold;height: 17px;width: 170px;}
#loginModule input {-moz-border-radius: 3px 3px 3px 3px;border: 1px solid #CCCCCC;float: left;font-size: 11px;padding: 4px;width: 229px;}
#loginModule .submit {background-color: #FBFBFB;float: right;font-size: 9px;font-weight: bold;letter-spacing: 1px;width: auto;}
#loginModule .errorClass {color: red;font-weight: normal;height: 19px !important;}
#loginModule .errorClass label {font-size: 11px;font-weight: normal;}
.regOption{-moz-border-radius:7px;-webkit-border-radius:7px;border:1px SOLID #CCCCCC;float:left;width:185px;height:200px;padding:5px;margin-right:10px;margin-bottom:15px;}
.registration a{text-decoration:none;color:#006699;}
.registration a:hover{font-weight:bold;}
.confirmationInfo{width:650px;float:left;}
/* Contact Form */
.recommendedLinks{background-repeat:no-repeat;height:27px;line-height:24px;list-style:none outside none;padding-left:32px;}
.recommendedLinks{background-repeat:no-repeat;height:36px;line-height:16px;list-style:none outside none;padding-left:32px;}
.recommendedTitle{}
.recommendedCaption{font-size:11px;line-height:7px;}
.estrella {font-size:12px;}
.estrellaImage{float:left;width:200px;padding-right:10px;}
.estrellaGreeting{float:left;width:630px;}
#estrellaHeader{float:left;border-bottom:1px SOLID #CCCCCC;}
.estrella .estrellaSearchBox {
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px 7px 7px 7px;
padding: 10px;
border: 3px SOLID #8CC940;
float: left;
margin:10px;
width:275px;
}
.estrellaResults {font-size:14px}
#estrellaDonors{-moz-border-radius:7px;-webkit-border-radius:7px;float:left;width:200px;margin-top:10px;padding:5px;border:1px SOLID #CCCCCC;margin-right:20px;position:relative;}
#estrellaDonors .highimpact{position:absolute;top:45px;color:#009933;font-weight:bold;}
#estrellaDonors .minGoal{position:absolute;top:90px;color:#FF0000;font-weight:bold;}
#estrellaPayment{float:left;width:390px;margin-top:10px;padding:5px;}
.estrellaFormHeader{-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;border:1px SOLID #CCCCCC;background-color:#4B7299;font-weight:bold;color:#FFFFFF}
.estrellaMemberName{}
.nonMemberActionRegister{-moz-border-radius:5px;-webkit-border-radius: 5px;float:left;width:245px;height:230px;border:3px SOLID #8CC940;margin:20px;padding:15px;}
.nonMemberActionLogin{position:relative;-moz-border-radius:5px;-webkit-border-radius: 5px;float:left;width:245px;height:230px;border:3px SOLID #8CC940;margin:20px;padding:15px;}
.nonMemberActionLogin .loginHelp{position:absolute;bottom:4px;left:15px;}
.nonMemberActionLogin .connect a{text-decoration:none;color:#006699;}
.connect a:hover{font-weight:bold;}
.connectLeftPanel{float:left;width:200px;padding-right:10px;}
.connectLeftPanel .funds{text-align:justify}
.connectRightPanel{float:left;width:485px}
.connectLeftPanel ul {list-style: none outside none;margin: 5px;;padding: 0;}
.connectLeftPanel li {width:185px;font-size: 12px;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin: 0 -4px -1px;padding: 6px;font-weight: bold;cursor:pointer;}
.connectLeftPanel li:hover{background-color: #FBFBFB;}
.connectDonorMessage{border-top:1px SOLID #CCCCCC;padding:10px;float:left;}
.connectUpcomingTrips{-moz-border-radius:5px;-webkit-border-radius: 5px;float:left;margin-bottom:10px;width: 700px;}
.connectUpcomingTripsTitle{color:#FFFFFF;background-color:#4B7299;padding:5px;font-weight:bold;}
.connectTripsInner{padding:8px;}
.connectTripDetails{float:left;width:305px;font-size:11px;border: 2px SOLID #CCC;padding: 10px;background-color: #F6F6F6;}
.connectTripDetails .inputRow label{text-align:right;font-weight:bold;}
.connectTripReminders{float: left;font-size: 11px;padding: 10px;width: 320px;border: 2px SOLID #CCC;padding: 10px;background-color: #F6F6F6;margin-left: 10px;}
.connectTripNote{float:left;font-size:23px;padding:10px;text-align:center;width:328px;margin-top:20px;}
.connectTripLinks{float:left;font-size:11px;padding-left:10px;padding-right:10px;width:328px;}
.connectPhotoeditLeft{float:left;width:300px;}
.connectPhotoeditRight{float:left;width:300px;}
.quicklinkEdit{border:1px SOLID #CCCCCC;padding:8px;background-color:#FBFBFB;margin-bottom:10px;position:relative;-moz-border-radius:5px;-webkit-border-radius: 5px;}
.editQuicklink{position:absolute;top:3px;right:3px;}
/* Hero Team Pages */
.heroFund {font-size:11px;}
.heroFund .fundSummary {-moz-border-radius:7px;-webkit-border-radius:7px;border:2px solid #406A93;float:left;margin:2px 2px 2px 23px;padding:10px;position:relative;width:583px;}
.heroFund .fundSummary img{border:1px SOLID #CCCCCC;padding:2px;margin-right:8px;}
.heroFund .fundsRaised{position:absolute;right:5px;bottom:5px;color:#009900;font-weight:bold;}
.heroFund .viewTeam{position:absolute;bottom:-22px;left:-2px;border-left:2px SOLID #CCCCCC;border-bottom:2px SOLID #CCCCCC;border-right:2px SOLID #CCCCCC;border-top:1px SOLID #CCCCCC;padding:3px;-moz-border-radius:0px 0px 7px 7px;-webkit-border-radius:0px 0px 7px 7px;cursor:pointer;background-color:#FFFFFF;width:58px;text-align:center;}
.heroFund .fundLinks{position:absolute;bottom:-22px;left:-2px;border:2px SOLID #406A93;padding:3px;-moz-border-radius:7px;-webkit-border-radius:0px 0px 7px 7px;cursor:pointer;background-color:#406A93;color:#FFFFFF;width:198px;text-align:center;}
.heroFund .fundLinks a{color:#FFFFFF;text-decoration:none;}
.heroFund .fundLinks a:hover{font-weight:bold;}
.heroFund .leader{font-size:11px;color:#666666}
.heroFund .fundsDesc{padding:8px; margin-top:10px;}
.heroFund .acknowledgement{float:left;margin-top:30px;width:400px;border:1px SOLID #CCCCCC;padding:6px;-moz-border-radius:5px;-webkit-border-radius: 5px;margin-right:5px;}
.heroFund .acknowledgement label{float:left;width:390px;font-weight:bold;margin-top:4px;}
.heroFund .acknowledgements{float:left;width:390px;}
.heroFund .recentDonors{float:left;margin-top:30px;width:204px;border:1px SOLID #CCCCCC;padding:6px;-moz-border-radius:5px;-webkit-border-radius: 5px;}
.aboutFundDesc{margin-bottom:40px;}
.heroTeam{float:left;width:193px;height:60px;padding:5px;margin:3px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px SOLID #CCCCCC;position:relative;cursor:pointer;}
.heroCaptain{color:#666666; font-size:11px; }
.teamFunds{position:absolute;bottom:4px;right:4px;color:#009900;font-weight:bold;}
.heroTeamJoin{float:left;width:400px;}
.heroTeamDetails{padding:10px;float:left;width:200px; border-left:1px SOLID #CCCCCC;margin-left:10px;}
.amountRaised{color:#009900;}
.topHeroTeams{float:left;margin-bottom:4px;margin-left:-25px;padding:5px;position:relative;width:215px;}
.topHeroTeamsName{float:left; width:180px; font-weight:bold;font-size:11px;}
.topHeroTeamsAmount{color:#090;float:left;width:180px; font-weight:bold;}
.topHeroTeamsFundname{font-size:11px; color:#666666;}
.topHeroTeamsRank{font-weight:bold;position:absolute;left:2px; vertical-align:middle;}
.TopHeroTeamsLink{bottom:2px;position:absolute;right:-28px;}
.heroPubModule{float:left;margin-top:5px;}
/* Video Pages */
.videos{float: left;width: 173px;overflow: hidden;height: 226px;}
.videoSort{padding:10px}
.videoImage{position:relative;width:174px;}
.videoImage img{border:1px SOLID #CCCCCC;padding:4px;width:150px}
.videoTime{position:absolute;background-image:url("/media/images/transparent.png");padding:4px;color:#FFFFFF;font-weight:bold;bottom:10px;right:25px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.videoTitle{font-weight:bold;margin-top:6px;width:174px;}
.videoDesc{width:170px;}
.videoViews{float:left;margin-bottom:20px}
.videoInfo{margin-right:13px;border:1px SOLID #CCCCCC;padding:5px;margin-top:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.videoPlay{}
.videoSuggestion{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #CCCCCC;height:37px;margin-bottom:4px;margin-left:-24px;padding:5px;width:192px;position:relative;}
.videoSuggestion ul{list-style: none outside none;margin: 0;padding: 0;}
.videoSuggestion li {font-size: 11px;font-weight:bold;width:200px;}
.videoSuggestion .caption {bottom:3px;display:inline-block;font-weight:normal;margin-top:-3px;position:absolute;right:6px;}
.videoSuggestion a{text-decoration:none;color:#000000;}
.videoSuggestion:hover{background-color:#FBFBFB; cursor:pointer;}
.videoSuggestionImg{padding-right:3px;float:left;}
.videoSuggestionInfo{float:left;width:130px;margin-right:6px;margin-top:-2px;font-size:11px;}
.videoCommentTitle {color:#4B7299}
.videoComment {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #CCCCCC;font-size:12px;margin-bottom:5px;margin-top:5px;padding:9px;position:relative;}
.videoComment .comment {display:inline-block;width:416px;}
.videoComment .videoCommentBy {bottom:2px;font-size:10px;font-weight:bold;position:absolute;right:4px;}
#makevideoComment {margin-right:12px;-moz-border-radius:3px;border:1px solid #CCCCCC;font-size:11px;margin-bottom:5px;margin-top:5px;padding:3px;position:relative;background-color:#4B7299;}
#makevideoComment #videoComment {width:98%;color:#666666;font-size:11px;padding:2px;}
#makevideoComment textarea {width:97%;font-size:11px;padding:5px;height:15px;color:#666666;}
#makevideoComment #commentSubmit {-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#CCCCCC;color:#4B7299;border:1px SOLID #CCCCCC;padding:2px;font-weight:bold;cursor:pointer;display:none;}
#commentName{display:none;color:#666666;font-size:11px;width:250px;height:20px;}
/* Serve and Learn */
.specialText{font-size:11px;padding:8px; border:1px SOLID #CCCCCC; background-color:#FBFBFB;font-weight:bold;font-family:Arial, Helvetica, sans-serif;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:15px;margin-bottom:15px;float:left;}
.specialTextCol{float:left;border:1px SOLID #CCCCCC;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:15px;margin-bottom:15px;padding:8px;}
.specialTextCol h4{margin-top:0px;}
.specialTextColLeft{float:left;width:180px;padding:5px;}
.specialTextColLeft img{-moz-border-radius:5px;-webkit-border-radius:5px;}
.specialTextColRight{-moz-border-radius:3px;-webkit-border-radius:5px; /*background-color:#FBFBFB;border:1px solid #F5F5F5; */ float:left;margin:4px -3px 4px;padding:5px;width:425px;margin-top:6px;}
.adminTeamMembers ul {border:0px;list-style:none;margin:0px;padding:0px;}
.adminTeamMembers li{height:59px;padding:5px 5px 0 0;overflow:hidden;}
.adminTeamMembers .viewPic, .adminTeamMembers .viewName, .adminTeamMembers .viewDate {float:left;}
.adminTeamMembers .viewName, .adminTeamMembers .viewDate {margin-left:6px;width:110px;font-family:Tahoma;}
.adminTeamMembers .viewName a {color:darkblue;font-size:13px;}
.adminTeamMembers .viewDate {color:#9E9C9C;}
.adminHeader{font-weight:bold;border-bottom:2px SOLID #CCCCCC;padding:4px;}
.application {padding-bottom:10px;font-family:tahoma;}
.application #leftmenu {-moz-border-radius:6px 6px 6px 6px;border:3px solid #8EA1B3;float:left;font-family:arial;margin-left:11px;padding:10px;width:189px;}
.application #leftmenu .refresh_notice {padding:0;}
.application #leftmenu .networking {padding:15px;border-bottom:1px SOLID #CCCCCC;}
.application #leftmenu .mission p {margin:0px;font-size:11px;}
.application h2 {color:#3F8FC3;font-size:16px;font-weight:bold;width:590px;margin-left:10px;}
.application #applicationBox{border:1px SOLID #0000CC; padding:15px;float:left;}
.application .applicationStatus{border:1px SOLID #CCCCCC;padding:5px;color:#CCCCCC;margin-right:5px;float:left;width: 115px;height:35px;}
.application #mainContentArea {float:none;margin:0 auto;}
.application {font-family:tahoma;}
.application #leftmenu {-moz-border-radius:6px 6px 6px 6px;border:3px solid #8EA1B3;float:left;font-family:arial;margin-left:11px;padding:10px;width:189px;}
.application #leftmenu .refresh_notice {padding:0;}
.application #leftmenu .networking {padding:15px;border-bottom:1px SOLID #CCCCCC;}
.application #leftmenu .mission p {margin:0px;font-size:11px;}
.application #applicationBox{border:1px SOLID #0000CC; padding:15px;float:left;}
.application .applicationStatus{border:1px SOLID #CCCCCC;padding:5px;color:#CCCCCC;margin-right:5px;float:left;width: 115px;height:35px;}
.application #mainContentArea {float:none;margin:0 auto;}
.application .panel {width:650px;}
.application .panel2 {width:850px;}
.application .form_container .prev {background-color:#FBFBFB;border:1px solid #CCCCCC;display:block;float:left;padding:4px;}
.application .form_container .next {background-color:#FBFBFB;border:1px solid #CCCCCC;display:block;float:right;padding:4px;}
.application .form_container .controls {padding-top:10px;}
.application .steps {margin:0 auto;width:650px;}
.application .steps h3 {float:left;font-weight:normal;height:18px;margin-bottom:14px;margin-top:14px;width:500px;}
.application .steps h4 {float:left;font-size:10px;margin:0 0 9px 23px;width:500px;}
.application .steps .panel_caption {-moz-border-radius:5px 5px 5px 5px;border:1px solid #CCCCCC;float:right;font-size:11px;padding:10px;width:189px;}
.application .steps .inputRow {float:left;margin-bottom:6px;margin-left:25px;margin-top:2px;}
.application .steps .inputRow label {color:#395875; float:left;font-size:11px;margin-top:4px;width:130px;}
.application .steps .inputRow input {-moz-border-radius:4px 4px 4px 4px;border:1px solid #999999;font-size:11px;padding:4px;width:239px;}
.application .steps .inputRow .checkbox {width:auto;}
.application .steps .inputRow textarea{-moz-border-radius:4px 4px 4px 4px;border:1px solid #999999;font-family:tahoma;font-size:11px;font-weight:normal;padding:4px;width:239px;}
.application .steps .step_container {float:left;padding:9px 0 3px;}
.application .step5 .inputRow {float:none;}
.application .step5 .inputRow label {float:left;margin-bottom:6px;width:605px;}
.application .step5 .inputRow input {}
.application .step5 .inputRow textarea {width:605px;height:80px}
.appQuestion{font-weight:bold;padding:2px;}
.appAnswer{color:#666666;margin-left:15px;padding:2px;}
#screenshot{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
/*
* CONNECT *********************************************************************************************
* @ulClassPref
* @id
* @mBrdWidth2
* @mBrdColor2
* @mBkGndColor2
* @mOpacity2_f
* @mOpacity2_p
* @mPadding2
* @itBkGndColor2n
* @itBkGndColor2o
* @itBrdWidth2
* @itBrdColor2n
* @itPadding2
* @itBrdColor2o
* @itFont2n
* @itFontHeight2n
* @itFontStyle2n
* @itFontWeight2n
* @itFontColor2n
* @itFontDecor2n
* @itFont2o
* @itFontHeight2o
* @itFontStyle2o
* @itFontWeight2o
* @itFontColor2o
* @itFontDecor2o
* @mSepHeight2
* @mSepImage2
* @mSepColor2
* @frameSourceLR2 submenu frame (left and right frame sides, left-top and right-bottom corners)
* @frameSourceTB2 submenu frame (top and bottom frame sides, left-bottom and top-right corners)
* @frameSize2 submenu frame width
*
*/
#vista-buttons_com_idwp36t td{font-size:0}
#vista-buttons_com_idwp36t td div{position:relative}
#vista-buttons_com_idwp36t td:hover>div>ul.vbULwp36t{display:block}
ul.vbULwp36t{
left:0;
top:0;
display:none;
visibility: visible;
overflow:visible;
list-style:none;
}
ul.vbULwp36t li{
white-space:nowrap;
}
ul.vbULwp36t ul{
position:absolute;
visibility: visible;
left:100%;
top:0;
}
ul.vbULwp36t li:hover{position:relative;}
ul.vbULwp36t li:hover>ul{display:block;}
.vbULwp36t{
position: absolute;
visibility: hidden;
display: block;
overflow: auto;
font-size: 1px;
margin: 0px;
}
div.vbULwp36t, table.vbULwp36t .subContent,ul.vbULwp36t{
border: solid #646464;
border-width: 0px;
background-color: #F5F5F5;
padding: 0px;
opacity:1.00;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.vbULwp36t table {
border-collapse: separate;
border-spacing: 0px;
}
.vbULwp36t table tr,ul.vbULwp36t li,ul.vbULwp36t .separator:hover{
font-size: 1px;
cursor: pointer;
background-color: #484E55;
}
.vbULwp36t tr.over,ul.vbULwp36t li:hover{
background-color: #393C45;
}
.vbULwp36t table td,ul.vbULwp36t li,ul.vbULwp36t .separator:hover{
border: solid #70757B;
border-width: 0px 0px 1px;
padding: 4px;
text-align: left;
}
.vbULwp36t tr.over td ,ul.vbULwp36t li:hover{
border-color: #70757B;
}
.vbULwp36t td a, .vbULwp36t td span,ul.vbULwp36t a{
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #EDF0F1;
text-decoration: none;
}
.vbULwp36t tr.over a, .vbULwp36t tr.over span{
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
ul.vbULwp36t li:hover>a{
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.vbULwp36t tr.popup {
background-color: #393C45;
}
.vbULwp36t tr.popup td {
border-color: #70757B;
}
.vbULwp36t tr.popup a, .vbULwp36t tr.popup a{
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.vbULwp36t td.imgFrame00,.vbULwp36t td.imgFrame10,.vbULwp36t td.imgFrame12,.vbULwp36t td.imgFrame22{
background-image: url(https://www.outreach360.org/media/images/connectMenu/frnp36tlr.png);
padding:0;
}
.vbULwp36t td.imgFrame01,.vbULwp36t td.imgFrame02,.vbULwp36t td.imgFrame20,.vbULwp36t td.imgFrame21{
background-image: url(https://www.outreach360.org/media/images/connectMenu/frnp36ttb.png);
padding:0;
}
.vbULwp36t td.imgFrame00{
width: 10px;
height: 10px;
background-position: -10px 0;
}
.vbULwp36t td.imgFrame01{
background-position: 50% 0;
}
.vbULwp36t td.imgFrame02{
background-position: 100% -10px;
}
.vbULwp36t td.imgFrame10{
background-position: 0 50%;
}
.vbULwp36t td.imgFrame12{
background-position: 100% 50%;
}
.vbULwp36t td.imgFrame20{
background-position: 0 -10px;
}
.vbULwp36t td.imgFrame21{
background-position: 50% 100%;
}
.vbULwp36t td.imgFrame22{
width: 10px;
height: 10px;
background-position: -10px 100%;
}
.connectBox {
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #CCCCCC;
float:left;
margin-bottom:15px;
padding:5px;
position:relative;
width:455px;
}
.connectBoxHeading {
-moz-border-radius:5px 5px 0 0;
background-color:#006682;
border:1px solid #CCCCCC;
color:#FFFFFF;
float:left;
font-weight:bold;
margin:-9px -6px 1px;
padding:5px;
width:100%;
}
.connectColumn {
float:left;
margin-left:21px;
width:468px;
}
.connectLinks ul {
list-style:none outside none;
margin:5px;
padding:0;
}
.connectLinks li {
background-color:#F6F6F6;
cursor:pointer;
float:left;
font-size:12px;
font-weight:bold;
margin:0 -10px 9px;
padding:6px;
width:453px;
}
ul .sublinks {
background-color:#FFFFFF;
padding-left:35px;
padding-bottom:0;
width:424px;
}
.connectGuideMenu{
width:175px;
float:left
}
.connectGuideLinks li{
background-color:#F6F6F6;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin:0 -10px 9px;
padding:6px;
width:167px;
float:left;
}
.connectGuideLinks ul {
list-style:none outside none;
margin:5px;
padding:0;
}
.heroBlog{
border:1px solid #CCCCCC;
font-weight:bold;
margin-top:10px;
padding:8px;
cursor:pointer;
}
.heroBlog:hover{
background-color:#F6F6F6;
color:#000000;
}
.insetMenu{float:right;border:1px SOLID #CCCCCC;padding:5px;border:1px solid #CCCCCC;float:right;margin-left:10px;padding:5px;width:175px;}
.insetAltText{text-align: justify}
.adminColumn {
float:left;
margin-right:35px;
width:292px;
}
.adminBox {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #CCCCCC;
float:left;
margin-bottom:15px;
padding:8px;
position:relative;
width:100%;
}
.adminBoxHeading {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
background-color:#4B7299;
color:#FFFFFF;
border:1px solid #CCCCCC;
font-weight:bold;
margin:-9px -9px 1px;
padding:7px;
}
.appsMenu{float:left}
.appsMenu a{text-decoration:none;color:#000000;}
.appsMenu ul{list-style:none outside none;margin:0;padding:0;}
.appsMenu li{cursor:pointer;float:left;height:25px;padding:10px;width:185px;border-bottom: 1px SOLID #CCCCCC;font-weight:bold;}
.appsMenu li:hover{background-color:#FFFFFF;}
.appsHomeHeader{width:1018px;border-bottom:1px SOLID #CCCCCC;}
.calendarDiv{border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:left;padding:15px;width:876px;}
.homeBoxes{background-color: #F6F6F6;border: 3px solid #CCCCCC;float: left;margin-right: 24px;padding-bottom:25px;}
.adminBoxHeading{ -moz-border-radius: 5px 5px 0 0;background-color: #CCCCCC;border: 1px solid #CCCCCC;color: #000000;font-weight: bold;margin: -9px -9px 5px;padding: 7px;}
.reportTabs{border-bottom:1px SOLID #CCCCCC;float:left;width:100%;margin-bottom:4px;}
.reportTabs ul{list-style:none outside none;margin:0;padding:0;}
.reportTabs li{-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;cursor: pointer;float: left;font-weight: bold;margin: 3px 3px 0;padding: 5px 10px;}
.reportTabs .selected{background-color: #CCCCCC;}
.listStyle{list-style:none outside none;margin:0;padding:0;}
.listStyle li{float:left;width:200px;padding:5px;}
.listStyle a{text-decoration:none}
#web-buttons-idw1ozm a{display:block;color:transparent;} #web-buttons-idw1ozm a:hover{background-position:left bottom;}a#web-buttons-idw1ozma {display:none}
.guideRightNav{padding:15px;margin-bottom: 10px; background-color:#8cc940;}
.guideRightNav .heading{font-weight:bold;}
.guideRightNav a{border-bottom:1px DOTTED #000000;color:#000000;}
.guideRightNav a:hover{font-weight:bold;}
.pin {
position: relative;
width: 300px;
padding: 15px 15px 0;
font-size: 11px;
background-color: white;
box-shadow: 0 1px 3px rgba(34,25,25,9);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,9);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,9);
float:left;
margin:10px;
}
.pin img {
width: 300px;
}
.blogphoto{height: 229px;overflow: hidden;}
.pin .price {
position: absolute;
z-index: 2;
top: 19px;
left: -28px;
width: 125px;
height: 22px;
padding-top: 8px;
text-align: center;
font-size: 10px;
color: #524D4D;
background-color: #F2F0F0;
overflow: hidden;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.pin .PriceContainer {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100px;
height: 100px;
overflow: hidden;
}
.convo {
margin: 0 -15px;
padding: 10px 15px;
background-color: #F2F0F0;
}
.attribution {
margin-top: 10px;
color: #AD9C9C;
}
.write {
border-top: 1px solid #D9D4D4;
box-shadow: inset 0 1px #fcfafa;
-moz-box-shadow: inset 0 1px #fcfafa;
-webkit-box-shadow: inset 0 1px #fcfafa;
}
.attribution a {
color: #8C7E7E;
}
.attribution .NoImage {
height: auto;
margin: 0;
}
.attribution .NoImage a {
text-decoration:none;
}
.pin .description {
display: block;
margin: 10px 0 5px;
line-height: 1.35em;
overflow: hidden;
text-align:justify;
min-height: 114px;
}
.blogStamp{margin: 15px;color: #666;font-style: italic;margin-top: -15px;}
.blogStamp2{color: #666;font-style: italic;}
.imgStyle{text-align: center;width: 400px;border: 1px SOLID #CCC;padding: 7px;margin: 10px;align: center;margin: 10px auto; color:#666666}