home *** CD-ROM | disk | FTP | other *** search
/ familyradio.com / www.familyradio.com.tar / www.familyradio.com / new / homeNew.css.orig < prev    next >
Text File  |  2011-04-18  |  25KB  |  637 lines
  1. /*1 General --------------------------------------------------------------*/
  2. dd, dt {margin:0; padding:0; border:0}
  3. html {height: 100%;position:relative;background:#f8f7f3;}
  4. ul, ol, dl { margin:0 0 1em; padding:0}
  5. body {height: 100%;color:#331c01;font:.625em/1 Verdana,sans-serif;-webkit-text-size-adjust:none;} 
  6. /*Keep contents on one page */
  7. #primaryContainer
  8.     {min-height:100%;height: 100%;}
  9. #bodyContainer
  10.     {padding:10px;padding-bottom:10px;}
  11. #footerContainer
  12.     {position:absolute;width: 97%;height:10px;}
  13.  
  14. /*2 Header -------------------------------------------------------------- */
  15. .logo { position:absolute; left:20px; top:25px;}
  16. #header {
  17.     height:14em;
  18.     background:#dfddd6 url(http://www.familyradio.com/graphics/header.png) no-repeat 100% 0}
  19. /*#nav {position:absolute;z-index:400;top:0em;left:0}*/
  20. /*#nav li a:hover {display:block; background-color:#ffffff; padding:7px 24px 8px 8px;color:#3e290f;font-size:1.3em;text-decoration:none;text-transform:uppercase}*/
  21.  
  22.  
  23. /*3 iFrames -------------------------------------------------------------- */
  24. .listen { position:absolute; right:8%; top:10px;}
  25. .languageBox{position:absolute; top:200px; right:100px;}
  26. #languageFrame 
  27.     {overflow-x:auto;
  28.     overflow-y:hidden;}
  29.  
  30. /*4 Menus -------------------------------------------------------------- */
  31. /*d Donate Links*/
  32. .donate { font-family:times new roman; font-size:15px; color:#444444; font-weight:bold; text-decoration:none; 
  33. padding: 3px 0px 3px 7px; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff}
  34. a.donate:hover
  35. { font-size:15px; font-family:times new roman; color:#999999; font-weight:bold; text-decoration: none;}
  36.  
  37. /* ---- forms ---- */
  38. button, input, select, textarea, .faux_select_ie6 {
  39.     margin:0;
  40.     padding:5px;
  41.     border:1px solid #d3d3d3;
  42.     -moz-border-radius:3px;
  43.     -webkit-border-radius:3px;
  44.     border-radius:3px;
  45.     color:#331c01;
  46.     font:1em/1.545 Verdana,sans-serif}
  47. select {
  48.     cursor:pointer}
  49. textarea {
  50.     overflow:auto}
  51.  
  52. input:focus, select:focus, textarea:focus {
  53.     border-color:#006734}
  54.  
  55. /*6 Footer ------------------------------------------------------------------------------ */
  56. /*keep footer at the bottom*/
  57. #non-footer{min-height: 100%;}
  58. #dock2 {width: 100%;bottom: 0px;position: absolute;left: 0px;}
  59. .dock-container2 {position: absolute;height: 50px;padding-left: 20px;}
  60. a.dock-item2 {display: block; font: bold 12px Arial, Helvetica, sans-serif;width: 40px; color: #000; bottom: 0px; position: absolute;text-align: center;text-decoration: none;}
  61. .dock-item2 span {display: none;padding-left: 20px;}
  62. .dock-item2 img {border: none; margin: 5px 10px 0px; width: 100%;}
  63. /*ie exceptions*/
  64. .iefooter {font-family:arial; font-size:13px; color:#000000; text-decoration:none;}
  65. a.iefooter:link,
  66. a.iefooter:active,
  67. a.iefooter:visited
  68. { font-size:13px }
  69. a.iefooter:hover
  70. {font-size: 13px; font-weight:bold; color:#006634; font-weight:bold; text-decoration: none;}
  71.  
  72. .rightHeaders {opacity: 1; cursor:pointer; display:block; background:#3349ef; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  73. a.rightHeaders:link,
  74. a.rightHeaders:active,
  75. a.boxua2:visited
  76. { font-size:14px }
  77. a.rightHeaders:hover
  78. { opacity: 1;  cursor:pointer; display:block; background:#bb9999; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  79.  
  80. .standOut {opacity: 1; cursor:pointer; display:block; background:#3349ef; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#FFFF00; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  81. a.standOut:link,
  82. a.standOut:active,
  83. a.standOut:visited
  84. { font-size:14px }
  85. a.standOut:hover
  86. { opacity: 1;  cursor:pointer; display:block; background:#bb9999; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  87.  
  88.  
  89. .backwardsRightHeaders {opacity: 1; cursor: default; display:block; background:#bb9999; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  90. a.rightHeaders:link,
  91. a.rightHeaders:active,
  92. a.boxua2:visited
  93. { font-size:14px }
  94. a.rightHeaders:hover
  95. {}
  96.  
  97. .rightSlots {cursor:pointer; display:block; background:#dfddd6; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  98. a.rightSlots:link,
  99. a.rightSlots:active,
  100. a.rightSlots:visited
  101. { font-size:14px }
  102. a.rightSlots:hover
  103. { cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  104.  
  105. .rightSlots2 {cursor:pointer; display:block; background:#dcdad2; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  106. a.rightSlots2:link,
  107. a.rightSlots2:active,
  108. a.rightSlots2:visited
  109. { font-size:14px }
  110. a.rightSlots2:hover
  111. { cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  112.  
  113. .rightSlots3 {cursor:pointer; display:block; background:#d8d6ce; width:205px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  114. a.rightSlots3:link,
  115. a.rightSlots3:active,
  116. a.rightSlots3:visited
  117. { font-size:14px }
  118. a.rightSlots3:hover
  119. { cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  120.  
  121. .leftHeaders {opacity: 1; cursor:pointer; display:block; background:#3349ef; width:240px; height:23px; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  122. a.leftHeaders:link,
  123. a.leftHeaders:active,
  124. a.leftHeaders:visited
  125. { font-size:14px }
  126. a.leftHeaders:hover
  127. { opacity: 1;  cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  128.  
  129. .leftSlots {cursor:pointer; display:block; background:#cdcac2; width:240px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  130. a.leftSlots:link,
  131. a.leftSlots:active,
  132. a.leftSlots:visited
  133. { font-size:14px }
  134. a.leftSlots:hover
  135. {cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  136.  
  137. .leftSlots2 {cursor:pointer; display:block; background:#c9c6be; width:240px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  138. a.leftSlots2:link,
  139. a.leftSlots2:active,
  140. a.leftSlots2:visited
  141. { font-size:14px }
  142. a.leftSlots2:hover
  143. {cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  144.  
  145. .leftSlots3 {cursor:pointer; display:block; background:#c5c2ba; width:240px; height:23px; font-family:times new roman; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  146. a.leftSlots3:link,
  147. a.leftSlots3:active,
  148. a.leftSlots3:visited
  149. { font-size:14px }
  150. a.leftSlots3:hover
  151. {cursor:pointer; display:block; background:#bb9999; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration: none; text-align:center; vertical-align:middle; border-style:inset border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  152.  
  153. .backwards {opacity: 1; cursor:default; display:block; background:#bb9999; width:240px; height:23px; font-family:times new roman; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 3px 0px 3px 7px; text-align:center; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; border-color: #ffffff #999999 #999999 #ffffff;}
  154. a.backwards:link,
  155. a.backwards:active,
  156. a.backwards:visited
  157. { font-size:14px }
  158. a.backwards:hover
  159. {}
  160.  
  161. .mono { display:block; background:#cdcac2; width:240px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  162. font-weight:bold; text-decoration:none; 
  163. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  164. border-color: #ffffff #999999 #999999 #ffffff}
  165. a.mono:link,
  166. a.mono:active,
  167. a.mono:visited
  168. { font-size:10pt }
  169. a.mono:hover
  170. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  171. style:inset }
  172.  
  173. .mono2 { display:block; background:#c9c6be; width:240px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  174. font-weight:bold; text-decoration:none; 
  175. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  176. border-color: #ffffff #999999 #999999 #ffffff}
  177. a.mono2:link,
  178. a.mono2:active,
  179. a.mono2:visited
  180. { font-size:10pt }
  181. a.mono2:hover
  182. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  183. style:inset }
  184.  
  185. .monoMac { display:block; background:#cdcac2; width:245px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  186. font-weight:bold; text-decoration:none; 
  187. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  188. border-color: #ffffff #999999 #999999 #ffffff}
  189. a.monoMac:link,
  190. a.monoMac:active,
  191. a.monoMac:visited
  192. { font-size:10pt }
  193. a.monoMac:hover
  194. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  195. style:inset }
  196.  
  197. .monoMac2 { display:block; background:#c9c6be; width:245px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  198. font-weight:bold; text-decoration:none; 
  199. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  200. border-color: #ffffff #999999 #999999 #ffffff}
  201. a.monoMac2:link,
  202. a.monoMac2:active,
  203. a.monoMac2:visited
  204. { font-size:10pt }
  205. a.monoMac2:hover
  206. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  207. style:inset }
  208.  
  209. .duala { display:block; background:#d4d2ca; width:208px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  210. font-weight:bold; text-decoration:none; 
  211. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  212. border-color: #ffffff #999999 #999999 #ffffff}
  213. a.duala:link,
  214. a.duala:active,
  215. a.duala:visited
  216. { font-size:10pt }
  217. a.duala:hover
  218. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  219. style:inset }
  220.  
  221. .dualaMac { display:block; background:#d4d2ca; width:210px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  222. font-weight:bold; text-decoration:none; 
  223. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  224. border-color: #ffffff #999999 #999999 #ffffff}
  225. a.dualaMac:link,
  226. a.dualaMac:active,
  227. a.dualaMac:visited
  228. { font-size:10pt }
  229. a.dualaMac:hover
  230. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  231. style:inset }
  232.  
  233. .tgbtg { display:block; background:#c5c2ba; width:175px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  234. font-weight:bold; text-decoration:none; 
  235. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  236. border-color: #ffffff #999999 #999999 #ffffff}
  237. a.tgbtg:link,
  238. a.tgbtg:active,
  239. a.tgbtg:visited
  240. { font-size:10pt }
  241. a.tgbtg:hover
  242. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  243. style:inset }
  244.  
  245. .dual2 { display:block; background:#dfddd6; width:30px; height:23px; font-family:arial; font-size:9pt; color:#000000; 
  246. font-weight:bold; text-decoration:none; 
  247. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  248. border-color: #ffffff #999999 #999999 #ffffff}
  249. a.dual2:link,
  250. a.dual2:active,
  251. a.dual2:visited
  252. { font-size:9pt }
  253. a.dual2:hover
  254. { background:#bb9999; font-size:9pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  255. style:inset }
  256.  
  257. .dual2b { display:block; background:#dcdad2; width:30px; height:23px; font-family:arial; font-size:9pt; color:#000000; 
  258. font-weight:bold; text-decoration:none; 
  259. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  260. border-color: #ffffff #999999 #999999 #ffffff}
  261. a.dual2b:link,
  262. a.dual2b:active,
  263. a.dual2b:visited
  264. { font-size:9pt }
  265. a.dual2b:hover
  266. { background:#bb9999; font-size:9pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  267. style:inset }
  268.  
  269. .dual2c { display:block; background:#d8d6ce; width:30px; height:23px; font-family:arial; font-size:9pt; color:#000000; 
  270. font-weight:bold; text-decoration:none; 
  271. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  272. border-color: #ffffff #999999 #999999 #ffffff}
  273. a.dual2c:link,
  274. a.dual2c:active,
  275. a.dual2c:visited
  276. { font-size:9pt }
  277. a.dual2c:hover
  278. { background:#bb9999; font-size:9pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  279. style:inset }
  280.  
  281. .dual2d { display:block; background:#d4d2ca; width:30px; height:23px; font-family:arial; font-size:9pt; color:#000000; 
  282. font-weight:bold; text-decoration:none; 
  283. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  284. border-color: #ffffff #999999 #999999 #ffffff}
  285. a.dual2d:link,
  286. a.dual2d:active,
  287. a.dual2d:visited
  288. { font-size:9pt }
  289. a.dual2d:hover
  290. { background:#bb9999; font-size:9pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  291. style:inset }
  292.  
  293. .pdf2 { display:block; background:#c5c2ba; width:65px; font-family:arial; font-size:9pt; color:#000000; 
  294. font-weight:bold; text-decoration:none; 
  295. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  296. border-color: #ffffff #999999 #999999 #ffffff}
  297. a.pdf2:link,
  298. a.pdf2:active,
  299. a.pdf2:visited
  300. { font-size:9pt }
  301. a.pdf2:hover
  302. { background:#bb9999; font-size:9pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  303. style:inset }
  304.  
  305. .triplet { display:block; background:#dfddd6; width:175px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  306. font-weight:bold; text-decoration:none; 
  307. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  308. border-color: #ffffff #999999 #999999 #ffffff}
  309. a.triplet:link,
  310. a.triplet:active,
  311. a.triplet:visited
  312. { font-size:10pt }
  313. a.triplet:hover
  314. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  315. style:inset }
  316.  
  317. .triplet2 { display:block; background:#dcdad2; width:175px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  318. font-weight:bold; text-decoration:none; 
  319. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  320. border-color: #ffffff #999999 #999999 #ffffff}
  321. a.triplet2:link,
  322. a.triplet2:active,
  323. a.triplet2:visited
  324. { font-size:10pt }
  325. a.triplet2:hover
  326. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  327. style:inset }
  328.  
  329. .triplet3 { display:block; background:#d8d6ce; width:175px; height:23px; font-family:'times new roman'; font-size:10pt; color:#000000; 
  330. font-weight:bold; text-decoration:none; 
  331. padding: 3px 0px 3px 3px; text-align:left; ; vertical-align:middle; border-style:outset; border-width: 1px 1px 1px 1px; 
  332. border-color: #ffffff #999999 #999999 #ffffff}
  333. a.triplet3:link,
  334. a.triplet3:active,
  335. a.triplet3:visited
  336. { font-size:10pt }
  337. a.triplet3:hover
  338. { background:#bb9999; font-size:10pt; color:#ffffff; font-weight:bold; text-decoration: none; border-
  339. style:inset }
  340.  
  341.  
  342. /* navigation menu----------------------------------------------- */
  343. #nav {
  344.     position:absolute;
  345.     z-index:400;
  346.     top:3.5em;
  347.     left:300}
  348. #nav h3 {
  349.     display:none}
  350. #nav ul {
  351.     margin:0 0 0 610px}
  352. #nav li {
  353.     display:inline;
  354.     position:relative;
  355.     float:left;
  356.     margin:0 0 0 1px}
  357. #nav li a {
  358.     display:block;
  359.     padding:7px 24px 8px 8px;
  360.     color:#3e290f;
  361.     font-size:1.3em;
  362.     text-decoration:none;
  363.     text-transform:uppercase}
  364. #nav li a span {
  365.     display:block;
  366.     margin:5px 0 0;
  367.     color:#9b948d;
  368.     font-size:.692308em;
  369.     text-transform:none;
  370.     white-space:nowrap}
  371.  
  372.  
  373. /* ---- mega menus --- */
  374. #nav li div.menu {
  375.     visibility:hidden;
  376.     position:absolute;
  377.     z-index:1000;
  378.     margin:-1px 0 0;
  379.     padding:3.5em 210px 1em 20px;
  380.     border:1px solid #e0ded9;
  381.     width:520px;
  382.     height:450px;
  383.     top:0;
  384.     /*background:#fbfbfa url() no-repeat 100% 100%;*/
  385.     -moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
  386.     -webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
  387.     box-shadow:3px 3px 7px rgba(0,0,0,.1);
  388.     /*line-height:0.6*/}
  389. #nav li:hover div.menu {
  390.     visibility:visible}
  391.  
  392. #nav li div.menu ul {
  393.     /* fix_lteie6.css */
  394.     position:relative;
  395.     margin:0 0 1em;
  396.     width:auto;
  397.     overflow:hidden}
  398. #nav li div.menu ul.menu_holder {
  399.     /* fix_lteie6.css */
  400.     min-height:174px; height:auto !important; height:174px}
  401.  
  402. #nav li div.menu li {
  403.     margin:0 20px 0 0;
  404.     width:141px}
  405. #nav li div.menu a {
  406.     /* fix_ie8.css */
  407.     display:inline;
  408.     padding:0;
  409.     -moz-border-radius:0;
  410.     -webkit-border-radius:0;
  411.     border-radius:0;
  412.     background:none;
  413.     font-size:1em;
  414.     text-transform:none}
  415. #nav li div.menu a:hover,
  416. #nav li div.menu a:focus {
  417.     padding:0;
  418.     border:0;
  419.     background:none;
  420.     text-decoration:underline}
  421. #nav li:hover div.menu a {
  422.     padding:0;
  423.     border:0}
  424.  
  425. /* site sections */
  426. #nav div.menu dl {
  427.     margin:0 0 1.25em;
  428.     padding:3px 0 1.25em;
  429.     border-bottom:1px solid #d9d7d0}
  430. #nav div.menu dl dt {
  431.     margin:0 0 .5em;
  432.     padding:0 5px .5em;
  433.     border-bottom:1px solid #bbb6ae}
  434. #nav div.menu dl dt a,
  435. #nav div.menu dl dt a:hover,
  436. #nav li:hover div.menu dl dt a {
  437.     padding-top:.25em;
  438.     padding-bottom:.25em;
  439.     color:#115426}
  440. #nav div.menu dl dd {
  441.     margin:.25em 0 .5em;
  442.     padding:0 5px;
  443.     line-height:1.25}
  444. #nav div.menu dl dd a {
  445.     color:#5a4233}
  446. #nav div.menu dl dd a:hover {
  447.     color:#006634}
  448.  
  449.  
  450. /* ---- mega menu customizations ---- */
  451. /* nav_Open Forum */
  452. #nav li#nav_menu div.menu {
  453.     left:-120px}
  454. #nav li#nav_menu div.menu .menu_suggestion {
  455.     width:385px}
  456.  
  457. /* nav_ Holy Bible */
  458. #nav li#nav_coffeehouse div.menu {
  459.     left:-220px}
  460. #nav li#nav_coffeehouse div.menu .menu_suggestion {
  461.     width:300px}
  462.  
  463. /* nav_ International Ministry*/
  464. #nav li#nav_responsibility div.menu {
  465.     left:-490px}
  466.  
  467.  
  468.  
  469.  
  470.  
  471. /* ---- utilities list ---- */
  472. .hasJS #utilities ul {
  473.     position:absolute;
  474.     z-index:500;
  475.     top:0;
  476.     right:26em}
  477. #utilities li {
  478.     float:left;
  479.     margin:0 0 0 5px}
  480. /*#utilities li a {
  481.     display:block;
  482.     padding:.5em .75em;
  483.     color:#58462f;
  484.     font-weight:bold;
  485.     text-decoration:none}
  486. .hasJS #utilities li a {
  487.     font-weight:normal}
  488.  
  489. #utilities li a:hover {
  490.     color:#006634;
  491.     text-decoration:underline}*/
  492.  
  493. /* Station finder message */
  494. #utilities li a.hello {
  495.     color:#000}
  496.  
  497.  
  498. /*hasjs is the name of the javascript*/
  499. /* country dropdown */
  500. .hasJS #utilities li#international {
  501.     position:relative;
  502.     top:-4px;
  503.     margin:0 2px 0 0;
  504.     width:14.4em;
  505.     height:1px}
  506. .hasJS #utilities li#international #countries {
  507.     position:absolute;
  508.     bottom:0;
  509.     right:-26px;
  510.     margin:0;
  511.     padding:20px 0 20px 20px;
  512.     width:70em;
  513.     border:1px solid #dad8d1;
  514.     border-top:0;
  515.     background:#f5f5f3}
  516.  
  517. .hasJS #utilities li#international #countries span {
  518.     display:block;
  519.     position:absolute;
  520.     bottom:-3.44em;
  521.     right:26px;
  522.     margin:0 0 0 .75em;
  523.     padding:0 1px 1px;
  524.     -moz-border-radius:0 0 7px 7px;
  525.     -webkit-border-bottom-right-radius:7px;
  526.     -webkit-border-bottom-left-radius:7px;
  527.     border-radius:0 0 7px 7px;
  528.     width:13em;
  529.     background:#FFF url() repeat-x 0 100%}
  530. li#international #countries.expanded,
  531. li#international #countries.expanded span {
  532.     -moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
  533.     -webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
  534.     box-shadow:3px 3px 7px rgba(0,0,0,.1);
  535.     background:#F5F5F3}
  536. li#international #countries.expanded span {
  537.     background:#dad8d1}
  538.  
  539. #utilities li#international span a {
  540.     /* fix_lteie6.css */
  541.     padding:.5em .5em .7em 33px;
  542.     -moz-border-radius:0 0 6px 6px;
  543.     -webkit-border-bottom-right-radius:6px;
  544.     -webkit-border-bottom-left-radius:6px;
  545.     border-radius:0 0 6px 6px;
  546.     background:url() no-repeat 10px 55%} 
  547. .hasJS #utilities li#international span a {
  548.     padding-top:.9em;
  549.     background-color:#F7F7F5}
  550.  
  551. #utilities li#international span a:hover {
  552.     color:#006634}
  553. li#international #countries.expanded span a {
  554.     background-color:#F5F5F3}
  555.  
  556. li#international ol {
  557.     display:inline;
  558.     float:left;
  559.     margin:1em 10px 0 33px;
  560.     width:16em}
  561. .hasJS li#international ol {
  562.     margin:0 10px 0 0}
  563.  
  564. li#international ol li {
  565.     display:block;
  566.     float:left;
  567.     width:100%;
  568.     margin:0 0 1.25em}
  569. li#international ol li a {
  570.     display:inline;
  571.     padding:0}
  572.  
  573. /* ---- utilities search ---- */
  574. form#search {
  575.     position:absolute;
  576.     top:2px;
  577.     right:4.75em}
  578. form#search fieldset {
  579.     display:inline;
  580.     border:1px solid #f2f1ed;
  581.     -moz-border-radius:11px;
  582.     -webkit-border-radius:11px;
  583.     border-radius:11px}
  584.  
  585. /* search input */
  586. input.search_input {
  587.     float:left;
  588.     margin:0;
  589.     padding:2px 7px 3px;
  590.     width:14.5em;
  591.     height:12px;
  592.     border:1px solid #d8d8d8;
  593.     border-top-color:#a6a5a2;
  594.     border-right:0;
  595.     -moz-border-radius:10px 0 0 10px;
  596.     -webkit-border-radius:0;
  597.     -webkit-border-bottom-left-radius:10px;
  598.     -webkit-border-top-left-radius:10px;
  599.     border-radius:10px 0 0 10px;
  600.     -moz-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
  601.     -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
  602.     box-shadow:0 1px 1px rgba(0,0,0,.1) inset}
  603. input.search_input:focus {
  604.     outline:0}
  605.  
  606.  
  607.  
  608. /*Adds nice graphical effect to search field at top*/
  609. /* search button */
  610. button.search_submit {
  611.     float:left;
  612.     margin:0;
  613.     padding:2px 0 3px;
  614.     width:27px;
  615.     height:19px;
  616.     border:1px solid #d8d8d8;
  617.     border-top-color:#a6a5a2;
  618.     -moz-border-radius:0 10px 10px 0;
  619.     -webkit-border-radius:0;
  620.     -webkit-border-top-right-radius:10px;
  621.     -webkit-border-bottom-right-radius:10px;
  622.     border-radius:0 10px 10px 0;
  623.     -moz-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
  624.     -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
  625.     box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
  626.     background:#FFF url(http://www.familyradio.com/images/search_button.gif) no-repeat 40% 50%;
  627.     text-indent:-9999px;
  628.     overflow:hidden;
  629.     cursor:pointer}
  630. button.search_submit:focus {
  631.     outline:0;
  632.     background-color:#e1ddd9}
  633.  
  634.  
  635.  
  636.  
  637.