/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
background: #e7f6f8 url(../img/body_bkgr_fw.jpg) no-repeat top center;
font:62.5%/1.25 Arial, Helvetica, sans-serif;
margin:0 0 25px;
text-align:center; /* ie5.5 fix */
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0;
padding:0;
}

h1 {
font-size:2em;
letter-spacing:-1px;
padding:30px 0 25px 0;
}

h2 {
font-size:2em;
letter-spacing:-1px;
padding:20px 0;
}

h3 {
font-size:1.8em;
font-weight:bold;
letter-spacing: -1px;
}

h4 {
font-weight: bold;
}

/***** Common Formatting *****/

p, ul, ol {
color: #4d4d4d;
font-size:1.1em;
line-height:1.1;
margin:0;
padding:0 0.85em 0.85em 0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
bottom:0.3em;
position:relative;
vertical-align:baseline;
}

sub {
bottom:-0.2em;
position:relative;
vertical-align:baseline;
}

acronym, abbr {
border-bottom:1px dashed;
cursor:help;
letter-spacing:1px;
}

/***** Links *****/

a, a:link, a:visited, a:hover { text-decoration:underline; }

a:link, a:visited { color: #16aab9; }

/***** Forms *****/

form {
display:inline;
margin:0;
padding:0;
}

input, select, textarea {
font:1.2em Arial, Helvetica, sans-serif;
}

input {
	background: transparent url(../img/form_field_plain.png) no-repeat scroll 0px center;
	border: 0pt none;
	color:#5FA9B2;
	float:left;
	height: 15px;
	margin:10px 12px 10px 0px;
	padding: 8px 6px 5px;/*4px 2px 0pt 4px;*/
	width: 172px;
}

textarea {
	background: transparent url(../img/form_textarea.png) no-repeat scroll 0px -1px;
	border: 0pt none;
	color:#5FA9B2;
	float:left;
	font-size:1.2em;
	height:85px;
	line-height: 1.1;
	margin-bottom:5px;
	max-height:102px;
	max-width:280px;
	padding: 8px 0 8px 6px;/*4px 2px 0pt 4px;*/
	overflow:auto;
	width: 280px;
}
 
label {
	color: #0099A5;
	float:left;
	font-size: 1.2em;
	font-weight:bold;
	margin: 18px 8px 0 4px;
	text-align:right;
}
 


/***** Tables *****/

table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td {
padding:2px;
}

/***** Buttons *****/

button {
border: 0pt none;
cursor: pointer;
font-weight: bold;
margin:0 0 0 10px;
padding: 0 15px 0 0;
text-align: center;
width: auto;
}

button span {
display: block;
padding: 0 0 0 15px;
white-space: nowrap;
}
.submitBtn {
background: transparent url(../img/btn_blue_right.png) no-repeat scroll right center;
font-size: 0.9em;
font-weight: bold;
}
.submitBtn span {
background: transparent url(../img/btn_blue_left.png) no-repeat scroll left center;
color: #16aab9;
height: 27px;
line-height: 27px;
text-transform: uppercase;
}
.submitBtn:hover {
background: transparent url(../img/btn_blue_right_hover.png) no-repeat scroll right
center;
}
.submitBtn:hover span {
background: transparent url(../img/btn_blue_left_hover.png) no-repeat scroll left center;
}

/***** Wrapper *****/

#wrapper {
background-color: #fff;
border-left: 1px solid #b7d8eb;
border-right: 1px solid #b7d8eb;
margin:0 auto;
width:994px;
}

/***** In Wrapper  *****/

#in_wrapper {
margin: 0px auto;
width:974px;
}

/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** Common properties *****/

#makedonation, #requestbrochure, #main_caption, ul#navigation { text-align:left; }
#makedonation, #requestbrochure, #orfact_search .legend, #orfact_reference .legend, #orfact_newsletter label, #orfact_giftaid label, #orfact_giftaid .small, #orfact_help
label, #orfact_help .small { color: #0099a5; }

#sub_content p, #wide_box_bottom p { 
	font-size:1.25em;
	line-height:1.5;
	padding-left:0.45em;
}

/* Main links icon */

.readmore, .watch, .emailto {
display:block;
float:left;
margin: 0 8px 0 0;
}

.watch { background: transparent url(../img/watch_video.png) no-repeat center left; }

.emailto{ background: transparent url(../img/email.png) no-repeat center left; }

.readmore { background: transparent url(../img/page.png) no-repeat center left; }

a:link.readmore, a:visited.readmore, a:link.watch, a:visited.watch, a:link.emailto,
a:visited.emailto {
font-size:0.9em;
font-weight:bold;
line-height: 3;
text-decoration: underline;
text-indent: 20px;
text-transform: uppercase;
}

a:hover.readmore, a:hover.watch, a:hover.emailto {
text-decoration: underline;
}

/***** Header *****/

.top_header {
background: transparent url(../img/top_header.png) repeat-x;
height:35px;
left:0;
min-width:974px;
position: absolute;
top:0;
width: 100%;
}

#header {
background: transparent url(../img/header_bkgr.png) repeat-x top center;
height:175px;
}

#header h1{
color:#0099A5;
float: left;
font-size: 3em;
height:168px;
line-height:5;
margin:0;
padding:0;
position:relative;
overflow:hidden;
text-align:center;
width:234px;
}

#header_teaser{
background: transparent url(../img/orfact_logo_fw.png) no-repeat top center;
display:block;
height:168px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0px;
width: 234px;
z-index:5;
}

#makedonation, #requestbrochure {
float:left;
height:92px;
}

#makedonation a:link, #makedonation a:visited, #requestbrochure a:link, #requestbrochure
a:visited {
color: #0099a5;
text-decoration:none;
}

#makedonation {
background: transparent url(../img/make_donation.png) no-repeat 8px 15px;
padding:35px 0 0 75px;
width:272px;
}

#requestbrochure {
background: transparent url(../img/request_brochure.png) no-repeat 0 15px;
padding:35px 0 0 135px;
width:249px;
}

#makedonation h3, #requestbrochure h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:2.1em;
font-weight: normal;
letter-spacing:-1px;
line-height:0.9;
padding:0 0 4px;
}

#makedonation p, #requestbrochure p {
color:#0099A5;
font-size:1em;
line-height:1;
}

/***** Navigation *****/

ul#navigation {
display: block;
float: left;
list-style: none;
margin:9px 0;
padding:0;
position: relative;
}

.first {
margin-left:2px;
}

ul#navigation li{
display:block;
float:left;
margin-right: 4px;
text-transform: capitalize;
}

#navigation a:link, #navigation a:visited {
background: transparent url(../img/navigation_link.png) repeat-x top center;
color: #cfffff;
display:block;
font-size:1.1em;
font-weight:bold;
height:37px;
line-height:1.1;
padding:6px 0 0 8px;
text-decoration:none;
width:85px;
}

#navigation a:hover { cursor: hand; background: transparent
url(../img/navigation_hover.png) repeat-x top center; color:#D7FBFA; }

ul#navigation .active {
background: transparent url(../img/navigation_active.png) repeat-x top center;
color: #cfffff;
display:block;
font-size:1.1em;
font-weight:bold;
height:37px;
line-height:1.1;
padding:6px 0 0 8px;
text-decoration:none;
width:85px;
}

/***** Search Form *****/

#search {
border-top: 1px dotted #0099a5;
float:right;
height: 37px;
margin: 0 15px 0 0;
text-align: left;
width: 720px;
}

#search form {
display:block;
padding:3px 0 0;
}

#orfact_search {
float:right;
margin: 0pt;
text-align: right;
width: auto;
}

#orfact_reference {
float:left;
margin: 0 0 0 36px;
text-align: right;
width: 390px;
}

#orfact_reference .legend {
float: left;
font: 1em Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:3;
margin:0 10px 0 1px;
padding:0px;/*4px 20px;*/
}

#orfact_search #searchfield, #orfact_reference #reffield {
	border: 0pt none;
	color:#5FA9B2;
	font-size:1.2em;
	height: 14px;
	line-height: 1.1;
	padding: 8px 0 8px 6px;
}
#orfact_search #searchfield {
	background: transparent url(../img/search.png) no-repeat scroll -32px center;
	margin: 0 -6px 0 0;
	width: 235px;
}

#orfact_reference #reffield {
	background: transparent url(../img/reference.png) no-repeat scroll -32px center;
	margin: 0 -4px 0 0;
	width: 155px;
}


#orfact_search #searchbutton {
background: transparent url(../img/search.png) no-repeat scroll 0pt center;
border: medium none;
cursor: pointer;
font-size: 1.1em;
font-weight: normal;
height: 30px;
margin:0 10px 0 0;
vertical-align: bottom;
width: 32px;
}

#orfact_reference #refbutton {
background: transparent url(../img/reference.png) no-repeat scroll 0pt center;
border: medium none;
cursor: pointer;
font-size: 1.1em;
font-weight: normal;
height: 30px;
margin:0 5px 0 0;
vertical-align: bottom;
width: 32px;
}

/***** Main content *****/

#main_content {
position:relative;
width:974px;
}

#youare {
background: transparent url(../img/bullet_blue.png) no-repeat 1px center;
color: #9be1e9;
display:block;
margin: 0 0 15px;
text-align:left;
text-indent: 18px;
text-transform: uppercase;
}

#youare a:link, #youare a:visited {
text-transform: none;
text-decoration:none;
}

#youare a.current { text-decoration: underline; }

/* Sliding pictures main box homepage */

/* container for slides */
.images {
	background:#fff url(../img/h300.png) repeat-x;
	border:1px solid #0099a5;
	position:relative;
	height:294px;
	width:642px;
	float:left;
	margin:0px;
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0px;
	padding:0px;
	height:256px;
}

.images #main_caption {
	background-color: #fff;
	color: #014278;
	height:60px;
	left:0px;
	padding:10px;
	position: absolute;
	top:215px;
	width: 622px;
	z-index:4;
	display:block;
}

.images #main_caption p {
	color: #014278;
	font-size:1.2em;
	padding:0px;
}

.images #main_caption h1 {
	font-size: 2.4em;
	letter-spacing: -2px;
	margin:0;
	padding:0;
}


/* tabs (those little circles below slides) */

#controller {
	background: transparent url(../img/controller_bkgr.png) repeat-x center;
	margin:0;
	padding:3px 106px 0;
	height:30px;
	border:1px solid #0099A5;
	width:390px;
	float: left;
}

.tabs {}

/* single tab */
.tabs a {
	width:41px;
	height:20px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0px -41px no-repeat;
	display:block;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	line-height:1.8;
	outline:none;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -21px;
	color: #007fb9;
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 0; 
	 color: #cdffff;
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin:3px 6px 0;
	background:transparent url(../img/hori_large.png) no-repeat;
	display:block;
	width:16px;
	height:17px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
	outline:none;
}

/* next */
.forward 				{ background-position: -31px -18px; clear:right; }
.forward:hover 		{ background-position:-16px -18px; }
.forward:active 	 	{ background-position:0px -18px;} 


/* prev */
.backward			{ background-position: -31px 0px; clear:right; }
.backward:hover  		{ background-position:-16px 0; }
.backward:active  	{ background-position:0px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/***** Quick links *****/

#quick_link {
background-color: #d0f2f3;
float: left;
height:52px;
margin:8px 0 4px;
width: 974px;
}

#quick_link #map {
	background:transparent url(../img/quick_links_bkgr.png) no-repeat scroll left top;
	color:#D2FFFC;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	height:33px;
	padding:18px 54px 0px 185px;
	text-align:left;
	text-transform:uppercase;
	width:99px;
}

#quick_link a:link, #quick_link a:visited {
color: #7ec3ca;
display: block;
float:left;
font-size:1.3em;
line-height:3.9;
text-decoration: none;
width:154px;
}

#quick_link a:hover {
color: #04427D;
}

.top_line{
background-color:#ebfbfb;
border-left:1px solid #b7e9e8;
display: block;
float:left;
height:38px;
margin:7px 0;
overflow: hidden;
padding:0px;
width: 1px;
}

/***** Left column *****/

#lx_clm {
	float:left;
	width:290px;
}

.l_box {
	margin: 0 16px 10px 0;
	width: 314px;
	height: 360px;
}

.last { margin-right: 0; }

#sponsorship { background: #DA6000 url(../img/box_sponsorship.png) repeat-x top; float:left;}
/*#lx_clm #stories { background: #002f5a url(../img/box_stories.png) repeat-x top;}*/
#overseas { background: #002f5a url(../img/box_overseas.png) repeat-x top; float:left;}

#appeal { background-color: #800000; float: left; }

#sponsorship h2 {
color: #960002;
font-size:2em;
font-weight:bold;
padding:15px 0 0px;
}

#sponsorship #img_teaser {
	background: transparent url(../img/work_with_us.png) no-repeat 35px 100px;
	width:314px;
	height:312px;	
}

#sponsorship img { border: 1px solid #de621e; }

.view_gallery { background: transparent url(../img/view_photogallery.png) no-repeat right bottom; }

.find_more { background: transparent url(../img/find_out_more.png) no-repeat right bottom; }

.view_donate_now { background: transparent url(../img/view_donate_now.png) no-repeat right bottom; }

.find_more, .view_gallery, .view_donate_now {
	bottom:-1px;
	float:right;
	height:33px;
	width:159px;
}

.view_gallery a:link, .view_gallery a:visited, .view_donate_now a:link, .view_donate_now a:visited {
	color: #d1ffff;
	font-size:1em;
	font-weight:bold;
	line-height:3.2;
	text-decoration:none;
	text-transform: uppercase;
	padding: 10px 30px;
}

#sponsorship .find_more a:link, #sponsorship .find_more a:visited {
	color: #d1ffff;
	font-size:1em;
	font-weight:bold;
	line-height:3.2;
	text-decoration:none;
	text-transform: uppercase;
	padding: 10px 30px;
}

/*#lx_clm #stories h2,*/ #overseas h2, #appeal h2, #appeal #claim {
color: #d5ffff;
font-weight:bold;
padding:15px 0 0px;
}

#appeal #claim {
	font-size: 2.6em;	
	line-height: 1;
	margin: 65px 0 85px;
	display: block; 
}

.l_box  p {
	color: #d1ffff;
	margin:6px auto 0;
	text-align: left;
	width:280px;
}

.logo_white {
	background: transparent url(../img/orfact_small_logo_white.png) no-repeat 8px 3px;
	display:block;
	float:left;
	height: 35px;
	width: 40px;
}

/***** Orfact Footage *****/
/*
#slideshow {
color:#fff;
list-style:none;
}

#slideshow span {
display:none;
}

#footage {
display:none;
margin:0px auto;
width:342px;
}

#footage * {
margin:0;
padding:0;
}

#fullsize {
background:none;
border:1px solid #d5ffff;
height:210px;
padding:0px;
position:relative;
margin:0 0 8px;
width:340px;
}

#information {
background: #fff;
bottom:0;
left:0;
height:60px;
overflow:hidden;
position:absolute;
text-align: left;
width:340px;
z-index:200;
}

#information h3 {
color: #04427D;
font-size:1.4em;
font-weight: bold;
margin: 0;
padding:8px 0 0 8px;
}

#information a:link, #information a:visited { color: #04427D; }

#information p {
color: #04427D;
margin:0;
padding:0 0 8px 8px;
width: 332px;
}

#image { width:340px; }

#image img {
left:0;
position:absolute;
z-index:25;
}

.imgnav {
cursor:pointer;
height:210px;
position:absolute;
width:25%;
z-index:150;
}

#imgprev {
background:url(../img/left.gif) left center no-repeat;
left:0;
}

#imgnext {
background:url(../img/right.gif) right center no-repeat;
right:0;
}

#imglink {
position:absolute;
height:210px;
width:100%;
z-index:100;
}

.linkhover { background:url(../img/link.gif) center center no-repeat; }

#thumbnails { height:52px; margin-top:0px; }

#slideleft {
background:none;
float:left;
height:52px;
width:0px;
}

#slideright {
background:none;
float:right;
height:52px;
width:0px;
}

#slideleft:hover, #slideright:hover { background-color:#333; }

#slidearea {
float:left;
height:52px;
overflow:hidden;
position:relative;
width:341px;
}

#slider {
left:0;
height:52px;
position:absolute;
width:341px;
}

#slider img {
border:1px solid #16AAB9;
cursor:pointer;
padding:0px;
}*/

/* Archive footage */

#archive_footage {
display:none;
float:left;
margin:0px auto 35px;
width:664px;
}

#archive_footage * {
margin:0;
padding:0;
}

#archive_fullsize {
background:none;
border:1px solid #d5ffff;
height:400px;
padding:0px;
position:relative;
margin:0 auto 8px;
width:650px;
}

#archive_information {
background: #fff;
bottom:0;
left:0;
height:60px;
overflow:hidden;
position:absolute;
text-align: left;
width:650px;
z-index:200;
}

#sub_content #archive_information h3 {
color: #04427D;
font-size:1.4em;
font-weight: bold;
margin: 0;
padding:8px 0 0 8px;
}

#archive_information a:link, #archive_information a:visited { color: #04427D; }

#archive_information p {
color: #04427D;
margin:0;
padding:0 0 8px 8px;
width: 642px;
}

#archive_image { width:650px; }

#archive_image img {
left:0;
position:absolute;
width:auto;
z-index:25;
}

.archive_imgnav {
cursor:pointer;
height:400px;
position:absolute;
width:25%;
z-index:150;
}

#archive_imgprev {
background:url(../img/left.gif) left center no-repeat;
left:0;
}

#archive_imgnext {
background:url(../img/right.gif) right center no-repeat;
right:0;
}

#archive_imglink {
height:400px;
position:absolute;
width:100%;
z-index:100;
}

.linkhover { background:url(../img/link.gif) center center no-repeat; }

#archive_thumbnails { margin-top:0px; }

#archive_slideleft {
background:url(../img/scroll-left.gif) center center no-repeat;
float:left;
height:52px;
width:15px;
}

#archive_slideright {
background:url(../img/scroll-right.gif) center center no-repeat;
float:right;
height:52px;
width:15px;
}

#archive_slideleft:hover, #archive_slideright:hover { background-color:#16AAB9; }

#archive_slidearea {
float:left;
height:52px;
overflow:hidden;
position:relative;
width:624px;
}

#archive_slider {
height:52px;
left:0;
position:absolute;
}

#archive_slider img {
border:1px solid #16AAB9;
cursor:pointer;
padding:0px;
}

/***** Right column *****/

#rx_clm {
float:right;
text-align:left;
width:594px;
}

/*.r_box {
float: left;
margin:0 0 25px;
width:594px;
}*/

/*.r_box h2, */
#sub_content h2 {
background: #e2f2f2 url(../img/headings_cut.png) no-repeat top left;
color: #04427d;
font-weight:bold;
margin:0 0 13px;
padding:15px 0 5px 10px;
}

#sub_content h3 {
color: #04427d;
font-weight: normal;
padding:15px 0 5px 5px;
}

/* Donations */
/*
.d_box {
float:left;
padding: 0 1px;
width:294px;
}

.d_box h3 {
color: #4d4d4d;
font-size:1.4em;
line-height:2.8;
}

.d_box p {
display:block;
min-height: 70px;
}

.d_box p, .d_box h3 {
margin:0 auto;
text-align:center;
}

#single_d, #regular_d {
color: #fff;
display:block;
font-size:1.5em;
font-weight:bold;
line-height:4.2;
height:64px;
text-align:center;
}

#single_d { background: transparent url(../img/single_donation.png) no-repeat center
center; }

#regular_d { background: transparent url(../img/regular_donation.png) no-repeat center
center; }
*/
/* Donations Buttons external links */
/*
#single_d_link, #regular_d_link {
display: block;
height: 45px;
}

a:link#single_d_link , a:visited#single_d_link , a:link#regular_d_link ,
a:visited#regular_d_link  { color:#fff; }

#single_d_link { background: transparent url(../img/single_donation_but.png) no-repeat
center center; }

#regular_d_link { background: transparent url(../img/regular_donation_but.png) no-repeat
center center; }
*/
/***** Newsletter *****/

#orfact_newsletter input {
		background: transparent url(../img/form_field.png) no-repeat scroll 0px center;
}

#orfact_newsletter label {
	margin:18px 8px 18px 14px;
}

#orfact_newsletter #subscribe {
	margin: 10px 5px 10px 0px;
	float:left;
}

input.checkbox  {
	width:18px;
	background: none;
	margin:0 0 0 5px;
	padding:0;
}

.box_checkbox label {
	margin:0 0 18px;
	padding:0 30px 0 8px;
}

#orfact_giftaid #calculate,
#orfact_help #name_help, #orfact_help #email_help, #orfact_help #phone_help {
background: transparent url(../img/form_field.png) no-repeat scroll 0px center;
border: 0pt none;
color:#5FA9B2;
float:left;
font-size:1.2em;
height: 14px;
line-height: 1.1;
margin-bottom:5px;
padding: 8px 0 8px 6px;/*4px 2px 0pt 4px;*/
width: 275px;
}

#orfact_giftaid label, #orfact_help label {
display:block;
float:left;
font-size: 1.2em;
font-weight:bold;
margin: 0 8px 0 0;
text-align:right;
width:120px;
}
#orfact_giftaid .small, #orfact_help .small {
display:block;
font-size:0.8em;
font-weight:normal;
text-align:right;
width:120px;
}

#orfact_help #help {
background: transparent url(../img/form_textarea.png) no-repeat scroll 0px -1px;
border: 0pt none;
color:#5FA9B2;
float:left;
font-size:1.2em;
height:85px;
line-height: 1.1;
margin-bottom:5px;
max-height:102px;
max-width:280px;
padding: 8px 0 8px 6px;/*4px 2px 0pt 4px;*/
overflow:auto;
width: 280px;
}

/***** Orfact stories homepage  *****/
/*
.box_stories {
margin: 0 15px 8px 0;
min-height: 110px;
}

.box_stories h3 {
color: #4d4d4d;
font-size:1.8em;
font-weight: normal;
letter-spacing:-1px;
padding: 2px 0 4px;
}

.box_stories p {
font-size:1.1em;
line-height:1.3;
}

.box_stories img {
border:6px solid #e0f2f2;
display:block;
float:left;
margin:0 14px 7px 4px;
}
*/
.spacer {
	border-top:1px dotted #c1d6e7;
	display:block;
	height:1px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}


/***** Work with us *****/
/*
#wide_box_bottom {
background: transparent url(../img/volunteer.png) no-repeat bottom left;
padding:15px 0 15px 0;
text-align:left;
}

#wide_box_bottom h2 {
color: #ff9f00;
font-weight:bold;
padding: 0px;
}
*/
.jobs {
float:left;
margin:0;
width:312px;
}

/***** Footer *****/

#footer {
background: #00437b url(../img/footer_bkgr.png) repeat-x top;
border-top: 5px solid #7cc6c9;
min-height: 195px;
text-align: left;
}

#logo_footer {
background: transparent url(../img/orfact_logo_footer.png) no-repeat 13px 0;
color: #fff;
font-weight: bold;
height:42px;
margin: 10px 0;
padding:0 0 0 70px;
}

#logo_footer h4 {
font-size:0.9em;
padding:24px 0 0 0;
}

#sitemap ul {
display: block;
float:left;
list-style: none;
margin:0 16px;
padding:0px;
}

#sitemap ul li  {
color: #7ec4c6;
cursor: default;
font-weight: bold;
padding: 0 0 0.15em;
}

#sitemap ul li a:link, #sitemap ul li a:visited {
color: #a4deea;
font-size: 0.95em;
font-weight: normal;
text-decoration: none;
}

#sitemap ul li a:hover { text-decoration: underline; }

.footer_spacer {
background-color:#004068;
border-top:1px solid #00497c;
display: block;
height:1px;
margin:10px;
overflow: hidden;
padding:0px;
}

.lx, .rx {
color: #0074a0;
display: block;
}
.lx {
float:left;
padding:0 0 10px 10px;
}

.rx {
float:right;
padding:0 10px 0 0;
}

/***** Subpage *****/

/* Left hand side navigation *****/

/***** Subpage *****/

/* Left hand side navigation *****/

#sub_nav {
	float:left;
	padding:0;
	text-align: left;
	width: 290px;
	background-color: #e2f2f2;
	margin:0 0 15px;
}

#sub_nav h2 {
	color: #e2f2f2;
	font-weight:bold;
	padding:15px 0px 5px 10px;
	background-color: #04427d;
}

#sub_nav p {
	color: #4593AD;
	font-style: italic;
	padding:0.85em;
	line-height:1.3;
}

/* Sub links box */

#sub_links a {
	line-height: 3.5;
}

#sub_links a:link, #sub_links a:visited {
	background: transparent url(../img/sub_nav_arrow.png) no-repeat 12px 18px;
	color: #187db1;
	display:block;
	font-size:1.4em;
	text-decoration: none;
	padding:0 0 0 30px;
	/*display: block;*/
}

#sub_links a:hover { text-decoration: underline; }



#sub_links a.sub_active { text-decoration: underline; }


#sub_links ul {
	list-style: none;
	padding:0 0 1.25em 1.4em;
}

#sub_links ul li { padding: 0.25em 0 0.15em; }

#sub_links ul li a:link, #sub_links ul li a:visited { font-size: 1.1em; }


/* Faq box */

#faq h3 {
background: transparent url(../img/comment.png) no-repeat top left;
color: #999;
display: block;
font-size: 1.2em;
font-style: italic;
font-weight:normal;
letter-spacing:normal;
padding:0 0 8px;
text-indent: 20px;
}

#faq { color: #c0c0c0; }

/* Right hand side content for subpage */

#sub_content {
float:right;
margin:0px;
text-align:left;
width:664px;
}

#sub_content ul {
font-style: italic;
}

#sub_content ul li {
font-size:1.1em;
padding:0.25em 0.85em 0.15em;
}

#sub_content .spacer {
width:600px;
clear: both;
}

.section_picture {
display:block;
margin:0 0 0.85em 0;
text-align: center;
}

.section_picture img {
border: 1px solid #E2F2F2;
padding:5px;
}

#sub_content img {
display:block;
margin:0 0 0.85em 0;
text-align: center;
border: 1px solid #E2F2F2;
padding:5px;
}

#photo_gallery img {
display:inline;
border:0;
padding:0;
margin:0;
}

/***** Country projects *****/

.country_project { }

.country_project h4, .infowindow h4 {
color: #4D4D4D;
font-size:1.4em;
}

#sub_content .country_project p {
font-size:1.1em;
}

.country_project img {
display:block;
float:left;
margin:0 8px 8px 0;
}

.project_date {
color: #999;
display:block;
padding:0 0 0.85em;
}

/***** Googlemap subpage *****/

#widemap {
border: 1px solid #e2f2f2;
height: 400px;
margin-left: 0px;
margin-top: 8px;
overflow: hidden;
width: 664px;
}
.button {
color: #003;
display: block;
float:left;
margin-right: 10px;
padding: 3px;
text-decoration: none;
text-indent:18px;
font-size:10px;
text-transform: uppercase;
}
.button:hover { background: none; }

#repeat {background: transparent url(../img/control_repeat.png) no-repeat center left;}
#play {background: transparent url(../img/control_play.png) no-repeat center left;}
#stop {background: transparent url(../img/control_stop.png) no-repeat center left;}

#descr {
height:30px;
margin: 5px 0 25px;
position: relative;
width: 600px;
}

.infowindow {
text-align: left;
width:330px;
}
#sub_content .infowindow p {
font-size:1.1em;
line-height:1.1;
margin:0 0 10px;
}

.infowindow img {
border: 1px solid #006795;
display: block;
float:left;
margin: 0 4px 4px 0;
padding: 2px;
}

/***** Global map minimized for homepage *****/

#home_map {
	border: 1px solid #D5FFFF;
	height: 248px;
	margin:0px auto 8px;
	overflow: hidden;
	width: 294px;
}

#home_descr {
margin: 0px auto 8px;
position:relative;
width: 111px;
}

.home_infowindow {  text-align: left; }

.home_infowindow p {
color:#4D4D4D;
font-size:1.1em;
line-height:1.1;
margin:0 0 10px;
width:230px;
}

.home_infowindow img {
border: 1px solid #006795;
display: block;
float:left;
margin: 0 4px 4px 0;
padding: 2px;
}

#home_descr a:link, #home_descr a:visited { text-decoration: none; margin:0px 10px;
width:10px;}

/***** Scroll to *****/

.navigation0 img{
display:block;
margin:0px auto 15px;
}

.ajax_bad {
   color:#F00;
   font-weight:bold;
}

.ajax_good {
   color:#0F0;
   font-weight:bold;
}

#sp_search {
   font:14px Arial, Helvetica, sans-serif;
}

/***** Main button *****/

/* Main button */

#main_button {
	background: transparent url(../img/button_bk.png) repeat-x center;
	height:301px;
	position:relative;
	width:330px;
	float:right;
	margin:15px 0 0;
}

#main_button h2 {
	color: #04427d;
	display:block;
	position:absolute;
	top:30px;
	left:80px;
	z-index:498;
	font-size: 30px;
}

#main_button .logo {
	background: transparent url(../img/button_logo.png) no-repeat top right;
	height:152px;
	width:233px;
	display:block;
	position:absolute;
	right:0;
	z-index:490;
}

#main_button .shade {
	background: transparent url(../img/button_shade.png) no-repeat center left;
	width:12px;
	height:300px;
	position:absolute;
	left:0;
	display:block;
}

#main_button a {
	display:block;
	z-index:500;
	position:absolute;
	left:15px;
	top:135px;
	width:300px;
	height:12px;
}

#main_button .short {
	color: #04427d;
	display:block;
	position:absolute;
	z-index:499;
	bottom:30px;
	left:56px;
	font-size:1.3em;
	font-weight:bold;
}