/* ----------------------------------------- */ /* Developed By: Ardent Flame Designs LLC */ /* Designed By: Michael Arnaldo */ /* Copyright: 2008 */ /* URL:www.ardentflame.com */ /* ----------------------------------------- */ /* General */ * { padding: 0; margin: 0; } body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 0.7em; color: #000000; background-image: url(../images/bg.jpg); background-repeat: repeat-x; } a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #666666; } a:active { color: #333333; } p { margin-bottom: 2em; line-height: 2em; } ul { margin-bottom: 20px; line-height: 2em; } .footer-header { font-size: 1em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #FFFFFF; line-height: 2em; } .l { float: left;} .r { float: right;} /* Navigtion */ #navmenu{ float:right; } #navmenu ul { margin: 0; padding: 0; border-bottom: none; } #navmenu li { position: relative; float: left; margin: 0; list-style: none; line-height: 32px; } #navmenu li a { display: block; padding:0; text-decoration: none; color: #fff; height:60px; border-right:1px solid #000;} #navmenu li a span { display:block; padding:10px 5px 0 5px; text-align:center; font-size:16px; height:50px;} #navmenu li a:hover { background: url(../images/navhover.jpg) repeat-x; color:#fff;} /* #99CCFF */ #navmenu li a span#active { background: url(../images/navhover.jpg) repeat-x; display:block; color:#fff;} /* Layout */ #general-container { height: 1600px; margin: 0 auto; width:960px; clear: both;} #header { width:960px; height:105px; float: left; } #header-logo{width:200px; float:left;} #introbox { clear:both; width:960px; height:360px; padding: 20px 20px 0 20px; background-image:url(../images/banner.jpg); background-position: 20px 0px; background-repeat: no-repeat;} #introbox span {display:none;} #introtextbox { width:295px; padding:0 0 0 5px; } #introtextbox p { font-size:14px; color:#cccccc; line-height:17px; font-family:"Myriad Pro", Verdana, "Lucida Sans", sans-serif;} #footer { clear: both; width: 100%; font-size: 10px; padding:12px 0 0 0; background: url(../images/footerbg.jpg) repeat-x; height: 30px; vertical-align: bottom; text-align: center;} /* header top */ #topheader { text-align: center; width: 900px; } /* Piller */ #introboxPiller { clear:both; width:900px; height:360px; padding: 20px 20px 0 20px; margin: 20px 0 10px 0; background-image:url(../images/banner_piller.jpg); background-position: 20px 0px; background-repeat: no-repeat;} #pillercase { margin: 25px 0 0 0; float: right;} #pillercase ul li { float: left;} #piller1, #piller2, #piller3, #piller4, #piller5 { height: 300px;} /* adjust height */ #piller1 a, #piller2 a, #piller3 a, #piller4 a, #piller5 a { display: block; height: 300px;} #piller1 { width: 50px; margin-right: 15px; } #piller2{ width: 45px; margin-right: 10px; } #piller3 {width: 50px; margin-right:15px; } #piller4{ width:55px; margin-right: 20px;} #piller5{ width: 85px;} #pillerInfo p { line-height:120%; margin-bottom:20px; } #pillerInfo { font-size:14px; line-height:1em; padding: 5px; margin: 10px; border: 0px solid #666; width: 450px; color: #FFF;} /* basic colunm styles */ .multimedia_c1 { float:left; width:650px; margin:0; } .miscContent_c2 { float:left; width:300px; margin:0; display: none; } .Recent_Updates_c3 { float:left; width:300px; margin:0;} .testimonials_c4 { float:left; margin-top:15px; margin-bottom: 0px; } img{ border:0;} /* Colunm Styles for multimedia_c1*/ /* multimedia_c1 */ .multimedia_c1 h1 { background:url(../images/multimedia.jpg) center; background-repeat:no-repeat; width:300px; height:50px; margin-left:15px; margin-bottom:15px;} .multimedia_c1 h1 span {display:none;} .multimedia_c1 #podcastHome {background:url(../images/podcastimg.jpg) no-repeat; height:63px; padding-left:90px; padding-top:25px; font-size:18px; color:#333333;} .multimedia_c1 #podcastHome a{ text-decoration:none;} .multimedia_c1 #recent_videos { background: url(../images/mediagrad630.jpg) no-repeat; background-position:top; width:605px; height: 460px; padding-top: 10px; } /* Bottom section of recent video, gives fade look */ #media_grad { background:url(../images/media_grad.jpg) no-repeat; width:340px; height:60px; display: none;} #media_grad span {display:none;} /* Recent Video Post */ /* On Home Page ONLY Do not confues the inner div from the info and thumb nail */ /* Video post container */ .vid_post { display:block; width:600px; height:110px; padding: 5px;} /* Video infomation for video thumb on homepage */ .vid_info { float:left; width: 400px; padding: 10px 0 0 0; } .vid_info ul{ padding:20px 10px 0 20px;} .vid_info li{ list-style:none;} .vid_info span.vid_title a{ color: #000; font-size:16px;} .vid_info span.vid_date { color:#333;} .vid_info span.vid_author a{ color:#0066FF; text-decoration:none;} .vid_thumb { float:right; margin-right: 20px; } /* MAX thumbnail size - 120x80 */ .vid_thumb img { display:block; padding:4px 5px 0 4px; height:110px; width:150px; border:0; } .vid_thumb img a{ border:0;} /* .vid_thumb span { background:url(../images/vid_thumb_shadow.jpg) no-repeat; display:block; height:100px; width:130px; margin:15px 30px 0 0;} */ #Success_Library h1 { background:url(../images/sucesslib.png) no-repeat center; width:600px; height:50px;} #Success_Library h1 span {display:none;} .imgcont { text-align: center;} .imgcont a { padding-right: 30px; } #Success_Library a, #producttest a { font-size: 16px; } #producttest h1 { background:url(../images/producttestimonial.png) no-repeat center; width:600px; height:50px;} #producttest h1 span {display:none;} /* Colunm Styles for miscContent_c2 */ .miscContent_c2 .miscPost { font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px;} /* post container */ .miscContent_c2 .miscTitle a { font-size:24px; color:#0099CC; text-decoration:none; } .miscContent_c2 .miscBodyPost p{ color:#666666; line-height:16px; text-align:left; padding:10px 0 0 0; font-size: 16px; } .miscContent_c2 .miscAuthor a{ font-size:16px; color:#cc6600; text-align:right; float:right; padding:0 20px 0 0} /* General Content Paragraph 2 col - width 500 - width 200 */ #container_misc_para { width:900px;} /* container for main paragraph */ #miscContent_para_c2{ width:600px; float:left;} /* container for main paragraph */ #miscContent_para_c2a{ width:900px; float:left;} /* container + float to right side */ #miscContent_para_side {width:300px; float:right;} #miscContent_para_c2 .miscPost { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px;} /* post container */ #miscContent_para_c2 .miscTitle a { font-size:18px; color:#0099CC; text-decoration:none; } #miscContent_para_c2 .miscBodyPost p{ color:#666666; line-height:16px; font-size: 14px; text-align:left; padding:10px 0 0 0; } #miscContent_para_c2 .miscAuthor a{ color:#cc6600; text-align:right; float:right; padding:0 20px 0 0} #miscContent_para_c2a .miscPost { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px;} /* post container */ #miscContent_para_c2a .miscTitle a { font-size:18px; color:#0099CC; text-decoration:none; } #miscContent_para_c2a .miscBodyPost p{ color:#666666; line-height:16px; font-size: 14px; text-align:left; padding:10px 0 0 0; } #miscContent_para_c2a .miscAuthor a{ color:#cc6600; text-align:right; float:right; padding:0 20px 0 0} #miscContent_para_side .miscPost { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px;} /* post container */ #miscContent_para_side .miscTitle a { color:#0099CC; text-decoration:none; } #miscContent_para_side .miscBodyPost p{ color:#666666; line-height:16px; font-size: 14px; text-align:left; padding:10px 0 0 0; } #miscContent_para_side .miscAuthor a{ color:#cc6600; text-align:right; float:right; padding:0 20px 0 0} /* Colunm Style for Recent_Updates_c3 */ .Recent_Updates_c3 h1 { background:url(../images/recentupdates.jpg) no-repeat center; width:300px; height:50px;} .Recent_Updates_c3 h1 span {display:none;} #updates_list { margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif;} .update_post a{ color:#6495ED; font-size:16px;} .update_day { color:#333333; font-size: 14px;} .update_author a{ color:#666666; font-size: 14px;} /* Colunm Style testimonials_c4 */ .testimonials_c4 h1 { background:url(../images/testimonials.jpg) no-repeat center; width:300px; height:70px;} .testimonials_c4 h1 span {display:none;} .testimonial_block { width:278px; float:left; padding-right:5px;} .testimonial_title { line-height:150%; color:#cc6600; font-size:12px; font-family:"Times New Roman", Times, serif; font-size:16px;} .testimonial_body { color:#666666; line-height:125%; font-family:"Times New Roman", Times, serif; font-size:16px; padding:2px;} .miscAuthor a{ color:#cc6600; text-align:right; float:right; padding:0 20px 0 0; font-size:16px} /* resouces */ #resource_wrap { width:300px; float:left; } #r_sidebar h3 { padding:5px; border-bottom:1px solid #000; margin-bottom:10px; border-color:#666; font-size: 14px; color:#FFFFFF;} #r_sidebar { background:url(../images/resource_top.jpg) top center no-repeat #333; width: 300px; height:1300px} #r_sidebar_end {background:url(../images/resource_end.jpg) bottom center no-repeat; width:300px; height:14px; } #r_sidebar_end span {display:none;} /* form */ input.search_r { background:url(../images/search_field_r.jpg) no-repeat #333; border:0; height:17px; width:210px; margin-left:5px; } /* cat list */ #cat_list_r ul { } #cat_list_r li { font-size: 14px; list-style-type:none; width:300px;} #cat_list_r li a{ color:#CCCCCC; padding-left:10px; text-decoration:none;} #cat_list_r li:hover{ background:#000000; text-decoration:underline; width:215px;} #cat_list_r li a:visited { color:#FFFFFF;} /* file type */ /* TEMP WIDTHHHHH!!!!! */ #file_type_r { } #file_type_r ul { padding:0px 0 10px 0;} #file_type_r li { list-style-type:none;} #file_type_r li a{ color:#666666; padding-left:10px; text-decoration:none;} #file_type_r li:hover{ background:#000000; text-decoration:underline; width:215px;} #file_type_r li a:visited { color:#663366;} /* Resource Body */ #body_r { width:640px; float:right; } #content_r { width:600px; text-align:left; } #content_r p, #content_r li, #content_r a { font-size: 14px; } #content_r h3 { border-bottom:2px solid #666666; margin-bottom:15px; font-size: 22px;} .block_dl_r { display:block; border: 1px solid #ccc; margin: 2px 0 20px 0; padding:5px 3px 5px 3px;} .resourcetd { padding: 80px 0 0 0; text-align: left; } .file_type_img { float:left; height:67px; width:67px; border:1px solid #666;} .download_button { float:left; height:20px; font-size:14px; padding:2px 0 0 0;} .file_discription { width:430px; margin-left:85px; } /* mainContent_block_c1 ----->>>>>>>> CALENDAR */ div#miniCalendar { margin:0 0 0 300px;} /* Credit: To veerle for CSS styles */ #calendar { width: 225px; padding: 0; margin: 0; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; text-align: center; } .nav, .nav a { font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-decoration: none; } caption { margin: 0; padding: 0; width: 225px; color: #666; font:16px Verdana, Arial, Helvetica, sans-serif; text-align: center; } th { font: 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:3px 0 3px 0; } .today, td.today a, td.today a:link, td.today a:visited { color: #F6F4DA; font-weight: bold; background:#0066CC; } td { width: 20px; height: 20px; /* text-align: center; */ background: url(images/bg_calendar.gif) no-repeat right bottom; } td a { text-decoration: none; font-weight: bold; display: block; } td a:link, td a:visited { color: #608194; background: url(images/bg_calendar.gif) no-repeat; } td a:hover, td a:active { color: #6aa3ae; background: url(images/bg_calendar.gif) no-repeat right top; } #podcast { float:left; background:url(../images/podcastimg.jpg) no-repeat; height:43px; margin:20px 0 0 0; padding:30px 0 0 90px; font-size:18px; color:#333333;} #podcast a, a:hover{ text-decoration:none;} /* event gallery */ #content_r h2.event_name { background:url(../images/nav_bar_long.jpg) repeat-x; border:1px solid #CCCCCC; color:#333333; font-size:14px; padding:2px; font-weight:normal; } #content_r h2.event_name a {text-decoration:none;} div.gal_images { margin-top:5px; margin-bottom:25px;} div.gal_images img { width:125px; height:110px; margin:0 5px 0 0; } div.gal_images a img { background:#666666; padding:5px; margin:0 6px 0 0;} div.gal_images a:hover img{ background:#333; padding:5px; margin:0 6px 0 0;} /* video page */ #video_wrap { width:939px; border:1px solid #000;} #video_body_container { float:left; width:600px; } #video_box {height:400px; width:590px; border:1px solid #000; margin:5px; padding: 5px; } #video_info { height:200px; color:#333;} #video_info_left{ float:left; width:300px; border-top:1px solid #999999; } #video_info_left ul { padding:10px 0 0 10px;} #video_info_left li { list-style:none;} #video_info_right{ float:right; width:299px; border-top:1px solid #999999; border-left:1px solid #999999;} #video_info_right ul {padding:10px 0 0 10px;} #video_info_right li { list-style:none;} #video_comments { margin-bottom:20px;} /* video top add comments banner */ #video_comments h2 { background:#CCCCCC; font-size:12px; padding:5px; font-weight:normal;} #video_comments h3 {} #video_comments h3 a { font-weight:normal; font-size:10px; text-decoration:none; color:#0066FF; margin-left:20px;} /* video sidebar */ #video_sidebar { float:right; width:245px;} div#minivideoCalendar { margin:0 0 0 50px;} #video_side_search { margin:10px 0 0 10px;} #realtedVideo { } /* Video post container with color changer 1 every other post*/ .vid_side_color { display:block; width:335px; height:110px; } /* Video infomation for video thumb on homepage */ .vid_side_info { float:right;} .vid_side_info ul{ padding:10px 30px 0 30px;} li{ list-style:none;} span.vid_title a{ color:#0066FF; font-size:16px;} span.vid_date { color:#666666;} span.vid_author a{ color:#0066FF; text-decoration:none;} .vid_thumb2 { float:left;} /* MAX thumbnail size - 120x80 */ .vid_thumb2 img { display:block; padding:4px 0 0 0px; height:80px; width:120px; border:0; } .vid_thumb2 img a{ border:0;} .vid_thumb2 span { background:url(../images/vid_thumb_shadow.jpg) no-repeat; display:block; height:80px; width:120px; margin:15px 10px 0 0;} /* Photo Single View */ #container_photo {clear:both; margin:0 auto; } #photoBox { height:450px;} /* container for images to live in */ #previous_photo { width:100px; height:100px; float:left; margin-top:100px; background:url(../images/last_arrow.jpg);} #previous_photo:hover { width:100px; height:100px; float:left; background:url(../images/last_arrow_hover.jpg);} #previous_photo span {display:none} #next_photo { width:100px; height:100px; float:right; margin-top:100px; background:url(../images/next_arrow.jpg);} #next_photo:hover { width:100px; height:100px; float:right; background:url(../images/next_arrow_hover.jpg);} #next_photo span {display:none} #mainPhoto { float:left; margin-left:70px; width:600px; height:400px; border:1px solid #CCC;} span.round_preview {display:none;} #photoPreview_bottom { height:171px; width:850px; margin-bottom:20px; margin:0 auto; background:url(../images/round_bottom.jpg) no-repeat;} #photoThumbHolder{height:160px;} #photoThumbHolder img { margin-top:10px; padding:10px;} .clear { clear:both; } .vid_side_info_right { float:right; }