/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		deaflds.org styles
Version:		1.0
Last change:	01 Jan 2009
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01% /* for opera and ie/win6+ */; line-height: inherit; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; }
	
:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

select, input, textarea { font-size: 99%; } /* for Safari 2+ */

ol, ul { list-style: none; } /* affects the bullet placement; make sure to apply "vertical-align: baseline;" to local li styles */

hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .7em 0 .6em 0; clear: both; }
*html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .5em 0 .3em 0; clear: both; } /* for IE6 */
*+ html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .6em 0 .2em 0; clear: both; } /* for IE7 */

caption, th, td { text-align: left; font-weight: normal; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

blockquote, q { quotes: "" ""; }

button { padding: 0; width: auto; overflow: visible; }

em { font-style: italic; line-height: inherit; vertical-align: baseline; }
strong { font-weight: bold; vertical-align: baseline; }
.right { float: right; font: inherit; }
.clear { clear: both; }
.invisible { display: none; }
sup { vertical-align: super; font-size: .5em; line-height: 0; }
small { font-size: .7em; line-height: inherit; vertical-align: baseline; }
img { behavior: url(scr/iepngfix.htc); } /* for .png visualization in IE6+; ensure that the .htc script sits inside an 'scr' folder inside the tree structure, and that 'blank.gif' sits inside an 'img' folder */

a { text-decoration: none; line-height: inherit; color: #2D7BB2 /*#ACD52E*/; vertical-align: baseline; }
a:hover { text-decoration: underline; }

/*------------------------------------------------------------------
2.0 Meta composition styles
-------------------------------------------------------------------*/

body 							{ background: #24292D; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	#news						{ display: none; background: #2f3840; padding: .7em; position: relative; top: 0; border: 1px solid #35424d; border-width: 1px 0; }
		#news p					{ font-size: .75em; color: #697a88; text-align: center; margin: 0 auto; }
		#news a					{ color: #738695; text-decoration: underline; font-weight: bold; }
		#news a:hover			{ color: #697a88; text-decoration: none; }
	.wrapper 					{ width: 54em; margin: 0 auto; }
	.wrapper h1 				{ font-weight: bold; letter-spacing: -.01em; font-size: 2em; line-height: 132%; margin: 0 0 .5em 0; }
	.wrapper h5 				{ font-weight: bold; letter-spacing: .18em; font-size: .66em; margin: 0 0 .5em 1.5em; color: #999; text-transform: uppercase;}
	.wrapper h6 				{ font-weight: normal; letter-spacing: -.01em; font-size: .8em; line-height: 135%; margin: 0 0 .5em 0; color: #222; }
	.flag 						{ margin: -1px 6px 0 0 !important; }

/*------------------------------------------------------------------
3.0 "Top" section styles
-------------------------------------------------------------------*/

#top 							{ width: 100%; background: #151515 url(../img/logo-bg3.gif) 0 0 repeat-x; padding: 2em 0 0 0; margin: 0; vertical-align: top; }

/*------------------------------------------------------------------
3.1 "Top" section: header styles
-------------------------------------------------------------------*/

.header_main 					{ display: block; height: 5em; }
a.header_main 					{ background: url(../img/logo8.png) 0px 0px no-repeat; height: 39px; }
a.header_main:hover 			{ background: url(../img/logo8.png) 0px -39px no-repeat; height: 39px; }
.header_main h2 				{ width: 60%; display: block; float: right; font-size: .75em; line-height: 125%; color: #666; font-weight: normal; vertical-align: baseline; height: 2.5em; margin: .5em 0 0 0; }

/*------------------------------------------------------------------
3.2 "Top" section: metanavigation styles DO NOT USE.
-------------------------------------------------------------------

#metanav_main 					{ margin: 0 0 0 0; padding: 0 0 .7em 0; letter-spacing: -0.01em; z-index: 9999999; }
	#metanav_main ul 			{ list-style: none; padding: 0; line-height: 100%; margin: 0 0 0 0; }
	#metanav_main li 			{ float: left; display: block; padding: .4em 1.2em .4em 0; color: #888; font-size: 1.2em; font-weight: bold; border: 1px dotted #666; border-width: 0 0 0 1px; line-height: normal; } 
	#metanav_main .noline 		{ border: 0; }
	#metanav_main img 			{ margin: -10px .4em 0 1em !important; }
	#metanav_main li ul 		{ position: absolute; left: -999em; height: auto; width: 10em; font-weight: normal; border-width: 0.25em; margin: 0; }
	#metanav_main li .dim 		{ color: #606366; }
	#metanav_main li .second	{ font-size: .65em; line-height: 115%; margin: 0; font-weight: normal; letter-spacing: -0.01em; color: #ddd;}
	#metanav_main li li 		{ font-size: .9em; line-height: 105%; padding: .65em .65em .4em .65em; margin: 0; width: 12em; border: 1px dotted #666; border-width: 0 0 1px 0; background: #383C40; letter-spacing: -0.05em; }
	#metanav_main li li img 	{ margin: -.1em .35em 0 0 !important; }
	#metanav_main li li a 		{ color: #79ABCE; margin: 0 0 .2em 0; }
	#metanav_main li li:hover 	{ }
	#metanav_main li:hover ul, 
	#metanav_top li li:hover ul	{ left: auto; }
	#metanav_main a 			{ display: block; color: #888; padding: 0; text-decoration: none; }
	#metanav_main a:hover 		{ text-decoration: none; color: #666; }
	
/*------------------------------------------------------------------
3.3 "Top" section: metanavigation styles v.2; requires metanav_main.js
-------------------------------------------------------------------*/

#metanav_main 					{ margin: 0 0 0 0; padding: 0 0 .7em 0; letter-spacing: -0.01em; z-index: 9999999; height: 2.3em; }

#metanav_main ul 				{ list-style: none; padding: 0; margin: 0; }
#metanav_main a 				{ text-decoration: none; }

#metanav_main li a 				{ font-weight: bold; color: #888; font-size: 1.21em; line-height: 110%; border: 1px dotted #666; border-width: 0 1px 0 0; padding: .4em 1.2em .4em 0; margin: 0; }
#metanav_main li a:hover 		{ color: #666; }
#metanav_main li a img 			{ margin: -10px .5em 0 1em !important; }

#metanav_main li li a 			{ display: block; font-weight: normal; color: #79ABCE; font-size: 1em; border: 1px dotted #666; border-width: 0 0 1px 0; padding: .8em .8em .8em 55px; margin: 0; font-weight: bold; letter-spacing: -.03em; }
#metanav_main li li a:hover 	{ color: #638CA9; }
#metanav_main li li a img 		{ margin: -.1em .35em 0 0 !important; }
#metanav_main .second 			{ font-size: .7em; line-height: 130%; margin: 0; font-weight: normal; letter-spacing: 0; color: #ddd; }

#metanav_main li 				{ float: left; position: relative; width: auto; text-align: center; cursor: default; }
#metanav_main .last 			{ border: 0; }

#metanav_main li ul 			{ display: none; position: absolute; top: 85%; left: 15px; font-weight: normal; backxground: #fff; padding: 0.5em 0 1em 0; }
#metanav_main *html li ul 		{ top: 65%; left: 15px; }
#metanav_main *+ html li ul 	{ top: 65%; left: 15px; }

#metanav_main li li 			{ display: block; float: none; background: #383C40; border: 0; width: 16em; }
#metanav_main li li:hover 		{ background: #353535; }

#metanav_main li:hover ul, 
li.over ul 						{ display: block; }

/*------------------------------------------------------------------
3.4 "Top" section: map styles
-------------------------------------------------------------------*/

#map_main 						{ background: url(../img/mapbackground.jpg); display: inline; margin: 0; padding: 0; }

/*------------------------------------------------------------------
4.0 "Bottom" section styles
-------------------------------------------------------------------*/

#bottom 						{ width: 100%; background: #fff; padding: 1em 0 2em 0; margin: 0; }

/*------------------------------------------------------------------
4.1 "Bottom" section: homepage footer styles
-------------------------------------------------------------------*/

.footer_main 					{ margin: 0; padding: .8em 0 0 0; font-weight: normal; color: #444; }
	.footer_main h1 			{ font-size: 1.2em; font-weight: normal; letter-spacing: -.01em; }
	.footer_main h2 			{ font-size: .66em; line-height: 130%; margin: .2em 0; color: #777; }
	.footer_main .news 			{ display: none; background: #ffe; border: 1px dotted #ccc; border-width: 1px 0; margin: 1em 0 0 0; padding: .5em .6em .4em .5em; }
	.footer_main h3 			{ font-size: .7em; line-height: 135%; margin: 0 0 .2em 0; color: #777; background: url(../img/comment.gif) left 3px no-repeat; padding: 0 0 0 16px; }
	.footer_main p 				{ font-size: .84em; line-height: 135%; margin: 0 0 .2em 0; color: #777; }
	.footer_main li 			{ font-size: .9em; padding: .4em 0; border-bottom: 1px dotted #ccc; font-weight: bold; }
	.footer_main li .descrip 	{ font-size: .78em; line-height: 100%; margin: 0; padding: 0; font-weight: normal; color: #777; }
	.footer_main input, 
	.footer_main textarea 		{ font-size: .8em; color: #666; padding: .2em; width: 90%; overflow: hidden; margin: .2em 0 .4em 0; }
	.footer_main .button 		{ font-size: .85em; padding: .4em; margin: 1em 0 0 0; width: auto; border: 1px solid #ddd; background: #f1f1f1; overflow: hidden; }
	.footer_main .button:hover	{ background: #e6e6e6; }

	.aboutdeaflds 				{ width: 29%; margin: 0; padding: 0 5% 0 0; float: left; }
	.infoform 					{ width: 33%; margin: 0; padding: 0 5% 0 0; float: left; }
	.unitlist 					{ width: 27%; margin: 0; float: left; }

/*------------------------------------------------------------------
4.2 "Bottom" section: Local navigation styles
-------------------------------------------------------------------*/

.localnav 						{ margin: 1.2em 0 2em 0; font-weight: normal; color: #333; }
	.localnav .unitdivision 	{ width: 155px; padding: 0 17px 0 0; float: left; }
	.localnav li 				{ display: block; font-size: .8em; line-height: 125%; padding: .5em 0 .5em .7em; border-top: 1px dotted #ccc; font-weight: bold; }
	.localnav li:hover			{ background: #fcfcfc; }
	.localnav li .descrip 		{ font-size: .75em; font-weight: normal; color: #666; }

/*------------------------------------------------------------------
4.3 "Bottom" section: Deaf unit styles
-------------------------------------------------------------------*/

.unit 							{ margin: 0 auto; padding: 1.5em 0 1.5em 1.4em; border-top: 1px dotted #ddd; font-weight: normal; line-height: 108%; }
	.unit:hover					{ background: #fcfcfc; }
	.unit h1 					{ font-size: 1.35em; line-height: 100%; margin: 0; padding: 0; font-weight: bold; color: #222; } /* name of unit */
	.unit h2 					{ font-size: .88em; line-height: 125%; margin: 0; font-weight: bold; color: #222; } /* name of Deaf group */
	.unit h3 					{ font-size: .88em; line-height: 125%; color: #333; font-weight: normal; } /* address, phone */
	.unit h4 					{ font-size: .8em; line-height: 120%; margin: 0; padding: 0; color: #333; font-weight: normal; } /* headers for sunday, temple, and about; text for updated, membership, and yes/no missionaries */
	.unit h6 					{ font-size: .75em; line-height: 120%; margin: 0 0 .8em 0; padding: 0; color: #666; font-weight: normal; } /* name of stake; must go directly after name of unit or name of Deaf group */
	h4.missionaries 			{ background: url(../img/user_gray2.png) left 1px no-repeat; padding: 0 0 0 17px; margin: 0 0 0 -17px !important; } /* if unit has missionaries, gives it an icon */
	.unit p 					{ font-size: .8em; line-height: 125%; color: #555; font-weight: normal; } /* text for sunday, temple, about */
	.unit h1 img 				{ width: 4.5em; height: 4.5em; margin: 0 .8em .5em 0; float: left; } /* controls unit temple image */
	.unit .updated 				{ color: #aaa; margin: 0 0 .5em 0; font-size: .7em; } /* alters updated date */
	.unit .unitstats 			{ width: 11em; float: right; } /* box which holds updated, membership, and yes/no missionaries */
	.unit .sunday 				{ width: 16%; float: left; margin: .7em 0 0 0; padding: 0 1em 0 0; } /* box which holds sunday mtg times */
	.unit .temple 				{ width: 16%; float: left; margin: .7em 0 0 0; padding: 0 1em 0 0; } /* box which holds temple mtg times */
	.unit .about 				{ width: 47%; float: left; margin: .7em 0 0 0; padding: 0; } /* box which holds info about the unit */

/*------------------------------------------------------------------
4.5 "Bottom" section: indicia styles
-------------------------------------------------------------------*/

#indicia_main 					{ margin: 2em 0 1em 0; padding: 1em 0 0 0; border: 1px dotted #ccc; border-width: 1px 0 0 0; }
	#indicia_main p 			{ font-size: .7em; line-height: 145%; color: #aaa; font-weight: normal; }
	
/*------------------------------------------------------------------
5.0 Google ads
-------------------------------------------------------------------*/

#ads 							{ margin: 2.5em 0 0 0; border: 1px dotted #ccc; border-width: 1px 0; padding: 1em; display: none; /* do research first, then put ads in. */ }
	#ads p 						{ text-align: center; color: #ccc; }