/* GENERAL */
html, body { margin: 0; padding: 0; }

body { 
	background: #eeeef0 url("../images/classic/background.jpg") fixed center top no-repeat; 
	color: #000; 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
}

a   { text-decoration: none; color: #4b310c; }
a:hover	{text-decoration: underline;}
a:visited { color: #3d6915; }

p   { margin: 0.5em 0 1.5em 0; }
h1  { color: #000; font-size: 1.4em; margin: 1em 0; clear: left; }
h2  { color: #487e17; font-size: 1.2em; margin: 0.5em 0;}
h3  { color: #af5620; font-size: 1.1em; margin: 0.5em 0; }
h4  { color: #4b310c; font-size: 1em; margin: 0.5em 0 0.25em 0;  }

img { border: 0; }
dt  { font-weight: bold; }
hr  { height: 1px; color: #fff; background-color: #fff; border-top: 1px dotted #666; border-bottom: none; float: left; clear: both; width: 100%; margin: 1em 0; }

.right  { float: right; margin-left: 20px; text-align: right; }
.left   { float: left; margin-right: 20px; text-align: left; }
.top    { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.clear  { clear: both; }
.hide   { display: none; }
.small  { font-size: 0.85em; line-height: 140%; }
.indent { margin-left: 2em; }
.new    { font-size: 0.85em; font-weight: bold; color:#990000; }

.label  { display: block; width: 5em; float: left; }
.submit { background-color: #0a5670; color: #fff; font-weight: bold; border: none; float: left; width: 100%; height: 100%; padding: 0; margin: 0; }

table, td { font-size: 100%; } /* to fix IE font inheritance bug */
td.row, th.row { border-bottom: 1px dotted #666; }

.glossary      { background-color: #f8f6d7; color: #000; text-decoration: underline; }
.promo         { margin-bottom: 10px; float: left; }
 
/* PHOTO STYLES */

.photo    { border: 2px solid #ccc; }
.caption  { font-style: italic; font-size: 0.85em; line-height: 140%; margin: 1em; }
.inline   { vertical-align: middle; }

.red  { background-color: #4a1910; }
.teal  { background-color: #487e17; }
.grey { background-color: #666; }
.lightgrey {background-color: #CCC; }
.lightblue {background-color: #CCDBD3; }
.lightgreen {background-color:#E0EEDF; }
.lightbrown {background-color:#F4E2B9; }
.yellow {background-color:#FFFFD2;}

.icon   { width: 125px; float: left; }
.spacer { width: 40px; float: left; }



/* PAGE LAYOUT STYLES */

#wrapper { 
	background-color: #fff;
	width: 980px; 
	margin: 0 auto; 
	text-align: left;
	padding: 4px;
}

#header { 
	background-color: #fff;
	width: 980px;
	position: relative;
	margin: 0 auto; 
	text-align: left;
	padding: 0;
}

#language a{
	color: #FFF;
	background-color: #487e17;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0.5em 1.3em;
}

#header form {
	float: right;
	position: absolute;
	top: 2.5em;
	right: 0;
}

#maincontent { 
	background-color: #FFF;
	width: 980px; 
	margin: 0 auto; 
	text-align: left;
	padding: 0 8px;
}

#right_column {
	margin-top: 6px;
	width: 250px;
	float: right;
	font-size: 1.2em;
	line-height: 160%;
}

#left_column {
	margin-top: 6px;
	width: 720px;
	float: left;
	font-size: 1.2em;
	line-height: 160%;
}

#footer {
	background-color: #FFF;
	clear: both;
	width: 980px;
	padding: 10px 0;
}

/* HEADER LAYOUT STYLES */

#textlinks a.last, #navbar p a.last { 
	border: none; 
	padding-right: 0; 
}

#textlinks {
	position: absolute;
	right: 0px;
	top: 5px;
	text-align: right;
}

#textlinks a {
	padding: 0 1em 0 0.75em;
	border-right: 1px solid #999;
}

#ad  {
	position: absolute;
	right: 0px;
	top: 35px;
	text-align:right;
	border: 1px solid #ccc;
}

#logo {
	position: absolute;
	left: 0px;
	top: 35px;
	text-align: left;
}

a#skipNav:link, a#skipNav:visited, a#skipNav:hover { 
	color: #FFF; 
	border: none; 
}

a#skipNav:active, a#skipNav:focus { 
	color: #17397d; 
	border-right: 1px solid #999;  
}

#searchBox {
	width: 150px;
	padding: 8px auto;
	
}

#submit, .submitBtn {
	padding: 2px auto;
	border: 2px solid #cc6633;
	background-color: #cc6633;
	color: #FFF;
	font-weight: bold;
}


#navbar {
	width: 100%;
	height: 3em;
	float: left;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
	background: #487e17 url("../images/classic/gradient_nav.jpg") repeat-x bottom left;

}

#navbar p {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 7px 0 10px 0;
}

#navbar p a {
	color: #FFF;
	padding: 0 10px 0 8px;
}

#banner {
	width: 980px;
	height: 200px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-top: 0;
	border-bottom: 2px solid #bfbfbf;
}

#banner-nothome {
	width: 980px;
	height: 185px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-bottom: 10px;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}




#flash { /* Necessary for FF */
	width: 100%;
	height: 100%;
	display: block;
} 

/* RIGHT NAV STYLES */

#right_column ul { margin: 0; padding: 0; }

/* Default */
.rightnav { 
	width: 100%;
	float: left;
	margin-bottom: 8px;
}

.rightnav .header {
	width: 100%;
	height: 2em;
	border-top: 2px solid #bbb3a6;
	border-bottom: 1px solid #bbb3a6;
	float: left;
	position: relative;
	background: #efdfbd;
}



.rightnav .header a { 
	color: #000;
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
}

.rightnav .header img, .rightarrow {
	position: absolute;
	right: 10px;
	bottom: 10px;
}



/* EXPANDING MENU STYLES */

.menu {
	width: 100%;
	float: left;
}

.menu li {
	list-style: none; 
	display: inline;
}

.menu a {	
	color: #4b310c; 
	font-weight: bold;
	display: block;
	padding: 8px 0px 8px 14px;
	border-bottom: 1px dotted #666; 
	background-color: #fff url("../images/classic/triangle_right.gif");
}

#current { background-color: #fff; }

.menu li li a {
	font-size: 0.9em;
	padding: 8px 0px 8px 35px;
	border-bottom: 1px dotted #996; 
	background: #fff url("../images/classic/triangle_right.gif") no-repeat 23px 13px;
}

.menu li li li a {
	color: #666;
	font-size: 0.9em;
	padding: 8px 0px 8px 50px;
	background: #fff url("../images/classic/triangle_right.gif") no-repeat 38px 13px;
}

.menu li li li li a {
	font-weight: normal;
	padding: 4px 0px 4px 60px;	
	background: #fff url("../images/arrow_right.gif") no-repeat 45px 10px;
}

#contacts { display: none; }

#ministries {
	display: none;
	float: left;
	width: 100%;
	list-style-type: none;
}

#ministries li {
	background-color: #FFF;
	border-left: 1px dotted #666;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 8px 0px 0px 35px;
}

#ministries a { 
	color: #000; 
	font-weight: bold;
}

#ministries_arrow {
	position: absolute;
	top: 2px;
	right: 5px;
}

#mygovt { 
	display: none;
	padding: 0 5px; 
	position: relative;
}

#share { float: left; }

/* MAIN COLUMN STYLES */

div.row {
	width: 708px;
	clear: both;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}

div.row-noborder {
	width: 708px;
	clear: both;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 0;
}

.two_cols   { background: url("../images/two_cols.gif") repeat-y; background-position:-5px 0}
.three_cols { background: url("../images/three_cols.gif") repeat-y; background-position:-5px 0}
.three_clearcols { background: url("../images/three_cols.png") repeat-y; background-position:-5px 0}

.two_cols .column {
	width: 354px;
	float: left;
	position: relative;
}

.three_cols .column, .box .column {
	width: 236px;
	float: left;
	position: relative;
}

.three_clearcols .column, .box .column {
	width: 236px;
	float: left;
	position: relative;
}
.three_cols .double { width: 472px; background: url("../images/three_cols.gif") repeat-y; float: left; }
.three_cols .single { width: 236px; float: left; }

.content {
	padding: 10px 13px;
	float: left;
}	

.column ul, .double ul, .single ul { margin: 0; padding: 0; }
.double ul { width: 210px; }

#left_column p a, #right_column a p  { text-decoration: underline; }

#left_column ul li, #splash ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url("../images/classic/triangle_right.gif") no-repeat 0px 8px;
	line-height: 200%;
}

#left_column .header {
	width: 100%;
	height: 2.5em;
	clear: left;
	position: relative;
	border-bottom: 1px solid #bbb3a6;
	margin-right:20px;
	margin-bottom:10px;
	line-height: 1.3em;
	text-transform: none;
	color: #336600;
	background: #FFF;
}

#left_column .two_cols .column .header {
	width: 328px;
	height: 2.5em;
	border-bottom: 1px solid #bbb3a6;
	margin: 0 20px 10px 5px;
	line-height: 1.3em;
	float: none;
	position: relative;
	color: #336600;
	background: #FFF;
}

#left_column .three_cols .column .header {
	width: 210px;
	height: 2.8em;
	border-bottom: 1px solid #bbb3a6;
	margin: 0 20px 10px 5px;
	line-height: 1.3em;
	background: #FFF;
	float: none;
	color: #336600;
	position: relative;
	word-wrap: break-word;
}

#left_column .three_cols .double .header {	width: 468px; }
#left_column .three_cols .single .header {	width: 230px; }

.header h2 {
	color: #336600;
	float: left;
	margin: 5px 0 0 5px;
	font-size: 1.2em;
}

.more {
	color: #af5620;
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more a {
	color: #af5620;
}

.more img {
	position: absolute;
	top: 5px;
	right: -15px;
}

.box {
	width: 100%;
	background-color: #ededed;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 20px;
	clear: both;
}

.secondarybox {
	width: 100%;
	background-color: #efdfbd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 20px;
	clear: both;
}

.box h3, .box p, .box table { 
	margin-left: 20px; 
	margin-right: 20px; 
}

.secondarybox h3, .secondarybox p, .secondarybox table { 
	margin-left: 20px; 
	margin-right: 20px; 
}

.box table td { border-top: 1px dotted #666; }

#subbanner {
	width: 720px;
	height: 150px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-bottom: 4px;
	border-top: 2px solid #fff;
	border-bottom: 4px solid #487e17;
}


/* FOOTER STYLES */

#full_footer { /* changed in V2.3 to make the footer span the whole bottom area */
	border-top: 1px solid #7f7f7f;
	padding-bottom: 1em;
	width: 100%}

#footer p {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	font-size: 0.9em;
}

#footer a { color: #666; }

/* SPLASH STYLES */

#container {
	width: 710px;
	text-align: center;
	margin: 0 auto;
}

#splash { 
	margin-top: 120px;
	padding-bottom: 80px;
	font-size: 1.3em;
	text-align: center;
	
}

#splash .two_cols { 
	background: url("../images/splash_line.gif") no-repeat top center; 
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 3em;
}

.button { 
	margin: 20px auto; 
	width: 210px; 
}

/* NEWS STYLES */

#left_column .news p { 
	clear: left; 
	float: left; 
	width: 690px; 
	height: 2em; 
	margin: 00; 
	padding: 2px 0 0 0; 
	border-top: 1px dotted #ccc;
}

/* RIGHT-NAV BOX */

.rightbox {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 8px;
	clear: both;
}

.rightbox h3, .rightbox p, .box table { 
	margin-left: 5px; 
	margin-right: 5px; 
}

/* LIGHTBOX STYLES */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("../images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url("../images/lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLink { right: 0; float: right;  background: url("../images/lightbox/nextlabel.gif") right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url("../images/lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../images/lightbox/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 20px;
	}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; font-size: 0.9em; color: #999; margin-top: 5px; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background: #21441c;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* Styles for Ask the Expert */

.expert {
	display: inline;
	margin: 10px;
 	background-image: url("../images/paper_white.jpg") left;
}

/* Styles for Ask the Expert on YC homepage */

.expertheader {
	width: 700px;
	float: left;
	clear: both;
	margin-bottom: 10px;
	border-bottom: 1px solid #bbb3a6;
	padding: 1px 10px 13px;	
}

div.expertheader h1 { 
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; 
	color: #487e17; 
	text-align:center;
	background: #FFF;
	margin: 0px 0px 12px;
}

.expertbox {
	width: 700px;
	height: 173px;
	border-top: 2px solid #487e17;
	border-left: 2px solid #487e17;
	border-right: 2px solid #487e17;
	border-bottom: 1px solid #bbb3a6;
}

div.expertbox img {
	border: 2px solid #ccc;
	float: left;
	margin: 10px;
}

.expertrow {
	width: 700px;
	clear: both;
	float: left;
	border-left: 2px solid #487e17;
	border-right: 2px solid #487e17;
	border-bottom: 2px solid #487e17;
}

.expertcolumn {
	width: 348px;
	float: left;
}

div.expertheader h3 { 
	color: #af5620;
	font-size: 1.1em;  
}

div.expertheader p {
	color: #000;
	font-size: 1em;
}

div.expertheader a {
	color: #487e17;	
}

/* Quiz styles */

.button  { 
	color: #060; 
	font-weight: bold; 
	background: #F0FCD6; 
	border: 3px outset #58952B; 
	cursor: hand; 
	padding: 5px; 
	width: 15em; 
	float: left; 
	margin-left: 50px; 
}

/* Google Maps */
#map {
  border: 1px solid #979797;
  height: 600px;
  width: 680px;
}
.infoWindow {float: left; text-align: left; position: relative; width: 350px; height:100px;}
.mapOptions {text-align: center; padding: 0px 0px 10px 0px; color: #075f69;}
.side_bar	{line-height: 1.5px;}

/* Video Gallery */
#left_column .nolist    { list-style: none; margin: 0; padding: 0; }
#left_column .nolist li { background: none; padding: 0; }
h1.gallery   	{ font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #3d6915; margin: 0; padding: 7px; text-align:left; border-bottom: 1px solid #bbb3a6;}
div.gallery  	{ float: left; width: 225px; text-align: left; margin-bottom: 2em; }
div.thumbs   	{ float: left; width: 100%; background: #666; }

/* MULTI-VIDEO/PHOTO VIEWER */
#gallery              { width: 705px; height: 400px; position: relative; }
.ui-tabs object       { position: absolute; top: 46px; right: 8px; }
ul.ui-tabs	{ 
	width: 208px; 
	height: 321px; 
	position: absolute; 
	top: 46px; 
	left: 8px; 
	background: #fff; 
	border-bottom: 1px solid #bbb3a6;
	border-top: 1px solid #bbb3a6;
	overflow: auto; 
	margin: 0 !important; 
}
.ui-tabs p.mdsvideo   { position: absolute; bottom: 8px; right: 8px; margin: 0; }
ul.ui-tabs li         { margin-bottom: 0; border-top: 1px solid #bbb3a6; }
ul.ui-tabs li a       { display: block; padding: 0 1em; font-weight: bold; }

#gallery a            { color: #3d6915; }
#gallery li a:hover, #gallery li a:active, #gallery li a:focus
					  { color: #4b310c; }

ul.ui-tabs li a:hover { color: #333; }
/* li.ui-tabs-selected   { background: url('../../images/triangle_right.gif') no-repeat center left; } */
li.ui-tabs-selected a:link, li.ui-tabs-selected a:visited { color: #3d6915; background: url('../../images/triangle_right.gif') no-repeat center left; }
/* li.ui-tabs-selected a:link, li.ui-tabs-selected a:visited  { color: #3d6915; background:#B6B6B6; } */
					  
div.ui-tabs-hide      { display: none; }
.panel				  { font-size: 0.9em; line-height: 1.9em; padding-top: 0.5em; }