/* Template World's 12-Column CSS Framework. Developed by: Template World http://www.templateworld.com, http://www.elegantweb.com *//* ------------------------------------------ Table of Contents --------------------------------------------- [1] - Reset CSS [2] - 12-Col Frame [3] - HEADER [4] - FONTS [5] - HEADING TAGS [6] - CONTENT [7] - FOOTER [8] - TABLES WITH DIV'S [9] - LIST STYLES [10]- OTHER SHORT-CODES [11]- FORM [12]- GALLERY [I] - jQuery Styles - a) SLIDEING BANNER - b) TABS PANNEL [II]- NOTE* [13] - Vertical Navigation [14] - Featured Box [15] - Breadcumb [17] - Text Colors [18] - Pagination [19] - Blog Section [20] - Contact AJAX Form *************************************//* [1] - Reset CSS */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,acronym,address,big,cite,code,del,dfn,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,tr,th,td,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,input,textarea{ margin:0; padding:0; font-size:16px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFF; } body{line-height:1} ol,ul{list-style:none} /*blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*/ :focus{outline:0} a{ text-decoration: none; color: #366; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } /*********************************************************************************/ /* [2] - 12-Col Frame */ .main_wrap{width:960px;margin:0 auto} .main_wrap_support{width:960px;float:left;position:relative} .clearfix:after{content:" ";display:block;height:0;clear:both} .grid_1,.grid_2,.block,.mini_wrap,.three_equals,.four_equals,.additional_wrap1,.two-equals,.grid_7,.left_panel,.right_panel,.left_three,.right_three,.grid_9,.grid_10,.grid_11,.full_width{ float:left; margin-right: 20px; margin-bottom: 0; margin-left: 0px; clip: rect(20px,auto,auto,auto); margin-top: 0px; } .nmr_lft{margin-left:0} .nmr_rgt{margin-right:0} .left_1,.left_2,.left_3,.left_4,.left_5,.left_6,.left_7,.left_8,.menu,.left_10,.left_11,.right_1,.right_2,.right_3,.right_4,.right_5,.right_6,.right_7,.right_8,.right_9,.right_10,.right_11{ position:relative } .clear{width:0;height:0;clear:both;display:block;overflow:hidden;visibility:hidden} .main_wrap .grid_1 {width:60px} .main_wrap .grid_2 {width:140px} .main_wrap .block { width:200px } .main_wrap .four_equals {width:220px} .main_wrap .mini_wrap {width:300px} .main_wrap .three_equals { width:300px; color: #066; } .main_wrap .additional_wrap1 { width:280px } .main_wrap .two-equals {width:460px} .main_wrap .grid_7 {width:540px} .main_wrap .left_panel { width:920px } .main_wrap .right_panel {width:620px} .main_wrap .left_three {width:700px} .main_wrap .right_three {width:700px} .main_wrap .menu {width:700px;position:relative;z-index:200} .main_wrap .grid_10 {width:780px} .main_wrap .grid_11 {width:860px} .main_wrap .full_width {width:940px} .main_wrap .mleft_1 {margin-left:80px} .main_wrap .mleft_2 {margin-left:160px} .main_wrap .mleft_3 {margin-left:240px} .main_wrap .mleft_4 {margin-left:320px} .main_wrap .mleft_5 {margin-left:400px} .main_wrap .mleft_6 {margin-left:480px} .main_wrap .mleft_7 {margin-left:560px} .main_wrap .mleft_8 {margin-left:640px} .main_wrap .mleft_9 {margin-left:720px} .main_wrap .mleft_10 {margin-left:800px} .main_wrap .mleft_11 {margin-left:880px} .main_wrap .mright_1 {margin-right:80px} .main_wrap .mright_2 {margin-right:160px} .main_wrap .mright_3 {margin-right:240px} .main_wrap .mright_4 {margin-right:320px} .main_wrap .mright_5 {margin-right:400px} .main_wrap .mright_6 {margin-right:480px} .main_wrap .mright_7 {margin-right:560px} .main_wrap .mright_8 {margin-right:640px} .main_wrap .mright_9 {margin-right:720px} .main_wrap .mright_10 {margin-right:800px} .main_wrap .mright_11 {margin-right:880px} .main_wrap .left_1 {left:40px} .main_wrap .left_2 {left:160px} .main_wrap .left_3 {left:240px} .main_wrap .left_4 {left:320px} .main_wrap .left_5 {left:400px} .main_wrap .left_6 {left:480px} .main_wrap .left_7 {left:560px} .main_wrap .left_8 {left:640px} .main_wrap .left_9 {left:720px} .main_wrap .left_10 {left:800px} .main_wrap .left_11 {left:880px} .main_wrap .right_1 {right:80px} .main_wrap .right_2 {right:160px} .main_wrap .right_3 {right:240px} .main_wrap .right_4 {right:320px} .main_wrap .right_5 {right:400px} .main_wrap .right_6 {right:480px} .main_wrap .right_7 {right:560px} .main_wrap .right_8 {right:640px} .main_wrap .right_9 {right:720px} .main_wrap .right_10 {right:800px} .main_wrap .right_11 {right:880px} .main_wrap .no_left_margin {margin-left:0} .main_wrap .no_right_margin {margin-right:0} .main_wrap .r-align {float:right} .main_wrap .l-align {float:left} .main_wrap .wideLeft { width:700px; float:left; margin:0 10px; text-align: justify; } .main_wrap .wideRight {width:700px;float:right;margin:0 10px } /********************************************************************/ /* [3] - HEADER */ #fullWrap{width:100%;float:left;background:url(../images/bannerBg.png) repeat-x 0 155px} .full_width{width:100%;float:left;} .full_width_top{ width:100%; min-height:270px; float:left; background:url(../images/topBg.png) repeat-x } a.logo{width:auto;float:left;margin-top:58px} .menu{float:left;margin-left:10px} .menu ul{width:100%;margin-top:50px;float:left} .menu ul li{width:133px;float:left;position:relative;z-index:100} ul#nav li:first-child{margin-left:35px} ul#nav li a,ul#nav li a.act{ width: 133px; height: 49px; float: left; color: #4fa6b8; text-align: center; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 13px; line-height: 45px; } ul#nav li a:hover,ul#nav li a.act{ color: #FFF; background: url(../images/nav-tab.png) no-repeat; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } ul#nav li ul{width:131px;float:left;position:absolute;top:-7px;left:0px;display:none;z-index:100} ul#nav li ul li{width:100%;float:left;background:url(../images/dd-menu_bg.png) repeat-y} ul#nav li ul li.top{ width:100%; height:8px; float:left; background:url(../images/dd-menu_top.png) no-repeat } ul#nav li ul li.bottom{ width:100%; height:10px; float:left; background:url(../images/dd-menu_botm.png) no-repeat } ul#nav li ul li a{width:100%;height:auto;font-size:12px;line-height:35px;color:#FFF} ul#nav li ul li a:hover{background:none;text-decoration:underline} ul#nav li ul li:first-child{margin:0} ul#nav li.dd:hover{background:url(../images/nav-tab.png) no-repeat} ul#nav li.dd:hover a{ color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } ul#nav li ul li ul{left:131px; top:-6px; margin:0} /* [3] - HEADER:- (a) WELCOME PANEL */ .welcome{ width:auto; float:left; margin-top:85px; padding-bottom:45px } .welcome h1{ color:#C93; font-size: 20px; } .welcome h1 span{font-size:12px;line-height:16px} .welcome p{ margin-top: 13px; color: #CFF; line-height: 18px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; font-size: 14px; } .welcome a.more{ width:101px; height:34px; margin-top:25px; float:left; color:#fff; text-transform:uppercase; text-align:center; background:url(../images/more_bg_banner.png) no-repeat; font-family: "Century Gothic"; font-size: 12px; line-height: 32px; } .welcome .nopadding{ padding-bottom:20px; margin-top:90px } /********************************************************************/ /* [4] - FONTS */ h1,h2,h3,h4,h5,h6{ font-family:"Century Gothic"; font-weight:normal; color:#F30; font-size: 36px; } p{ width:100%; margin-top:0px; font-family:"Century Gothic"; font-size:12px; color:#399; text-align:left } .welcome a.more{ width:auto; height:22px; padding:0 7px; float:left; line-height:22px; border:#6f9698 solid 2px; background:#398289 } /********************************************************************/ /* [5] - HEADING TAGS */ body h1{width:100%;float:left;font-size:22px;line-height:30px} body h2{ width: 100%; float: none; font-size: 20px; color: #0CC; line-height: 30px; text-transform: none; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } body h2 span{font-size:13px;color:#08a2aa;line-height:20px} body h3{ width: 100%; height: 32px; font-size: 20px; color: #366; line-height: 25px; text-transform: none; border-bottom: #a7d2db solid 1px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } body h4{ width:100%; padding-bottom:5px; float:left; color:#0f7177; padding-bottom:7px; margin-bottom:25px; font-weight:bold 18px Arial,Helvetica,sans-serif; border-bottom:#a7d2db solid 1px } body h5{ width: 100%; padding-bottom: 5px; float: left; color: #F30; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 48px; font-weight: normal; } body h6{ width:100%; padding-bottom:5px; float:left; color:#0f7177; font:bold 14px Arial,Helvetica,sans-serif } } .demos h1,.demos h2,.demos h3,.demos h4,.demos h5,.demos h6{ margin-top:10px; } .spacing{ margin-bottom:10px; } /********************************************************************/ /* [6] - CONTENT */ .content{ width:960px; float:left; margin-top:110px } #margin_adjust{margin-top:40px} .heading_with_icon{ width:100%; height:70px; float:none; border-bottom:#a7d2db solid 1px; } .heading_with_icon img{ width:auto; float:right } .heading_with_icon h2{width:auto} .content a.more{ clear:both; width:105px; height:34px; margin-top:25px; margin-left:-5px; float:left; font:12px/34px Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; text-align:center; background:url(../images/more_bg.png) no-repeat } .bottom_line{border-bottom:#a7d2db solid 1px;padding-bottom:7px} .bottom_line p{ padding-bottom:20px; } .bottom_line p.nopad{ padding-bottom:0px; } .content p{ font-size: 18px; color: #000; line-height: 22px; margin: 0; padding: 0; float: none; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; } .img_wrap{width:auto;margin:5px 10px 0 0;float:left} .img_wrap_right{width:auto;margin:10px 5px 0 0;float:right} .drop_cap{width:auto;margin-top:10px;float:left; /padding:5px 0; font-size:40px} .marker{background:#edfbf9;padding:1px;font-weight:bold} .content p a{text-decoration:underline;color:#0f7177} .content p a:hover{ text-decoration:none; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } ul.news_list{width:100%;float:left} ul.news_list li{width:100%;margin-top:13px;float:left} ul.news_list li p.cal{ width:44px; height:33px; padding-top:18px; margin:0 12px 0 0; float:left; color:#979696; font:bold 18px/18px Arial,Helvetica,sans-serif; text-align:center; background:url(../images/calendar.png) no-repeat } ul.news_list li p.cal span{font-size:11px;line-height:11px} ul.news_list li a{width:auto;float:left;color:#757a7a;font:bold 12px Verdana,Geneva,sans-serif} ul.news_list li p.txt{ width:224px; margin-top:6px; float:left; font:11px/15px Verdana,Geneva,sans-serif; color:#757a7a } .relative{position:relative} .next{position:absolute;bottom:-40px;right:445px} .prev{position:absolute;bottom:-40px;left:400px} .thumbnail-left img{ margin:6px 10px 5px 0px; border:1px solid #CCCCCC; width:150px; padding:5px; background:#fff } .thumbnail-right img{ margin:6px 0px 5px 10px; border:1px solid #CCCCCC; width:150px; padding:5px; background:#fff } /********************************************************************/ /* [7] - FOOTER */ #footer{ clear:both; width:100%; height:100px; padding-top:30px; margin-top:52px; float:left; position:relative; background:url(../images/footBg.png) repeat-x } #footer h4{color:#fff;line-height:26px;border-bottom:#ffffff solid 1px; padding-bottom:5px;} ul.gallery{width:100%;/*margin-top:20px;*/float:left} ul.gallery li{width:auto;float:left;margin-left:6px;margin-bottom:3px} ul.gallery li:first-child,ul.gallery li.no-nargin{margin-left:0} #footer ul.list{width:100%;/*margin-top:20px;*/float:left} #footer ul.list li{ width:140px; float:left; border-bottom:#083F3F solid 1px; padding:4px 0; margin-right:20px } #footer ul.list li.bor{border-top:#083F3F solid 1px} #footer ul.list li.nomar{margin-right:0px} #footer ul.list li a{width:100%;float:left;font:13px/25px Verdana,Geneva,sans-serif;color:#fff} #footer ul.list li:first-child a{border:0} #footer ul.list li a:hover{color:#0F9DBB} #footer .browser{ height:187px; float:left; position:relative; margin-top:10px; background:url(../images/foot_browser_bg.png) no-repeat right bottom } #footer .browser p.heading{ width:161px; position:absolute; right:15px; color:#fff; font:bold 18px Arial,Helvetica,sans-serif; text-align:right; background:url(../images/check_ico.png) no-repeat; top: 10px; } #footer .browser p.heading span{font-size:14px;font-weight:normal} #footer .browser img{width:auto;position:absolute;left:42px;top:62px} #footer .bottom{width:100%;margin-top:25px;float:left;border-top:#2e7e89 solid 1px} #footer ul.nav{width:100%;float:left} #footer ul.nav li{width:auto;float:left;font:11px/16px Arial,Helvetica,sans-serif;color:#fff} #footer ul.nav li.space{width:auto;padding:0 6px;float:left} #footer ul.nav li a{width:auto;float:left;color:#fff} #footer p.credit{ width:auto; min-width:200px; margin-top:10px; float:left; font:11px/16px Verdana,Geneva,sans-serif; color:#fff } #footer p.credit a{ color:#fff; font-weight:bold } /********************************************************************/ /* [8] - TABLES WITH DIV'S */ .table_wrap{ width:98.9%; margin-top:15px; float:left; border-left:#a7d2db solid 1px; border-top:#a7d2db solid 1px } .table_wrap p.heading{ width:99.6%; margin-top:0; height:35px; float:left; font-size:18px; color:#0f7177; line-height:40px; text-align:center; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } .table_wrap p.heading_2{ width:99.5%; margin-top:0; height:35px; float:left; font-size:18px; color:#0f7177; line-height:40px; text-align:center; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } .table_wrap p.two_columns{ width:49.7%; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } .table_wrap p.three_columns{ width:33%; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } .table_wrap p.four_columns{ width:24.7%; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } .table_wrap p.five_columns{ width:19.7%; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#a7d2db solid 1px; border-right:#a7d2db solid 1px } /* Check [II]- Note, for editing details of the table grid*/ /********************************************************************/ /* [9] - LIST STYLES */ ol{width:100%;margin-top:15px;float:left} ol li.list_with_alpha{ width:auto; float:left; margin-top:5px; list-style:upper-alpha; list-style:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#757a7a; clear:left } ol li.list_with_bullet{ width:auto; float:left; margin-top:5px; list-style:disc; list-style:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#757a7a; clear:left } ol li.list_with_decimal{ width:auto; float:left; margin-top:5px; list-style:decimal; list-style:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#757a7a; clear:left } ol li.list_with_image{ width:auto; float:left; margin-top:5px; list-style:inside url(../images/list-style.png); font:13px/18px Arial,Helvetica,sans-serif; color:#757a7a; clear:left } /********************************************************************/ /* [10]- OTHER SHORT-CODES */ } /********************************************************************/ /* [11]- FORM */ form.mail{width:100%;float:left} form.mail input{ width:353px; height:33px; padding:5px 10px; /*padding:4px 10px;*/ margin-top:15px; float:left; font:13px/36px Arial,Helvetica,sans-serif; color:#757a7a; background:url(../images/inputBg.png) no-repeat 0 0 } form.mail input:focus{background:url(../images/inputBg.png) no-repeat 0 -43px} form.mail textarea{ width:438px; height:113px; padding:5px 10px; margin-top:15px; float:left; font:13px/18px Arial,Helvetica,sans-serif; color:#757a7a; overflow:auto; border:0px; background:url(../images/text_area_bg.png) no-repeat 0 0 } form.mail textarea:focus{background:url(../images/text_area_bg.png) no-repeat 0 -123px} .map{ float:left; margin-top:20px } /********************************************************************/ /* [12]- GALLERY */ .Img-gallery{width:100%;float:left} .Img-gallery li a{float:left} .Img-gallery li{ width:300px; float:left; padding:5px 5px; margin:0 3px 15px 5px; background: #0F7177; border:1px sold #999 } div.imgContent{ width:97%; float:left; padding:5px 4px; } div.imgContent p{color:#fff;margin-top:0px;text-align:left;line-height:14px; background-color:;} div.imgContent p a{ color:#fff; float:none; cursor:pointer; } div.imgContent h4{color:#fff;border-bottom:0px} .Img-gallery li a.pic1{ width:300px; height:160px; float:left; background:url(../images/gallery-3_1.jpg) no-repeat } .Img-gallery li a.pic1:hover{ width:300px; height:160px; background:url(../images/gallery-3_img1.jpg) no-repeat } .Img-gallery li a.pic2{ width:300px; height:160px; background:url(../images/gallery-3_2.jpg) no-repeat } .Img-gallery li a.pic2:hover{ width:300px; height:160px; background:url(../images/gallery-3_img2.jpg) no-repeat } .Img-gallery li a.pic3{ width:300px; height:160px; background:url(../images/gallery-3_3.jpg) no-repeat } .Img-gallery li a.pic3:hover{ width:300px; height:160px; background:url(../images/gallery-3_img3.jpg) no-repeat } .Img-gallery li a.pic4{ width:300px; height:160px; background:url(../images/gallery-3_4.jpg) no-repeat } .Img-gallery li a.pic4:hover{ width:300px; height:160px; background:url(../images/gallery-3_img4.jpg) no-repeat } .galleryContainer img{float:left} .caption{font-style:italic;color:#2f3030} .demo{width:483px;float:left} .gallery_demo{width:483px;margin:0 auto} .gallery_demo li{width:65px;height:50px;margin:20px 2px;float:left} .gallery_demo li div{left:240px} .gallery_demo li div.caption{font:italic 0.7em/1.4 georgia,serif} .nav{ padding-top:15px; clear:both; font:12px "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:3px; color:#b3b3b3; text-transform:capitalize } .nav a{color:#333} .info{text-align:left;width:483px;margin:30px auto;border-top:1px dotted #221;padding-top:30px} .info p{margin-top:10px} .thumb{} /********************************************************************/ /* [I] - jQuery Styles:- a) SLIDEING BANNER */ .banner_wrap{width:auto;float:left;position:relative;left:50px;top:50px} #easyslider{ display:block; width:auto; height:344px; float:left; position:absolute; top:-50px; left:1px; background:none } #easyslider ul{ width:450px; height:350px; float:left; position:absolute; overflow:hidden; z-index:0; left: -75px; right: 100px; top: 10px; } #easyslider li{ display:inline; width:400px; height:350px; float:left; position:relative } #prevBtn,#nextBtn{ display:block; text-indent:-8000px; width:24px; height:86px; float:left; position:absolute; left:-25px; top:75px } #nextBtn{left:575px;top:115px} #prevBtn a,#nextBtn a{ display:block; width:24px; height:86px; float:left; position:relative; background:url(../images/left_arrow.png) no-repeat 0 0 } #prevBtn a{display:block} #nextBtn a{ display:block; top:-40px; background:url(../images/right_arrow.png) no-repeat 0 0 } /* [I] - jQuery Styles:- b) TABS */ .topMargin{ margin-top:0px } ul.tabs{height:32px;width:605px;float:left} ul.tabs li{ width:auto; float:left; height:32px; color:#4fa6b8; border-left:none; margin-bottom:-1px; overflow:hidden; font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 31px; font-weight: normal; } ul.tabs li a{ float:left; text-decoration:none; color:#4fa6b8; display:block; font-size:16px; padding:0 15px; line-height:32px; font-weight:normal; text-transform:uppercase; outline:none; font-family: "Century Gothic"; } ul.tabs li a:hover{color:#4fa6b8;background:#a7d2db} html ul.tabs li.active a,html ul.tabs li a:hover{/*--Makes sure that the active tab does not listen to the hover properties--*/ color:#fff; background:#a7d2db } .tab_container{ border:1px solid #a7d2db; overflow:hidden; clear:both; float:left; width:100%; background:#fff; padding:12px 0 12px 0 } .tab_content{padding:11px;font-size:12px;margin:0 13px 0 13px} .tab_content p{margin:0 0 10px 0} .tab_content ul.list{width:215px;margin-bottom:10px;float:left} .tab_content ul.list li{width:215px;float:left;list-style:inside url(../images/list-style.png)} .tab_content ul.list li a{width:auto;font:13px/20px Verdana,Geneva,sans-serif;color:#757a7a} .tab_content ul.list_2{margin-left:104px} #left-navigation{ width:185px; float:left; margin:10px 0 0 0; padding-bottom:40px; font:14px Verdana,Geneva,sans-serif } /* ----------------------------------------------- Vertical Navigation --------------------------------------- */ /* First Level Menu */ ul#menuLevel-1{width:100%;float:left} ul#menuLevel-1 li{ width:185px; float:left; padding-bottom:2px; display:block; border-top:1px solid #fff; border-bottom:1px solid #a7d2db } ul#menuLevel-1 li.squared{ width:185px; float:left; display:block; border-top:1px solid #fff; border-bottom:1px solid #a7d2db } ul#menuLevel-1 li.squared a{ width:155px; float:left; display:block; padding-left:20px; background:url(../images/bullets.jpg) no-repeat 8px; } ul#menuLevel-1 li.squared a:hover{ width:155px; float:left; display:block; padding-left:20px; background:#82D2E3 url(../images/bullets-hover.jpg) no-repeat 8px } ul#menuLevel-1 li a{ width:165px; float:left; font:normal normal bold 12px normal Arial,Helvetica,sans-serif; color:#000; padding:8px 10px; } ul#menuLevel-1 li a:hover{color:#FFF;background:#82D2E3} /* Second level Heirarchy */ ul#menuLevel-1 li.active a.tab{ color:#000; padding-left:20px; width:155px; float:left; background:#82D2E3 url(../images/tabArrow.png) no-repeat 7px; } ul#menuLevel-1 li.active a.tab:hover, ul#menuLevel-1 a.tab:visited{ color:#fff; padding-left:20px; width:155px; background:#82D2E3 url(../images/tab-arrow.png) no-repeat 7px; } ul#menuLevel-1 li.active ul{width:130px;float:left;margin-left:30px;padding:0px} ul#menuLevel-1 li.active ul li{width:130px;float:left;border:0px;font-size:11px;line-height:16px} ul#menuLevel-1 li.active ul li a{ background:none; font-weight:normal; font-size:11px; padding:3px 0 0 12px; margin-top:6px; line-height:16px; background:url(../images/small-arrow.png) no-repeat 0px 9px } ul#menuLevel-1 li.active ul li.last a{ width:100px; float:left; color:#000; border-bottom:0px; background:none } ul#menuLevel-1 li.active ul li a:hover{color:#82D2E3;text-decoration:underline} ul.sub-nav{ width:130px; float:left; margin:-2px 0px 10px 0; } ul.sub-nav li{ background:none;} /*ul#menuLevel-1 li a:hover,ul#menuLevel-1 li a.active { color:#0f7177; background-color:#82D2E3 }*/ /* [14] Featured Box */ .featuredbox{ width:200px; float:left; font:14px Verdana,Geneva,sans-serif; color:#333; padding:0 10px 10px; margin-bottom:38px; background:#fff url(../images/featuredbox.png) no-repeat 100% 100% } .featuredbox p.para{width:200px;float:left;color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;margin:15px 0 0 0; font-weight:bold;} .featuredbox p{ width:100%; float:left; color:#444; text-align:left; padding:0px 0px 20px 0; margin:0px; font-size:11px } /* [15] Breadcumb */ p.breadcrumb{ width:940px; float:left; margin:25px 0 0 10px; color:#757a7a; padding:5px 0; font-weight:bold; border-bottom:1px dotted #999 } p a,breadcrumb{ color:#F00 } p a:hover{ text-decoration:underline; font-size: 100%; } .clearContent{clear:both;width:100%;float:left;margin:20px 0 0 0} /* [17] Text Colors */ p.highlight{width:444px;float:left; color:#F93;font-weight:bold} p.subdued{width:444px;float:left; color:#e8e8e8;font-weight:bold} p.error{width:444px;float:left;color:#F30;font-weight:bold} p.success{width:444px;float:left;color:#0C0;font-weight:bold} p.caption{width:444px;float:left;color:#CCC;font-weight:bold} p.highlight-bg{width:444px;float:left;color:#E17000;background:#F93;padding:8px;color:#fff} p.subdued-bg{width:444px;float:left;color:#E17000;background:#e8e8e8;padding:8px;color:#fff} p.error-bg{width:444px;float:left;color:#E17000;background:#F30;padding:8px;color:#fff} p.success-bg{width:444px;float:left;color:#E17000;background:#0C0;padding:8px;color:#fff} p.caption-bg{ width:444px; float:left; color:#E17000; background:#CCC; padding:8px; color:#fff } /* [18] Pagination */ .pagination{ width:444px; height:20px; display:block; float:left; margin:50px 0 0 0; padding:8px; background:#edfbf9; border:1px solid #8BD1DF } .content .page-index{width:100px;float:left;margin:0 0 0 10px;padding:0px} .content .page-list{width:200px;display:block;float:right;margin:0 5px 0 0;padding:0} .content .page-list a{ display:block; float:left; font:12px Arial,Helvetica,sans-serif; padding:2px 5px; background:#82D2E3; color:#fff; margin:0px 3px 0 3px; line-height:14px; text-decoration:none; } .content .page-list a.selected, .content .page-list a:hover{ display:block; float:left; color:#fff; padding:5px 8px; background:#0F7177; margin:-3px 0 0 0; text-decoration:none; } /* [19] Blog Section */ h2.comments{width:620px;float:left;font-size:26px;color:#323232;font-weight:bold;margin:25px 0 0 0} ul.comments{width:530px;float:left;margin:20px 0 0 0} ul.comments li{width:505px;float:left;padding:10px 12px;border-bottom:1px dotted #d7d7d7} ul.comments li.top-list{margin-bottom:30px;border-bottom:0px;border:1px solid #e6e6e6} ul.comments li img{float:left;margin:4px 0 0 0px} ul.comments .comment-list{width:435px;float:right;margin:0px} .comment-list p{font-size:12px;margin:0px;padding:0px;padding-bottom:16px} ul.comments li h4{ color:#5D5D5D; font:bold 14px/normal Arial,Helvetica,sans-serif; padding-bottom:6px; margin:2px 0 0 0px; border:0px } /* Blog Comments */ .post-comment{width:530px;display:block;float:left;margin:20px 0 0 0} #leftbox{width:250px;float:left;margin-right:15px} #leftbox p{width:250px;float:left;margin:0px;padding:2px 0 6px 0} #leftbox label{width:250px;float:left;padding-bottom:2px} #leftbox input{ width:250px; height:35px; float:left; font:12px/20px Tahoma,Geneva,sans-serif; color:#676767; border:1px solid #D6D6D6 } div.message{width:260px;float:right;margin:0px} div.message label{ display:block; width:260px; float:left; font:12px/20px Tahoma,Geneva,sans-serif; color:#676767; padding-bottom:4px } div.message textarea{ width:260px; height:154px; float:left; font:12px/20px Tahoma,Geneva,sans-serif; color:#676767; padding:0px; margin:0px; border:1px solid #D6D6D6 } div.message p{ width:262px; display:block; float:right; float:left; text-align:left; line-height:32px; padding:0px; margin:0px } div.message p span{ width:170px; float:left; font:12px/20px Tahoma,Geneva,sans-serif; color:#676767; margin:0px; padding:0px; } div.message input{ width:90px; height:35px; float:none; background:#E1E1E1; font:14px/20px Tahoma,Geneva,sans-serif; color:#676767; cursor:pointer; margin:0px; padding:0px; text-transform:uppercase; border:1px solid #D6D6D6 } /* Sponsor Ad's */ ul.sponsors{width:100%;display:block;float:left;padding:10px 0} ul.sponsors li{ width:200px; display:block; float:left; padding:5px; margin:0 0 5px 5px; border:0px solid #E8E8E8 } ul.sponsors li.nomar{margin-right:0px} .content .sponsor-logos img{ margin-top:6px; width:150px } /* Custom Tabs */ /* Style for Usual Tabs */ .usual{background:#fff;color:#111;width:206px;float:left;border:1px solid #E8E8E8;padding:0 0 10px 0;margin:5px auto} .usual ul{width:100%;height:23px;float:left; border:0px; background:#82D2E3} .usual li{width:auto;height:20px;list-style:none;float:left;} .usual ul a{ width:auto; display:block; float:left; text-decoration:none!important; padding:5px 8px; margin:1px; font:10px Verdana; color:#0F7177; } .usual ul a:hover{color:#FFF;background:#0F7177} .usual ul a.selected{ margin-bottom:0; color:#fff; background:#0F7177; cursor:default } .usual p{margin:0 0 5px 0;float:left} .usual div{ margin:24px 0 0 0; padding:15px 10px 20px 10px; *padding-top:3px; *margin-top:23px; clear:left; background:#fff; font:10pt Arial } /* Category List */ ul.categories{width:220px;float:left;padding:20px 0 0 0} ul.categories li{width:100%;float:left;padding:10px 0px;line-height:21px} ul.categories li a{font:21px/21px Arial,Helvetica,sans-serif;color:#757a7a;padding:2px 0} ul.sub1,ul.sub2,ul.sub3{width:150px;float:left;margin-left:10px} ul.sub1 li,ul.sub2 li,ul.sub3 li{ width:160px; float:left; font-size:12px; padding-left:15px; line-height:21px; padding:0px } ul.sub1 li a:hover,ul.sub2 li a:hover,ul.sub3 li a:hover{text-decoration:underline} ul.categories ul.sub1 li a,ul.categories ul.sub2 li a,ul.categories ul.sub3 li a{ width:160px; float:left; font-size:12px; padding-left:15px; line-height:21px; background:url(../images/small-arrow.png) no-repeat left 10px } ul.sub2{width:205px;float:left;margin-left:10px} ul.sub3{width:150px;float:left;margin-left:10px} /* [20] - Contact AJAX Form */ form.mail input.more_button{ width:105px; height:34px; margin-top:25px; margin-left:-5px; padding:0px; float:left; font:12px/32px Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; text-align:center; clear:left; cursor:pointer; outline:none; background:url(../images/more_bg.png) no-repeat } #message{width:100%;color:#0f7177;font:bold 13px Verdana,Geneva,sans-serif} #message h2{font-size:14px;color:#F00} #message p{color:#0f7177;font-weight:bold;margin:6px 0px} /* CSS Pure Buttons */ .css-buttons{ width:100%; float:left; margin:20px 0 0 0; } .panel{ width:100%; float:left; margin:30px 0 0 0; } /* left column buttons */ .leftContent{ width:340px; float:left; margin:0 5px; } #but_styles1{ width:250px; float:left; } #but_styles1 li{ width:100%; display:block; float:left; margin:6px 0 6px 0; } #but_styles1 li a{ display:block; float:left; } /* right column Buttons */ .rightContent{ width:340px; float:left; margin:0 5px; } #but_styles2{ width:250px; float:left; } #but_styles2 li{ width:100%; display:block; float:left; margin:5px 0 5px 0; } #but_styles2 li a{ display:block; float:left; } .cssButn, .cssButn:visited { background: #222 url(../images/css-btn.png) repeat-x 0 0px; display: inline-block; padding:5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; } /* default template Button */ .leftContent a.default, a.default:visited { background-color:#015C5E; } .leftContent a.default:hover { background-color:#82D2E3; } /* Red Button */ .leftContent a.red, a.red:visited { background-color:red; } .leftContent a.red:hover { background-color: #FF2D2D; } /* Grey */ .leftContent a.grey, a.grey:visited { background-color: #C9C9C9; } .leftContent a.grey:hover { background-color: #E5E5E5; } /* Green */ .leftContent .green, .leftContent .green:visited { background-color: #91bd09; } .leftContent .green:hover { background-color: #749a02; } /* Blue */ .leftContent .blue, .leftContent .blue:visited { background-color: #2daebf; } .leftContent .blue:hover { background-color: #39C; } /* Red */ .leftContent .red, .leftContent .red:visited { background-color: #e33100; } .leftContent .red:hover { background-color: #872300; } /* Magenta */ .rightContent .magenta, .rightContent .magenta:visited { background-color: #a9014b; } .rightContent .magenta:hover { background-color: #630030; } /* Orange */ .rightContent .orange, .rightContent .orange:visited { background-color: #ff5c00; } .rightContent .orange:hover { background-color: #d45500; } /* Yellow */ .rightContent .yellow, .rightContent .yellow:visited { background-color: #ffb515; } .rightContent .yellow:hover { background-color: #fc9200; } /* Black */ .rightContent .black, .rightContent .black:visited { background-color: #1a1a1a; } .rightContent .black:hover { background-color: #333; } /* Menu Styles */ #menuContainer{ width:700px; height:40px; float:left; display: inline-block; margin:30px 0 0 0; color: #fff; text-decoration: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); background-color:#0F7177; position:relative; left:0px; } #menu1{ width:500px; float:left; margin-left:15px; } #menu1 li{ width:auto; float:left; position:relative; } #menu1 li a{ float:left; height:35px; padding:2px 15px 4px 15px; margin:0px 0 0 0; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; } #menu1 li a:hover{ background:#82D2E3 } #menu1 li .lowerMenu{ visibility:hidden; } #menu1 li:hover .lowerMenu{ visibility:visible; } #menu1 .lowerMenu{ width:700px; float:left; position:absolute; top:40px; left:-83px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow:-1px -1px -1px #000; border-bottom: 1px solid rgba(0,0,0,0.25); background:#82D2E3 } ul.subNav{ width:100%; height:42px; float:left; margin:0px 0 0 15px; } ul.subNav li{ width:auto; display:block; float:left; } #menu1 ul.subNav li a{ float:left; color:#3c3c3c; padding:2px 15px; line-height:39px; } #menu1 ul.subNav li a:hover{ background:none; text-decoration:underline; } /* Quotes with Images */ #quoteWithImg{ width:100%; float:left; } #quoteWithImg li{ width:100%; float:left; margin-bottom:20px; } #quoteWithImg li .q-content{ width:333px; float:left; padding:7px 0 0 0; } #quoteWithImg li img{ float:left; margin:0 10px 0 0; } #quoteWithImg li img.qbotm{ float:none; margin:0px 0 0 5px; } #quoteWithImg li blockquote{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#757a7a; font-style:italic; line-height:18px; text-indent:27px; text-align:justify; background: url(../images/qwImg.png) no-repeat left top; } #quoteWithImg .q-content p{ font-size:11px; } #quoteWithImg .q-content p span{ font-size:12px; font-weight:bold } /* quotation with out images */ .withOutPic{ width:400px; float:left; padding:12px 15px; border:1px dashed #C5C5C5; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#757a7a; font-style:italic; text-indent:20px; text-align:left; margin:0px 0px 20px 0; background: url(../images/qtop.png) no-repeat 11px 8px; } .withOutPic img{ position:relative; top:5px; } .withOutPic p.signature{ width:130px; height:20px; font-size:11px; font-style:italic; font-weight:bold; float:right; background:url(../images/q-botmImg.png) no-repeat right bottom; } .withOutPic a{ width:100%; float:left; font-size:11px; color:#0f7177; font-style:normal; text-decoration: underline; } .withOutPic a:hover{ text-decoration:none; } /* Testimonials Content */ .testimonials{ width:450px; float:left; } .testimonials img{ float:left; } .testContent{ width:426px; float:left; padding:0 10px; background:#F1F1F1; border:1px solid #e7e7e7; border-bottom:0px; -moz-border-radius:6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; border-radius:6px; } .testContent .signature{ font-size:11px; } .testContent .signature span{ font-size:14px; color:#0f7177; font-weight:bold; font-style:normal; } /* Testimonial styles 2 */ .testimonials2{ width:450px; float:left; } .testimonials2 img{ float:left; } .testimonials2 blockquote{ width:430px; float:left; padding:10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#757a7a; line-height:21px; font-style:italic; text-align:left; } .testimonials2 p.signature{ float:right; text-align:left; font-size:14px; color:#757a7a; margin-bottom:10px; } .testimonials2 .signature span{ font-size:14px; color:#0f7177; font-weight:bold; font-style:normal; margin-left:10px; } /* default template Button */ .signature a.default, .signature a.default:visited { width:auto; float:right; color:#fff; background-color:#015C5E; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; text-decoration: none; text-align:center } .signature a.default:hover { background-color:#82D2E3; font-family:Arial, Helvetica, sans-serif; } .signature a.default span{ font-size:11px; color:#fff; font-weight:bold; } ul#topnav { margin: 20px 0 0 0; padding: 0; list-style: none; float: left; font-size: 1.1em; width:200px; } ul#topnav li{ margin: 0; padding: 0; overflow: hidden; /*--Important - Masking out the hover state by default--*/ float: left; height:30px; width:200px; border-top:#CCC solid 1px; } ul#topnav li:first-child{ border:0; } ul#topnav a, ul#topnav span { /*--The and share the same properties since the will be a duplicate of the tag--*/ padding: 5px 10px; float: left; text-decoration: none; color: #fff; background: url(../images/a_bg.png) repeat-x; text-transform: uppercase; clear: both; width: 100%; height: 20px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height: 20px; /*--Vertical alignment of text--*/ } ul#topnav a{ /*--This is basically the hover state of navigation--*/ background-position: left top; text-shadow:#666 0px 1px 1px } ul#topnav span{ /*--Default state of navigation--*/ color: #747373; background:none; } #copyright { color: #FC0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 12px; } #artwork { font-size: 12px; color: #CFF; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #subtitle_logo { color: #F30; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } season { color: #066; } #season { color: #000; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #email { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px; color: #066; } #link_in_paragraph { font-size: 16px; color: #066; } #email { font-size: 16px; color: #066; } #link_1 { font-size: 16px; color: #066; } #email_1 { font-size: 16px; color: #066; } #saint_subtitle { color: #C00; font-family: "Century Gothic"; } #saint_title { color: #C00; font-size: 20px; font-family: "Century Gothic"; } saint_title { font-size: 20px; color: #C00; } #fullWrap .full_width_top .main_wrap .main_wrap_support .grid_11.welcome.nopadding h1 { font-size: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #Art_title { font-size: 20px; color: #F63; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #link_in_text { font-size: 16px; color: #066; } #email { font-size: 16px; color: #066; } #photo { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } img_in_text { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #email { font-size: 16px; color: #066; } #email { font-size: 16px; color: #066; } #art_light { color: #FF6; } #art_light { color: #FF6; } #art_light { font-size: 12px; color: #F93; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #fullWrap .full_width_top .main_wrap .main_wrap_support .content .left_panel.topMargin .tabList .tabs li { font-family: "Times New Roman", Times, serif; } #tab { font-family: "Century Gothic"; font-size: 16px; } #editor { font-family: "Century Gothic"; font-size: 16px; color: #4fa6b8; } #associates { font-family: "Century Gothic"; font-size: 16px; color: #4fa6b8; } #link2 { font-family: "Times New Roman", Times, serif; font-size: 16px; } #link3 { font-family: "Times New Roman", Times, serif; font-size: 16px; } #email2 { font-family: "Times New Roman", Times, serif; font-size: 16px; } #homepage_content { color: #066; } #guidelines { font-family: "Century Gothic"; font-size: 16px; color: #4fa6b8; } #guidelines { font-family: "Century Gothic"; font-size: 16px; } #guidelines { font-family: "Century Gothic"; } #guidelines_2 { font-family: "Century Gothic"; font-size: 16px; } #guidelines { color: #4fa6b8; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #guidelines2 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #guidelines3 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #guidelines4 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #guidelines5 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #guidelines6 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #guidelines7 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 16px; color: #4fa6b8; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-style: normal; font-weight: normal; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-style: normal; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-style: normal; font-weight: normal; text-transform: uppercase; color: #4fa6b8; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-style: normal; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-style: normal; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-size: 16px; text-transform: uppercase; } #white { color: #FFF; } #white { color: #FFF; } #motto { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 16px; font-style: italic; color: #C00; text-align: center; } .main_wrap .main_wrap_support #margin_adjust .wideLeft p em { } #exception { color: #C00; } #title { color: #C00; } #nota { font-family: "Century Gothic"; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #4fa6b8; } #white { color: #FFF; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-weight: normal; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-weight: normal; } #white { color: #FFF; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; font-size: 16px; font-weight: normal; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } #subtitle { font-family: "Century Gothic"; text-transform: uppercase; } subtitle { font-family: "Century Gothic"; } #subtitle { font-family: "Century Gothic"; } #subtitle { font-family: "Century Gothic"; } #subtitle { font-family: "Century Gothic"; } #subtitle { font-family: "Century Gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "century gothic"; } #subtitle { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #red_title { color: #C00; } #red_title { color: #C00; } #red_title { color: #C00; } #blue { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color: #6CF; } #fullWrap .full_width_top .main_wrap .main_wrap_support .content .mini_wrap #saint_subtitle { color: #F30; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 12px; } #fullWrap .full_width_top .main_wrap .main_wrap_support .content .mini_wrap #red_title #red_title { color: #F30; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #filler { color: #FFF; } #filler { color: #FFF; } #filler { color: #FFF; } #subtitle { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color: #6CF; text-transform: none; } #subtitle { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; text-transform: none; color: #6CF; } #subtitle { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; text-transform: none; color: #6CF; } #prayer_title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; } #white { color: #FFF; } #white { color: #FFF; } #white { color: #FFF; } #saint { color: #C30; } #saint { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color: #C30; } .dates { font-size: 12px; } #dates { font-size: 12px; } #dates { font-family: "century gothic"; } #fullWrap .full_width_top .main_wrap .main_wrap_support .content .mini_wrap #dates { font-family: "Century Gothic"; } #fullWrap .full_width_top .main_wrap .main_wrap_support .content .mini_wrap #dates { color: #C36; } #saint_title { font-size: 16px; } #white { color: #FFF; } #whiteshort { color: #FFF; } #white { color: #FFF; } #whiteshort { color: #FFF; } #text { color: #000; } .white { color: #FFF; } #white { color: #FFF; } .maintitle { }