/* General Styles */

html {
background: #d0a872 url(img/upint-bg-rep.jpg) repeat-y top;
height: 100%;
}


body {
margin: 0;
padding: 0;
background: transparent url(img/upint-bg.jpg) no-repeat top;
font-family: Helvetica, Arial, sans-serif;
height: 100%;
text-align: center;
}

.hide {
display: none;
}

/*
--------------------------------------------------------------------------------------- TOOLBAR
*/

div#sm_toolbar {
background: #000;
-moz-opacity: .5;
filter:alpha(opacity=50);
-khtml-opacity:0.5;
opacity:0.5;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
color: #ccc;
font-size: 11px;
text-align: right;
}

div#sm_toolbar p {
padding: 5px 20px;
-moz-opacity: .75;
}

div#sm_toolbar p a {
color: #fff;
font-weight: normal;
font-size: 11px;
padding: 0 5px;
}

h1,h2,h3,h4,h5,h6,p,form {
margin: 0;
padding: 0;
}

h1{
font-size: 22px;
}

h2 {
font-size: 20px;
margin-bottom: 5px;
}

.pagetitle {
color: #fff;
font-size: 24px;
font-family: Helvetica, Arial, sans-serif;
}

h3 {
font-size: 16px;
margin-bottom: 10px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

form, td, p {
font-size: 14px;
}

p {
padding-bottom: 10px;
line-height: 120%;
}

ul, ol {
margin-top: 0;
margin-bottom: 15px;
}

#content ul li {
padding-bottom: 10px;
font-size: 14px;
}

#content #idxright ul li {
padding-bottom: 0;
}

.nolist {
margin: 0;
padding: 0;
list-style: none;
}

ul.horizon li {
display: inline;
}

ul.horizon li a {
float: left;
display: block;
}

a {
font-weight: bold;
color: #333;
}

a:hover {
text-decoration: underline;
}

.fleft {
float: left;
}

.fright {
float: right;
}

.tleft {
text-align: left;
}

.tright {
text-align: right;
}

.white {
color: #fff;
}

.more {
font-weight: bold;
}

/*
------------------------------------------------- Wrapper
*/
#wrap{
width: 904px;
margin: 0 auto;
text-align: left;
}




/*
------------------------------------------------- Header
*/
#hdr {
position: relative;
height: 85px;
}

#hdr h1 a {
display: block;
height: 85px;
width: 315px;
background: transparent url(img/upintl-logo.png) no-repeat top left;
}

/* Fellowships */

#hdr.hdrnum266 h1 a {
background: transparent url(img/upintl-logo-fell.jpg) no-repeat top left;
width: 358px;
}

/* Honduras */

#hdr.hdrnum161 h1 a {
background: transparent url(img/upintl-logo-hon.jpg) no-repeat top left;
}

/* Malawi */

#hdr.hdrnum151 h1 a {
background: transparent url(img/upintl-logo-mal.jpg) no-repeat top left;
}

/* USA */

#hdr.hdrnum165 h1 a {
background: transparent url(img/upintl-logo-us.jpg) no-repeat top left;
width: 358px;
}

/* Canada */

#hdr.hdrnum172 h1 a {
background: transparent url(img/upintl-logo-ca.jpg) no-repeat top left;
width: 358px;
}

#hdr h1 a span {
display: none;
}

#hdr div.description {
display: none;
}

/*
--------------------------------------------------------------------------------------- SMALL LOGO ON SUB PAGES
*/
#smlogo {
position: absolute;
top: 0;
right: 0;
height: 85px;
width: 265px;
}

#smlogo a {
display: block;
height: 85px;
width: 265px;
background: transparent url(img/logo-sm-right.jpg) no-repeat top left;
}

#smlogo a span {
display: none;
}


/*
------------------------------------------------- Navigation
*/
#nav {
background: transparent url(img/upintl-navbg.png) no-repeat top;
height: 50px;
position: relative;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 20px;
width: 829px;
}

#nav ul li {
position: relative;
float: left;
width: auto;
}

#nav ul li a {
float: left;
display: block;
padding: 5px 10px;
color: #fff;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .75px;
text-decoration: none;
}

#nav ul li a:hover,
#nav ul li.current_page_item a,
#nav ul li.current_page_parent a
{
color: #e37b00;
text-decoration: none;
background: transparent url(img/upintl-navline.png) no-repeat bottom;
}

#nav ul li:hover a {
color: #e37b00;
text-decoration: none;
}

 

#nav ul li.current_page_parent ul li a,
#nav ul li:hover ul li a {
background: none;
color: #584A37;
}

#nav ul li#donate {
float: right;
display: none;
}

#nav ul li#donate.on {
display: block;
height: auto;
background: none;
}

/*
--------------------------------------------------------------------------------------- DROP MENUS
*/

#nav ul ul {
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0;
	width:200px;
	background: transparent url(img/dropnavbg.gif) no-repeat bottom;
	border-top: 3px solid #482d20;
	z-index: 999;
	padding-bottom: 10px;
}
#nav ul ul li {
margin: 0 3px;
}

#nav ul ul li, #nav ul ul li a {
	display: block;
	float: none;
	height: auto;
	zoom: 1;
}

#nav ul ul li a, #nav ul li.on ul li a {
color: #584a37;
font-size: 12px;
font-weight: bold;
border: none;
padding: 5px 10px;
background: none;
text-decoration: none;
}

#nav ul ul li a {
border-top: 1px solid #e3cbaa;
border-bottom: 1px solid #a6865b;
}

#nav ul li ul li a:hover, #nav ul li.current_page_parent ul li a:hover {
background: #D5D6C4;
}

#nav ul li.current_page_parent ul li.current_page_item a {
background: #fff;
}


#nav ul li:hover ul, #nav ul :hover ul {
	visibility:visible;
 }
  
  /* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */ 
/*hide from ie-mac\*/
* html #nav ul li, * html #snav ul li {
    height: 1px;
    }
/* end hack */
 
/* \*/
* html #nav ul a, * html #snav ul li a {
    height: 1px;
    }
/*  */





/*
------------------------------------------------- Content
*/

#content {
padding: 0 12px;
}

#idxleft {
width: 679px;
}

#idxright {
width: 201px;
}

div.slideshow {
margin-bottom: 13px;
}


/*
--------------------------------------------------------------------------------------- MISSION STATEMENT INDEX PAGE
*/

div.idxmission {
background: transparent url(img/upintl-idx-missionbg.jpg) no-repeat top left;
height: 283px;
}


div.idxmission div.misstext {
padding:  28px 28px 28px 245px;
background: transparent url(img/upintl-idxmisspic.jpg) no-repeat 18px 23px;
}

div.idxmission div.misstext h2 {
color: #fff;
text-transform: uppercase;
font-size: 28px;
letter-spacing: -1px;
}

div.idxmission div.misstext h2 span {
display: block;
font-size: 12px;
letter-spacing: -.5px;
position: relative;
top: -5px;
}

h2.home {
display: none;
}

/*
--------------------------------------------------------------------------------------- PROG NAV
*/

ul.uplist {
width: 201px;
}

ul.uplist li a {
display: block;
overflow: hidden;
}


ul.uplist li.idx a, ul.uplist li.on a {
height: 121px;
width: 201px;
margin-bottom: 0;
}

ul.uplist li a {
width: 201px;
margin-bottom: 1px;
height: 40px;
zoom: 1;
}

ul.uplist li a span {
display: none;
}


ul.uplist li.idx {
margin-bottom: 10px;
}

li#fell.idx, li#fell.on { background: transparent url(img/upintl-idx-fell.png) no-repeat top left !important; } 
li#mala.idx, li#mala.on { background: transparent url(img/upintl-idx-mala.png) no-repeat top left; }
li#hond.idx, li#hond.on { background: transparent url(img/upintl-idx-hond.png) no-repeat top left; }
li#usa.idx, li#usa.on { background: transparent url(img/upintl-idx-usa.png) no-repeat top left; }
li#ca.idx, li#ca.on { background: transparent url(img/upintl-idx-ca.png) no-repeat top left; }



.uplist li#donate.on { background: transparent url(img/upintl-donate-lg.jpg) no-repeat top left; } 
.uplist li#donate.on a { height: 121px !important; margin-bottom: 90px !important;} 


li#fell { background: transparent url(img/upintl-sub-fell.png) no-repeat top left; } 
li#mala { background: transparent url(img/upintl-sub-mala.png) no-repeat top left; }
li#hond { background: transparent url(img/upintl-sub-hond.png) no-repeat top left; }
li#usa { background: transparent url(img/upintl-sub-usa.png) no-repeat top left; }
li#ca { background: transparent url(img/upintl-sub-ca.png) no-repeat top left; }

ul.sprognav {
background: #101010;
border: 2px solid #153e30;
border-top: 1px solid #000;
position: relative;
top: -15px;
margin-bottom: 1px;
}

#content ul.sprognav li.map {
border-top: 1px solid #1e1e1e;
padding-top: 10px;
}

div.desc {
padding: 10px;
}

div.desc p {
font-size: 11px !important;
color: #ccc;
padding: 0 0 10px 0;
}

div.desc ul.links {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 20px;
color: #ccc;
}

div.desc ul.links li {
line-height: 100%;
padding-bottom: 5px !important;
}

div.desc ul.links li a {
color: #ccc;
display: inline !important;
border: 0 !important;
padding: 0 !important;
font-weight: normal;
font-size: 11px !important;
}

div.desc ul.links li a:hover {
background: none !important;
}

#content ul.sprognav li.map div.img {
text-align: center;
}

#content ul.sprognav li, #content div.subright ul li {
padding-bottom: 0;
}

ul li.on ul.sprognav li a {
height: auto;
color: #ccc;
padding: 7px 10px;
font-size: 14px; 
zoom: 1;
width: auto;
border-top: 1px solid #1e1e1e;
border-bottom: 1px solid #000;
}

ul li.on ul.sprognav li a:hover {
background: transparent url(img/prognav-shover.gif) no-repeat top right;
}

ul li.on ul.sprognav li.current_page_item a, 
ul li.on ul.sprognav li.current-cat a,
ul li.on ul.sprognav li.current_page_parent a
{
color: #fff;
}

ul li#fell.on ul.sprognav li.current_page_item a, 
ul li#fell.on ul.sprognav li.current-cat a 
{
background: transparent url(img/prognav-son-fell.gif) no-repeat top right;
color: #fff;
}

ul li#mala.on ul.sprognav li.current_page_item a, 
ul li#mala.on ul.sprognav li.current-cat a,
ul li#mala.on ul.sprognav li.current_page_parent a
{
background: transparent url(img/prognav-son-mala.gif) no-repeat top right;
}

ul li#hond.on ul.sprognav li.current_page_item a, 
ul li#hond.on ul.sprognav li.current-cat a,
ul li#hond.on ul.sprognav li.current_page_parent a 
{
background: transparent url(img/prognav-son-hond.gif) no-repeat top right;
}

ul li#usa.on ul.sprognav li.current_page_item a, 
ul li#usa.on ul.sprognav li.current-cat a 
{
background: transparent url(img/prognav-son-usa.gif) no-repeat top right;
}

ul li#ca.on ul.sprognav li.current_page_item a, 
ul li#ca.on ul.sprognav li.current-cat a 
{
background: transparent url(img/prognav-son-ca.gif) no-repeat top right;
}

ul li ul.sprognav li.page_item ul {
display: none;
}

ul li ul.sprognav li.current_page_item ul,
ul li ul.sprognav li.current_page_ancestor ul 
{
display: block;
}

ul li.on ul.sprognav li ul {
list-style: none;
margin: 0;
padding: 5px 0;
border-top: 1px solid #1e1e1e;
border-bottom: 1px solid #000; 
background: #333 url(img/prognavshad.gif) repeat-x top !important;
}

ul li.on ul.sprognav li ul li a {
background: none !important;
border: none !important;
font-size:12px !important;
font-weight: normal !important;
padding: 5px 30px; 
}

ul li.on ul.sprognav li ul li a:hover {
background: #000 url(img/smbullet.gif) no-repeat 15px 8px !important;
}

ul li.on ul.sprognav li ul li.current_page_item a
{
background: transparent url(img/smbullet.gif) no-repeat 15px 8px !important;
color:#FFFFFF;
}

/*
--------------------------------------------------------------------------------------- SUB PAGES COLUMNS
*/

div.subcontent {
background: transparent url(img/sub-bg-3col-rep.jpg) repeat-y top;
width: 100%;
float: left;
margin-bottom: 10px;
}

div.subcontent div.innersub {
background: transparent url(img/sub-bg-3col.jpg) no-repeat top;
width: 100%;
float: left;
}


div.sub2col {
background: transparent url(img/sub-bg-2col-rep.jpg) repeat-y top;
width: 100%;
float: left;
margin-bottom: 10px;
}

div.sub2col div.innersub {
background: transparent url(img/sub-bg-2col.jpg) no-repeat top;
width: 100%;
float: left;
}

div.subleft {
width: 184px;
}

div.submid {
width: 495px;
}

div.subprog {
width: 679px;
}

div.subprog div.pad {
padding: 20px;
}

div.submid div.pad {
padding: 15px;
}

div.subright {
width: 201px;
}

div.subleft div.pad {
padding: 10px 5px;
}

div.subright div.pad {
padding: 0;
}

/*
--------------------------------------------------------------------------------------- SUB NAV
*/

ul.snav {
padding: 15px 10px;
}

#content ul.snav li {
padding: 0;
margin-bottom: 5px;
}

ul.snav li a {
color: #584a37;
font-size: 14px;
display: block;
padding: 8px 0 5px 0;
zoom: 1;
text-decoration: none;
}

ul.snav li a:hover,
ul.snav li.current_page_item a,
ul.snav li.current-cat a {
color: #333;
}

ul.snav li.current_page_item,
ul.snav li.current-cat {
background: transparent url(img/snav-line.gif) no-repeat -70px 0;
}


ul.snav li.current_page_item a,
ul.snav li.current-cat a {
background: transparent url(img/snav-line.gif) no-repeat left bottom;
}

/*
--------------------------------------------------------------------------------------- SUB PAGES BG
*/

div.prog_bot_cap {
padding-bottom: 14px;
background: transparent url(img/mission-panel-bot.jpg) no-repeat bottom left;
}

div.progsub {
background: transparent url(img/mission-panel-rep.jpg) repeat-y top left;
}

div.progsub div.proginner {
background: transparent url(img/mission-panel-top.jpg) no-repeat top left;
padding: 30px;
zoom: 1;
}

div.progsub div.misstext h2.pagetitle {
color: #fff;
font-size: 28px;
letter-spacing: -1px;
}

div.progsub div.misstext h2.pagetitle span {
display: block;
font-size: 12px;
letter-spacing: -.5px;
position: relative;
top: -5px;
}

.proginner h2.pagetitle {
margin-bottom: 20px;
border-bottom: 1px solid 
}

/*
--------------------------------------------------------------------------------------- SINGLE ENTRY (BLOG)
*/
div.single {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
} 

div.single p.postmetadata {
border-top: 1px solid #ccc;
padding-top: 10px;
}

p.postmetadata,
p.postmetadata a {
font-size: 11px;
color: #f1ece5;
font-weight: normal;
}

p.postmetadata a {
text-decoration: none;
font-style: italic;
}

h2.blogtitle a {
color: #fff;
text-decoration: none;
}

/*
--------------------------------------------------------------------------------------- BLOG MAIN PAGE POST LIST STYLES
*/

.blog_main {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d3c4b0;
}

.hentry h3, .hentry h3 a, .hentry h2 {
font-size: 24px;
}

small.date {
display: block;
margin-bottom: 15px;
color: #333;
font-size: 11px;
}

/*
--------------------------------------------------------------------------------------- COMMENTS
*/

div#respond h3 {
margin: 25px 0 10px 0;
}

textarea#comment {
height: 200px;
width: 445px;
border: 1px solid #ccc;
padding: 5px;
font-size: 14px;
font-family: Arial, sans-serif;
}

form#commentform p input {
width: 350px;
padding: 5px;
font-size: 14px;
border: 1px solid #ccc;
}

form#commentform p input#submit {
width: auto;
font-size: 12px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
cursor: pointer;
}

form#commentform p label {
display: block;
font-weight: bold;
}

div.comment-meta {
font-size: 11px;
padding-bottom: 10px;
}

ol.commentlist {
font-size: 14px;
font-weight: bold;
color: #efe3d3;
position: relative;
}

ol.commentlist li {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #efe3d3;
}

ol.commentlist li div {
font-size: 12px;
font-weight: normal;
color: #000;
position: relative;
}
/*
--------------------------------------------------------------------------------------- BOTTOM
*/

div.bottom {
background: transparent url(img/upintl-botline.png) no-repeat top;
float: left;
width: 100%;
margin-top: 10px;
height: 2px;
}

div.bottom ul.bottomlinks {
background: transparent url(img/upintl-botline.png) no-repeat bottom;
float: left;
width: 100%;
}

div.bottom ul.horizon li {
width: 33%;
float: left;
}

div.bottom ul.horizon li h2 a {
color: #540903;
font-weight: bold;
font-size: 28px;
letter-spacing: -1px;
padding: 20px;
}

div.bottom ul.horizon li h2 a span {
display: block;
font-size: 12px;
letter-spacing: -.5px;
position: relative;
top: -5px;
}



/*
------------------------------------------------- Footer
*/

#ftr {
clear: left;
padding: 20px 12px;
}

#ftr p {
text-transform: capitalize;
color: #540903;
font-size: 11px;
}

/*
--------------------------------------------------------------------------------------- DEFAULT WP STYLES IMPORTED
*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0 0 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*
--------------------------------------------------------------------------------------- CALENDAR PAGE
*/
table.wplc_table {
border-collapse: collapse;
border-spacing: none;
}

table.wplc_table td {
vertical-align: top;
color: rgb(16,16,16);
padding: 0;
}

table.wplc_table td.left {
width: 82px;
}

table.wplc_table td.right {
width: 383px;
}

table.wplc_table td a {
color: #333;
}

table.wplc_table td.details {
width: 160px;
}

table.wplc_table td.right div.descr, table.wplc_table td.right ul {
padding: 0 0 20px 20px;
}

#content table.wplc_table td.right ul li {
padding: 0;
}

#content table.wplc_table td.right ul li.wplc_event_name {
font-size: 16px;
padding-top: 10px;
font-weight: bold;
color: #fff;
}

#content table.wplc_table td.right ul li.wplc_event_name a {
color: #fff;
}

#content table.wplc_table td.right ul li.wplc_event_location {
font-size: 12px;
padding: 5px 0;
}

#content table.wplc_table td.right ul li.wplc_event_start_time {
padding-top: 10px;
display: none;
}

div.datebg {
height: 91px;
width: 82px;
background: transparent url(img/upintl-cal-paper.png) no-repeat top left;
}

div.datebg span {
display: block;
text-align: center;
}

div.datebg span.month {
font-size: 25px;
font-weight: bold;
color: #333;
padding-top: 15px;
-moz-opacity: .7;
filter:alpha(opacity=70);
}

div.datebg span.day {
font-size: 42px;
font-weight: bold;
color: #101010;
position: relative;
top: -3px;
-moz-opacity: .7;
filter:alpha(opacity=70);
}

div.more {
padding: 10px 0 0 0;
}

div.more a {
display: block;
margin: 0 auto;
height: 18px;
width: 70px;
background: transparent url(img/upintl-cal-more.png) no-repeat top left;
}

div.more a span {
display: none;
}

div.rule {
height: 5px;
background: transparent url(img/upintl-cal-rule.png) repeat-x top left;
margin: 10px 0;
}

span.map {
display: block;
}

span.map a {
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}

/*
------------------------------------- Sign up Form
*/

form.signup div {
clear: left;
float: left;
padding: 5px;
font-weight: bold;
font-size: 12px;
color: #666;
}

form.signup label {
display: block;
width: 110px;
float: left;
font-weight: bold;
font-size: 12px;
padding: 5px;
color: #333;
}

form.signup input {
border: 1px solid #ccc;
padding: 3px;
font-size: 14px;
font-weight: bold;
width: 230px;
}

form.signup div.other p, form.signup div.other label {
padding: 5px 0 0 0;
}

form.signup div.other label {
width: auto;
}

form.signup div.btn {
padding: 0 0 0 125px;
}

form.signup div.btn input {
width: 120px;
cursor: hand;
cursor: pointer;
}

/*
--------------------------------------------------------------------------------------- SHARE
*/

div.share-links {
width: 350px;
margin: 0 auto;
}

div.share-links ul {
list-style: none;
margin: 0;
padding: 0;
}

#content div.share-links ul li a {
display: block;
margin: 0;
padding: 40px 10px 40px 100px;
font-size: 22px;
font-weight: normal;
text-decoration: none;
border-bottom: none;
}

#content div.share-links ul li a.fb_link {
background: transparent url(img/icon-lg-fb.gif) no-repeat left;
}

#content div.share-links ul li a.twitter_link {
background: transparent url(img/icon-lg-tw.gif) no-repeat left;
}

#content div.share-links ul li a.email_link {
background: transparent url(img/icon-lg-em.gif) no-repeat left;
}