@import "/css/mainmenu_style2.css";
@import "apply/css/apply_form_validation.css";
@import "/css/program-fees.css";

/*__________________________________________________________________________COMMUNICATION BUTTONS*/




#common_tags {
margin:15px 0 0 0;
color:#666;
font-size:90%;
line-height:150%;
border-top:1px solid  #666;
padding-top:8px;
}
#old-terms {
clear:both;
border:1px solid;
margin:30px 0;
padding:10px;
font-size:65%;
text-align:center;
}


.rnav a.comm-btn-oldtemplate {
text-decoration:none;
margin:0;
padding:0;
}
.rnav a.comm-btn-oldtemplate img {
border:0;
margin:0;
padding:0;
}

.rnav  ul li.comm-btn-oldtemplate {
border:0;
margin:0;
padding:0;
list-style:none;
padding-top:10px;

}
.rnav  ul li.comm-btn-oldtemplate a.comm-btn-oldtemplate{
border:0;
margin:0;
padding:0;
}

body {
background-color: #FFF;text-align: center;color: #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;

margin:0;
padding:0;

background-image: url(images/body_bg2.gif); 
background-repeat:repeat-x; 
background-position:0% 151px;
}

a:link, a:visited, a:active {color:#cc0000; text-decoration:none;}
a:hover {color:#97c01a;}
/*FORMS STYLES*/
div#uvforms {
float: left;
width: 590px; /*make 595*/
height: 100%;
margin-top: 32px;
padding: 0;
clear:both;
}

/* COMPANY POLICIES  */ 
div.company_policy ul li{
list-style-type:square;
}
div.company_policy h3 span{
color:#000;
}
div.company_policy p em{
text-decoration:underline;
font-style:normal;
}
div.contact_form ol.policies_options li{
font-size:1.5em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.company_policy ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.7em;
font-size:9pt;
}
div.company_policy h4{
padding-left:0;
}
ol.policies_options li.active_link a{
color:#000;
}
div.company_policy ul li.no_bullet{
list-style-type:none;
margin-left:-15px;
}
div.company_policy ul li.no_bullet h4{
margin-bottom:3px;
}
/* END OF COMPANY POLICIES  */ 
/* ---------------------------------------- FORM ELEMENTS  */ 
.contact_form form div select {margin:0 0 0 10px;}
.contact_form form div select.multiple option {border-bottom:1px solid #fff; padding:3px;}
.contact_form form div span.noCaps{text-transform:none;}
.contact_form form div span{
text-transform:capitalize;
font-size:12px;
color:#000;
font-family: Verdana, Arial, sans-serif;
margin:15px 0 5px 10px;
display:block;
}
.contact_form form div span span{
text-transform:none;
font-size:88%;
display:inline;
color:#999;
}
.contact_form div div.small {
font-size:9px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:none;
padding:0 0 3px 10px;
}

.contact_form div input.lowercase{text-transform:lowercase}
.contact_form div input, .contact_form div textarea{
	display:block;
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	color:000;
	background: #F8FFE9;
	border: 1px solid #ccc;
	font-weight:normal;
	text-transform: capitalize;
	margin:15px 0 5px 10px;
}
.contact_form div textarea{ font-size:11pt;}
.contact_form div textarea.noCaps{ text-transform: none;}
.inline {display:inline;}
.contact_form div input.button {padding:0;color:none;border:0;} 
.contact_form div input{
	display:block;
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	color:000;
	background: #F8FFE9;
	border: 1px solid #ccc;
	font-weight:bold;
	text-transform: capitalize;
	margin:0 0 0 10px;
}
.contact_form h3{
border-bottom:1px solid #ccc;
margin:0 10px 10px 0;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:uppercase;
padding:0 0 4px 0;
}
.contact_form h4{
font-size:10pt;
color: #79a024;
margin:0 0 25px 0;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:capitilize;
padding:15px 0 0 10px;
}


.contact_form p{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 10px 0;
font-size:10pt;
line-height:1.7em;
font-size:9pt;
}

.contact_form div div.seperator {
background: url("images/divider_bg.gif");
background-repeat: no-repeat;
}
.contact_form div div.seperator-up {
width:580px;
height:30px;
background: url("images/dividerup_bg.gif");
background-repeat: no-repeat;
}

.contact {font-size:10pt;}
.address {float:left; margin-right:25px;}
----------------

#uvforms div{
	margin:5px 0 5px 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#333;
 }
#uvforms div{
margin:5px 0 5px 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#333;
 }
#uvforms h3{
border-bottom:1px solid #ccc;
margin:0 10px 10px 0;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:uppercase;
padding:0 0 4px 0;
}
div#uvforms p {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 10px 0;
font-size:10pt;
line-height:1.7em;
font-size:9pt;
}
span.mission { display:block; margin:15px; font-weight:bold; font-style:itallic;}
.black {color:#000;}


.flabel {
	width:200px;
	text-align: left;
	display:block;
	padding:4px 10px 4px 0;
	float:left;
}
.small {font-size:7pt; font-weight:bold;}
#uvforms div input, #uvforms div select, #uvforms div textarea{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color: #486014;
background: #F8FFE9;
border: 1px solid #ccc;
padding:2px;
}


/*PROJETCS DEFINITION LIST*/
dl.projects {
margin:0 0 0 145px;
font-size:10pt;
line-height:1.5em;


}
dl.projects dt{
font-size:10pt;
font-weight:bold;
padding:0 0 4px 0;
margin:15px 10px 0 0;


}
dl.projects dd.country {
margin:10px 0 0 0px;
font-weight:bold;
color:#97c01a;
text-indent:15px;
background-image: url(images/pageicon.gif); 
background-repeat:no-repeat; 
background-position:0% 50%;
}
dl.projects dd {
margin-left:15px;
}
dd.country a {color:#97c01a;}


/*CONTENT AREA*/

.uvcontent{
float: left;
width: 580px; /*make 595*/
height: 100%;
margin-top:8px;
padding: 0;
background-color:#FFF;
clear:both;
xxborder:1px solid;
font-size:12px;
 line-height:1.8em;
}

.uvcontent img {clear:both; float:left; border-bottom:7px solid #badb56; margin:0 15px 0 0; }
.uvcontent p {margin:0 10px 0 200px; font-size:9pt;}

.uvcontent h2{
font-size:10px;
font-weight:normal;
line-height:180%;
float:left;
margin:10px 0 0 0;
padding:0 0 4px 0;
width:174px;
clear:left;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
border-bottom:1px dotted #ccc;
}

.uvcontent h3, .vta_header {
border-bottom:1px dotted #ccc;
margin:0 10px 10px 200px;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:uppercase;
padding:0 0 4px 0;
}
.vta_header {
font-size:20px;

}

div.divider {
float:left;
clear:both;
width:580px;
margin:20px 0;
background: url("images/faq_fade.gif");
background-repeat: repeat-x;
border-top:1px solid #ccc
}

div.uvcontent_wider {
margin-top:10px;
padding-top:15px;
}

.uvcontent_wider img {clear:both; float:left; border-bottom:7px solid #badb56; margin:0 15px 0 0; }
.uvcontent_wider p {
margin:0 20px 0 145px; /* 145 = width (130) of img + images's right marging og 15*/
line-height:1.7em;
font-size:9pt;
clear:right;
}
.uvcontent_wider h2 {
border-bottom:1px dotted #ccc;
margin:0 10px 10px 0px;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:uppercase;
padding:0 0 4px 0;
}
.uvcontent_wider h3 {
border-bottom:1px dotted #ccc;
margin:0 10px 10px 0px;
font-size:11pt;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #97c01a;
text-transform:uppercase;
padding:0 0 4px 0;
}
ul.wider {
	margin:0;
	padding:0;
	margin:8px 0 0 145px;
	line-height:1.7em;
	font-size:9pt;
	list-style : square;
	list-style-position : inside;
}
ul.wider li {margin:0; padding:0;
}
/*SITEMAP LIST*/
ul.uv_sitemap {
	margin:0;
	padding:0;
	font-size:10pt;
	margin-left:145px;
	list-style : square;
	list-style-position : inside;
}
ul.uv_sitemap ul {margin-left:30px;}
ul.uv_sitemap ul strong {text-indent:15px; font-weight:normal;}

/*RELATED LINKS LIST*/
ul.rel_links {
	margin:0;
	padding:0;
	font-size:10pt;
	margin-left:50px;
	list-style : square;
	list-style-position : inside;
}
ul.rel_links li{
	width:525px;
	margin-top:2px;
	padding:4px 0 6px 0 ;
	border-bottom: 1px solid #cfcfcd;
	font-size:90%;
	line-height:160%;
}
ul.uv_sitemap ul {margin-left:30px;}
ul.uv_sitemap ul strong {text-indent:15px; font-weight:normal;}


/*CONTAINER STYLE*/
#container-border{
	margin:28px auto;
	width: 900px;
	border: 1px solid #5b5b5b;
	
	tet-align: left;
	vertical-align : center;
	background-color: #FFF;
	heigth:100%;
	
}
#container{
	margin:22px auto;
	width: 850px;
	text-align: left;
	background-color: #FFF;
}
div.right-col{
width: 155px;
margin-left: 595px;
margin-top:0 ;
margin-bottom:0 ;
background-color: #F4F4F4;
vertical-align: top;
padding-bottom: 30px;
background-color: #FFF;
height:100%;
}



/*NEW HEADERS*/
#header {
float:left;
margin-left: auto;
margin-right: auto;
height: 200px;
width:595px;
text-align: left;
}
#header img{
height:201px;
width:595px;
margin:0;
padding:0;
margin-top:-28px;
}
#header h1{
margin:0;
font-weight: bold;
color:#fff;
font-size:9pt;
padding:0;
position:relative;
top:99px;
left:242px;
z-index:100;
}
#header span{
margin:0;
font-weight: normal;
color:#FFF;
font-size:8pt;
padding:0px;
position:relative;
top:70px;
left:112px;
display:block;
}

/*REMOVE AFTER SEO CHANGES
#header p{
margin:0;
font-weight: normal;
color:#FFF;
font-size:8pt;
padding:0px;
position:relative;
top:70px;
left:98px;
}

/*td.uv_topnavbg {
background:#a9d22c;
border-top:3px solid #fff;
height:24px;
background-image: url(images/topnav_bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
 */

#uvheader h1 {
margin:0;
font-weight: bold;
color:#FFF;
font-size:9pt;
padding:108px 0 0 240px;
}

#uvheader h2 {
margin:0;
font-weight: normal;
color:#FFF;
font-size:9pt;
position:relative;
top:-30px;
left:95px;

}

/* --------------------------------------------------------------------------  COUNTRIES BOX*/
/*COUNTRY BOX*/
.country-box-bg {
background-image: url(images/destbox_black.gif); 
background-repeat: x-repeat;
height:97px; 
}


h3.destbox{
color:#fff;
margin:14px 0 0 13px;
font-size:13pt;
font-weight:normal;
line-height:130%;
}

table.destbox{float:left; width:256px;}
td.country-green {
	background-image: url(images/county_greenbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#97c01a;
	height:29px;
	
}

ul.county-list {
margin:0; 
padding:0; 
list-style: none;
line-height:170%;
}
ul.county-list li {
	margin:5px 0 0 0;
	width:100px;
	border-bottom:1px solid #FFF;
	background-image: url(images/county_pageicon.gif); 
	background-repeat: no-repeat;
	background-position:0% 60%;
	text-indent:18px;
}
ul.county-list a:link, ul.county-list a:active, ul.county-list a:visited {
font-size:12px; 
color:#FFF; 
text-decoration:none; 
font-weight:bold;

}
ul.county-list a:hover {color:#cc0000;}

a.partner {
color:#FFF;
text-decoration:none;
font-size:10px;
display:block;
padding-top:8px;
width:200px;
}
a.partner:hover {color:#cc0000;}



/*WHO VOLUNTEERs LIST ON HOMEPAGE*/
.int-vols {
margin:0;
padding:0;
font-size:9pt;
}
.int-vols li{
margin-left:15px;
list-style: square;
line-height:1.7em;
}
		
.main_img {margin-bottom:8px;}

ul.faq_list  {list-style:square; margin-left:0; padding-left:0;}
/*RIGHT NAV*/
div.rnav {
	padding: 0;
	xxmargin-left: 15px;
	list-style: none;
	width:250px;

}
h3.rnav {
	padding:5px 0 5px 15px;
	margin: 0px 0 1px 0;
	text-transform:uppercase;
	color:#999;
	font-size:10pt;
	background:#e8e7e7;
	border:1px solid #ccc;
	border-top:5px solid #ccc;;
}
div.rnav ul {
margin:6px 0 0 0;
padding:0;
}
div.rnav ul li {
	background-image: url("images/rightnav_bullet.gif");
	background-repeat: no-repeat;
	background-position:center left;
	font-size:9pt;
	border-bottom:1px solid #cccccc;
	padding:8px 0;;
	list-style:none;
	text-indent:15px
	
}
.rnav a:link, .rnav a:active, .rnav a:visited{
text-decoration:none;
color:#cc0000;
}
.rnav a:hover{
color:#7d9b25;
}
.rnav ul li ul { /*sub catergory.  do not have one yet but if we do then we will use this */
margin-left:15px;
padding:0;
}
.active {
text-indent:15px; 
color:#999; 
font-weight:bold;
}

/*TOPTEN STYLES FOR FAQ SECTIONS - copy od styler from countries css*/
.topten ul{
margin:0;
padding:0;
}
.topten ul li{
background-image: url("images/rightnav_bullet.gif");
	background-repeat: no-repeat;
	background-position:0% 25%;
	font-size:9pt;
	border-bottom:1px solid #cccccc;
	padding:6px 0 6px 15px;
	list-style:none;
}
span.views {display:block; color:#999; font-size:8pt;}
.topten ul li a:link, .topten ul li a:active, .topten ul li a:visited {color:#cc0000; text-decoration:none;}
.topten ul li a:hover {color:#7d9b25;} 


#footer {
background:#;
padding:0;
margin:40px 0 0 0;
padding-top:10px;
border-top:1px solid #333;
}
#footer span.small{
color:#333;
padding:0px;
font-weight:bold;
margin:0 0 0 0px;
}
.span.uvcopy {
float:right;
padding:0 0 60px 0;   /* this padding creates space after page black border, the -14px below shifts copy back up, was misaligned after float right*/
margin:0 0 0 0;
font-weight:bold;
}



.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}



/* ---------------------------------------- FOOTER CONTENT HOLDER  -  Similar BUT different CSS code from that of country sections*/
#footsite {
width:100%;
height:400px;
text-align:left;
background-image: url("images/footer_home_bg.gif");
background-repeat: repeat-x;
background-position:bottom left;
border:1px solid #999;
background-color:#f8f7ef;
margin-top:50px;
}

#footsite div.f_column {

width:140px;
float:left;
margin:15px 0 0px 20px;
}

#footsite div.f_column img{
padding:3px;
background-color:#FFF;
border:1px solid #ddd;
margin-bottom:0px;
}
#footsite div.f_column ul{
list-style:none;
margin:0;
padding:0;
}
#footsite div.f_column ul li a{
font-size:8pt;
color:#474747;
text-decoration:none;
}
#footsite div.f_column ul li a:hover{
text-decoration:underline;
}

#footsite div.terms {
font-size:8pt;
height:60px;
width:270px;
float:left;
line-height:140%;
padding-top:20px;
margin:40px 0 0 20px;
}
#footsite div.social {
font-size:8pt;
height:60px;
float:left;
line-height:140%;
padding-top:25px;
margin:40px 0 0 0;

}

#footsite div.social span {
display:block;
padding-bottom:5px;
}

#footsite div.terms a {
color:#474747;
text-decoration:none;
}
#footsite div.terms a:hover {
text-decoration:underline;
}


/* ---
TEMP STYLES
---- */

form.progfee {margin-left:202px;}


/*-------------------------------- CONTACT US FORM -----------------------------*/

.contact-options {
font-size:11pt;
font-weight:bold;
line-height:165%;
list-style:none;
margin-left:50px;
}

.hide {
visibility: hidden;
}

.opentime {font-size:95%;margin-bottom:10px;display:block;}

/*-------------------------------- INTERIM STLES  -----------------*/
h3.nav_headers{
background-color:#ccc;
color:#666;
padding:8px 0 8px 14px;
margin:0;
border:1px solid #bebcbc;
font-size:14px;
}
ul.rnav{
margin:0;
padding:0'
}

a.partner {
color:#FFF;
text-decoration:none;
font-size:10px;
display:block;
padding-top:8px;
width:200px;
}

.communicate_buts a img { 

}