/** * JDF template * @version 1.0 * @package JDF * @copyright (C) 2006 by Michael R. Smith and AdventureSmith, Inc. - All rights reserved! * @license http://www.adventuresmithinc.com/ Copyrighted Commercial Software **/ /* ##################### EMBEDDED FONTS ##################### QM: ok */ #txtcal1{ width:85px; } #txtcal2{ width:85px; } #txtcal3{ width:85px; } #txtcal4{ width:85px; } #txtcal10{ width:85px; } #txtcal5{ width:85px; } #txtcal6{ width:85px; } #txtcal7{ width:85px; } #txtcal8{ width:85px; } #txtcal9{ width:85px; } #txtcal0{ width:85px; } #txtcal11{ width:85px; } #txtcal12{ width:85px; } #txtcal13{ width:85px; } #txtcal14{ width:85px; } #txtcal15{ width:85px; } .input1257{ width:85px } @font-face { font-family: MACHINE; font-style: normal; font-weight: normal; src: url(../fonts/MACHINE0.eot); } /* ##################### OVERALL SETTINGS ##################### QM: ok */ div.mod_docman_catdown a:link{ color:#fff; list-style:none; } div.mod_docman_catdown ul li{ list-style: none; } div.mod_placehere-btm p, div.mod_placehere-btm td { color:#FFFFFF; font-family:arial; font-size:13px; line-height:150%; } div.mod_placehere-btm a{ color:#990033; font-family:arial; font-size:13px; line-height:150%; } div.mod_placehere-btm a:link { color:#990033; font-family:arial; font-size:13px; line-height:150%; } div.mod_placehere a{ color:#990033; font-family:arial; font-size:13px; line-height:150%; } div.mod_placehere a:link { color:#990033; font-family:arial; font-size:13px; line-height:150%; } div.mod_placehere p, div.mod_placehere td { color:#FFFFFF; font-family:arial; font-size:13px; line-height:150%; } .sectiontableheader a:link{color:#fff;} #jw-sir{ height:250px; margin:0; padding:0 0 0 3px; } body { margin : 0px 0px; background : #ffffcc; font-family : Helvetica, Verdana, Arial, San-serif; font-size : 13px; color : #000033; } td, tr, p, li, div { font-family : Helvetica, Verdana, Arial, San-serif; color : #000033; font-size : 13px; line-height : 150%; text-align : left; } .hr { color : #6699cc; height : 4px; width : 580px; border-bottom : 1px solid #6699cc; margin : 16px 0px 16px 0px; } /* ############## LAYOUT SETTINGS ############### QM: */ p, td {font-family: arial; font-size: 13px; color: #000033; line-height:150%;} #wrap {position: relative; float:left; margin: 0px; width: 100%; height: 100%; background: #CACACA url(../images/bg.png) top repeat-x; text-align: center;} #wrap-position {position: relative; float: center; margin: auto; padding: auto; text-align:center; width:910px;} #wrap-bg {position: relative; float: left; margin: 0; padding: 0; height: 100%; width: 910px; background: url(../images/wrap-body.gif) repeat-y;} #header {position: relative; float: left; width: 910px; height: 150px; background: url(../images/JDF-header.gif) no-repeat; } #header-link {position: absolute; top: 0px; left: 0px; height: 150px; width:140px; z-index:20;} #header-link img {border:0px;} #header-topnav {position: absolute; top: 6px; left: 657px; height:24px; z-index:30;} /*left: 675px;*/ #header-MySam {position: absolute; top: 25px; right:0px; height: 92px; z-index:50; border:0px;} #inset-pagepeal {position: absolute; top: 0px; left:0px; height: 500px; z-index:99; border:0px;} #header-mainnav { position: absolute; top: 120px; height: 30px; overflow: hidden; left: 155px; width: 755px; z-index: 40; text-align: left; } #main-pict-bg {position: relative; float: left; background: url(../images/main/main-pict-bg.gif) no-repeat; width: 910px; height:250px; overflow: hidden;} #main-pict {position: relative; float: left; background: url(../images/main/28.jpg) no-repeat; width: 900px; height:250px; left: 5px; overflow: hidden;} #main-pict-na {position: relative; float: left; background: url(../images/main/default.gif) no-repeat; width: 900px; height:20px; overflow: hidden; left:5px;} #main-copy {position: relative; float: left; width: 800px; left: 92px; } #main-left {position: relative; clear: both; float: left; width: 180px; left:0px; overflow:hidden; } #main-right {position: relative; float: right; margin-left: 20px; margin-top: 10px; width: 600px; } #main-bottom {position: relative; float: left; margin: 0px; width: 600px; } #footer-bg {position: relative; clear: both; float: left; background: url(../images/footer-bg.gif) repeat-y; width: 910px;} #footer-top {position: relative; float: left; width: 910px; height: 30px; background: url(../images/footer-top.gif) no-repeat; } #footer-nav {position: relative; float: left; width: 910px; height: 27px; background: url(../images/footer-nav.gif) no-repeat; overflow: hidden;} #footer-content-left {position: relative; float: left; width: 540px; left: 130px; } #footer-content-right{position: relative; float: right; width: 180px; right: 20px; color:#FFFFFF;} #footer-bottom {clear: both; position: relative; float: left; color: #FFFFFF; width: 910px; overflow:hidden; padding-top: 10px;} #footer-bottom p, #footer-bottom a:link {color:#FFFFFF;} /* ##################### FOOTER TAB LIST ###################### QM: ok */ #tablist{ position: relative; float: left; left: 130px; width: 760px; height: 27px; overflow:hidden; } #tablist ul{ display: inline; line-height:27px; margin: 0px; padding : 0px; } #tablist ul li{ display:table-cell; float: left; line-height: 27px; list-style: none; margin: 0px; padding: 0px; } #tablist ul li.selected { display:table-cell; float: left; line-height: 27px; list-style: none; margin: 0px; padding: 0px; border-left: 2px solid black; background: url(../images/footer-tab.gif) right no-repeat; } #tablist li a:link, #tablist li a:visited, #tablist li a:hover { line-height: 27px; padding: 7px 20px 7px 20px; color: white; text-decoration: none; } #tablist li a:hover { line-height: 27px; padding: 7px 20px 7px 20px; color: white; text-decoration: underline; } .tabcontent{ display:none; color:#FFFFFF; padding:10px; } #tcontent1, #tcontent2, #tcontent3, #tcontent4, #tcontent5 { margin-top: 6px; padding: 0px; } /* ##################### MODULE SETTINGS ###################### QM: ok */ table.moduletable { width : 100%; table-layout : auto; } table.moduletable th { font-weight : bold; text-align : left; color : #003366; } table.moduletable td { padding : 0px; } hr { width : 160px; height : 0px; color : #ffffff; display : hiddden; position : absolute; left : -2000px; } table.moduletable-menu { padding : 30px 0px 0px 0px; width : 180px; text-align : left; } table.moduletable-menu th { width : 160px; height : 30px; text-align : left; } table.moduletable-menu td { display : block; width : 160px; color : #336633; font-size : 12px; border-bottom : 1px solid #efefef; } table.moduletable-menu table{ margin-top : 0px; } table.moduletable-latest-news{ padding-top : 6px; width : 100%; } table.moduletable-latest-news a:link, table.moduletable-latest-news a:hover, table.moduletable-latest-news a:visited, table.moduletable-latest-news a:active { color : #000000; text-decoration : none; padding-left; : 2px; } table.moduletable-most-popular{ padding-top : 6px; width : 100%; } table.moduletable-most-popular a:link, table.moduletable-most-popular a:hover, table.moduletable-most-popular a:visited, table.moduletable-most-popular a:active { color : #000000; text-decoration : none; padding-left; : 2px; } table.moduletable-footer{ padding-top : 6px; width : 100%; } table.moduletable-footer a:link, table.moduletable-footer a:hover, table.moduletable-footer a:visited, table.moduletable-footer a:active { color : #000000; text-decoration : none; padding-left; : 2px; } table.moduletable-most-popular a:hover,table.moduletable-latest-news a:hover, table.moduletable-footers a:hover { background: #000000; color : #FFFFFF; display : block; } table.moduletable-login { padding-top : 10px; margin : 0px; width : 160px; text-align : left; border : 1px solid #333300; } table.moduletable-login td { padding : 0px 6px 0px 6px; font-size : 12px; text-align : left; color : #666633; } table.moduletable-login td a, table.moduletable-login td a:hover { color : #666633; text-decoration : underline; } /* ## Latest News ## QM: ok */ ul.latestnews { color: #FFFFFF; margin: 0px; padding: 0px; float: left; } li.latestnews { display : block; width : 500px; margin : 0px; color : #FFFFFF; text-decoration : none; } li.latestnews a:link, li.latestnews a:active, li.latestnews a:visited { display : block; width : 500px; padding : 4px 4px 4px 20px; margin : 0px; background : url(../images/link-off.gif) no-repeat left; color : #FFFFFF; text-decoration : none; } li.latestnews a:hover { display : block; width : 500px; padding : 4px 4px 4px 20px; margin : 0px; background : url(../images/link-on.gif) no-repeat left; color : #ffffcc; text-decoration : none; } /* ##################### FORMULAR SETTINGS #################### QM: ok */ .button { background-color : #003366; color : #FFFFFF; border : 1px solid #660000; margin : 2px; font-size : 12px; } .inputbox-top { border : 1px solid #003366; background : #FFFFFF url(../images/input.png) no-repeat top; color : #336699; margin : 1px 0px 0px 0px; width : 150px; padding-left : 2px; } .inputbox, .inputbox-login { border : 1px solid #003366; background : #FFFFFF url(../images/input.png) no-repeat top; color : #336699; margin : 0px 0px 2px 5px; } .mod_login-login { font-family : arial,serif; font-size : 11px; } #mod_loginform-login { margin-top : 20px; } /* ################# SECTION LISTING SETTINGS ################# QM: ok */ .sectiontableheader { font-size : 11px; font-weight : normal; text-align : center; color : #FFFFFF; background : #003366; padding : 0px 0px; } .sectiontableentry1 { background : #F9F9F9; padding : 3px 2px; } .sectiontableentry2 { background : #F0F0F0; padding : 3px 2px; } /* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */ #main-top { color : #FFFFFF; } #main-top a:link, #main-top a:active, #main-top a:visited { color : #FFFFFF; text-decoration : none; padding : 0; } /* padding : 0px 6px 0px 6px;*/ #main-top a:hover { color : #FFFFFF; text-decoration : underline; padding : 0; } /* padding : 0px 6px 0px 6px;*/ span.mainlevel-top { color : #FFFFFF; } /* ################# MAIN navigation ################# QM: ok */ #toplevel { position : relative; float : left; margin : 0px; padding : 0px; height : 32px; width : 755px; text-align : left; overflow : hidden; } #toplevel ul { text-align: : left; margin : 0px; padding : 0px; height : 30px; width : 755px; overflow : hidden; } #toplevel li.blue, #toplevel li.active_menu { display:inline; line-height:30px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:10px 9px 7px; font-family:arial,verdana,tahoma; font-size:11px; } #toplevel li.blue a:link,#toplevel li.blue a:visited { color : #FFFFFF; text-decoration : none; padding:10px 4px 0; } #toplevel li.blue a:hover { color : #FFFFFF; text-decoration : underline; padding:10px 4px 0; } #toplevel li.active_menu a:active, #toplevel li.active_menu a:visited, #toplevel li.active_menu a:hover, #toplevel li.active_menu a:link { PADDING-BOTTOM: 8px; MARGIN-TOP: 1px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: url(../images/main-navtab-bg.gif) left bottom; COLOR: #000000; BORDER-RIGHT: #000000 1px solid; TEXT-DECORATION: none; PADDING-TOP: 11px } a.div:link, a.div:visited, a.div:active { text-decoration: none; color: #006600;} a.div:hover h2, a.div:hover p {color: #990033; } a.div:link, a.div:visited, a.div:active h2 { color: #000000; text-decoration: none; } a.div:link, a.div:visited, a.div:active p { color: #006600; text-decoration: none; } a.mainlevel { font-family : Arial, Helvetica, sans-serif; margin : 0px; padding : 2px 4px 2px 20px; font-size : 12px; width : 170px; color : #003366; } a.mainlevel:link, a.mainlevel:visited { display : block; width : 180px; padding : 2px 4px 2px 20px; margin : 0px; color : #003366; text-decoration : none; } a.mainlevel:hover { display : block; width : 180px; padding : 2px 4px 2px 20px; margin : 0px; background : url(../images/link-arrow.gif) no-repeat left; color : #003333; text-decoration : none; } #active_menu { font-weight : bold; color : #003366; } a#active_menu:hover { } #menu_vert { margin : 10px 0px 0px 0px; padding : 34px 0px 0px 0px; width : 160px; text-align : left; } #menu_vert ul.submenu { text-align : left; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; width : 180px; border-right : 1px dotted #003366; } #menu_vert ul.submenu li { list-style : none; } #menu_vert ul.submenu li a:link, #menu_vert ul.submenu li a:visited { display : block; width : 160px; padding : 2px 4px 2px 20px; margin : 0px; color : #003366; text-decoration : none; } #menu_vert ul.submenu li a:active, #menu_vert ul.submenu li.active_menu a:active { display : block; width : 160px; padding : 2px 4px 2px 20px; margin : 0px; background : url(../images/link-arrow.gif) no-repeat left center; color : #003366; text-decoration : none; } #menu_vert ul.submenu li a:hover { display : block; width : 160px; padding : 2px 4px 2px 20px; margin : 0px; background : url(http://joedumarsfieldhouse.com/templates/jdf/images/link-arrow-r.gif) no-repeat left center; color : #003366; text-decoration : none; } #menu_vert ul.submenu ul { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; } #menu_vert ul.submenu ul a:link, #menu_vert ul.submenu ul a:visited { padding : 2px 4px 2px 20px; margin-left : 15px; background : url(../images/indent1.png) no-repeat left; color : #003366; text-decoration : underline; border-bottom : 0px; } #menu_vert ul.submenu ul a:hover { padding : 2px 4px 2px 20px; margin-left : 15px; background : url(../images/indent1.png) no-repeat left; color : #003366; text-decoration : underline; border-bottom : 0px; } #menu_vert ul.submenu ul a:active { padding : 2px 4px 2px 20px; margin-left : 15px; background : url(../images/indent1.png) no-repeat left; color : #003333; text-decoration : underline; border-bottom : 0px; } /* ########################### LINKS ########################## QM: ok */ a:link { color : #003366; text-decoration : underline; } a:visited { color : #990033; text-decoration : none; } a:hover { color : #003366; text-decoration : underline; } a.white:link, a.white:visited, a.white:hover {color: #FFFFFF; text-decoration:underline;} a.white:hover {color: #FFFFFF; text-decoration: underline;} a.category:link, a.category:visited { font-weight : bold; } .readon { font-weight : bold; } /* ##################### PAGE NAVIGATION ###################### QM: ok */ .pagenavbar { padding : 3px; text-align : center; } .contenttoc { width : 180px; background-color : #FFFFFF; border : 1px double #990033; padding : 2px; text-align : right; } .contenttoc th { padding : 3px 5px; font-size : 14px; font-weight : bold; text-transform : uppercase; text-align : left; letter-spacing : 1px; color : #003366; } .contenttoc td { padding : 2px 5px; } /* ################### SMALL FONT SETTINGS #################### QM: ok */ .small { font-size : 10px; color : #003366; } .smalldark { font-size : 10px; color : #000000; } .createdate, .modifydate { font-size : 10px; color : #003366; } /* ##################### VOTING SETTINGS ###################### QM: */ .content_rating { font-size : 10px; color : #990033; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; padding-left : 10px; padding-right : 10px; background-color : #FFFFFF; border : 1px double #990033; } /* ##################### PATHWAY SETTINGS ##################### QM: ok */ .pathway { font-size : 12px; color : #003366; letter-spacing : 1px; margin-left : 4px; } a.pathway:link, a.pathway:visited { color : #990033; font-size : 12px; } a.pathway:hover { font-size : 12px; } /* ################### CONTENT PAGE SETTINGS ################## QM: ok */ .contentpane { padding : 0px; } .contentpaneopen { margin : 0px; padding : 0px; text-align : left; vertical-align : top; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; } .componentheading { padding : 0px; margin : 0px; font-size : 24px; text-align : left; color : #003366; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; display : block; } .contentheading { padding : 0px; margin : 0px; font-size : 24px; text-align : left; color : #660000; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; display : block; } .contentpagetitle { padding : 0px; margin : 0px; font-size : 24px; text-align : left; color : #003366; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; display : block; } a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active { text-decoration : none; color : #996600; } h1 { padding : 12px 0px 0px 0px; margin : 0px 0px 0px 0px; font-size : 22px; font-weight : bold; text-align : left; color : #996600; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; line-height : 100%; } h2 { padding : 12px 0px 0px 0px; margin : 0px 0px 0px 0px; font-size : 18px; font-weight : normal; text-align : left; color : #660000; font-family : MACHINE, Impact, Helvetica, Verdana, Arial, San-serif; line-height : 18px; } .nopadding { margin : 0px; padding : 0px; } h3 { padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; font-size : 15px; text-align : left; color : #000000; font-family : MACHINE, Helvetica, Verdana, Arial, San-serif; line-height : 100%; } h5 { padding : 12px 0px 0px 0px; margin : 0px 0px 0px 0px; font-size : 18px; font-weight : normal; text-align : left; color : #660000; font-family : MACHINE, Helvetica, Verdana, Arial, San-serif; line-height : 18px; } /* ###################### BUTTON SETTINGS ##################### QM: ok */ a.readon:link, a.readon:visited { color : #FFFFFF; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; border : 1px solid #660000; background : #660000; padding : 2px 4px 2px 4px; margin-top: : 2px; line-height : 10px; text-decoration : none; float : right; } a.readon:hover { color : #FFFFFF; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; border : 1px solid #990033; background : #660000; padding : 2px 4px 2px 4px; margin-top: : 2px; line-height : 10px; text-decoration : none; float : right; } .back_button a:link, .back_button a:visited { color : #FFFFFF; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; border : 1px solid #990033; background : #660000; padding : 2px 4px 2px 4px; margin-top: : 2px; line-height : 10px; text-decoration : none; float : right; } .back_button a:hover { color : #FFFFFF; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; border : 1px solid #990033; background : #660000; padding : 2px 4px 2px 4px; margin-top: : 2px; line-height : 10px; text-decoration : none; float : right; } .pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited { color : #003366; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; float : right; line-height : 10px; text-decoration : none; margin : 6px 0px 10px 0px; } .pagenav a:hover, .buttonheading a:hover { color : #336699; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; float : right; line-height : 10px; text-decoration : none; margin : 6px 0px 10px 0px; } /* ###################### CONTENT SETTINGS ##################### QM: ok */ .img-left {float: left; margin-right: 10px;} .img-right {float: right; marign-left: 10px;} .img-center {float: center; margin: 10px;} .img-right-border {float: right; margin: 0px 0px 10px 10px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;} .img-left-border {float: left; margin: 0px 10px 10px 0px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;} .img-center-border-ns {float: center; margin 0px 0px 0px 0px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF;} .blue {color: #003366;} .red {color: #660000;} .left110 {position: relative; float: left; width: 105px; } .right510 {position: relative; float: right; width: 400px; } .seo {position: absolute; left: -999em;} /* ###################### HOME BOXES ##################### QM: ok */ #home-container {float:left; width:448px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px;} #home-l {float: left; width: 114px; height:114px; border:1px solid #003366; } #home-r {float: left; width: 310px; min-height:116px;} #home-l img {border:2px solid #ffffff; } #main-right h1, #main-right h2, #main-right .componentheading {font-family: Machine, Impact, Arial, Helvetica; text-transform: uppercase; font-size:18px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:100; line-height:18px; line-spacing:100%;} #main-right a:link, #home-r a:active, #home-r a:hover, #home-r a:visited {text-decoration: none;} #main-right p {line-spacing: 100%; line-height: normal; padding: 0px 0px 0px 12px;} #main-right td p{padding:0px !important; line-height: 150% !important;} /* Added on 11-12-2012*/ /* ###################### BOTTOM MODS ##################### QM: ok */ div.mod_contentitem-btm .img-right-border {float: right; margin: 0px 0px 10px 10px; padding: 1px; border: 1px solid #CCCCCC; background: #FFFFFF;} div.mod_contentitem-btm .img-left-border {float: left; margin: 0px 10px 10px 0px; padding: 1px; border: 1px solid #CCCCCC; background: #FFFFFF;} div.mod_contentitem-btm p, div.mod_contentitem-btm td {font-family: arial; font-size: 13px; color: #FFFFFF; line-height:150%;} div.mod_contentitem-btm a:link {color: #FFFFFF; text-decoration: none;} div.mod_contentitem-btm a:visited {color: #FFFFFF; text-decoration: none; } div.mod_contentitem-btm a:hover {color: #FFFFFF; text-decoration: underline; } div.mod_contentitem-btm a.readon:link, a.readon:visited { color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; border: 1px solid #660000; background: #660000; padding: 2px 4px 2px 4px; margin-top: 2px; line-height: 10px; text-decoration: none; float: right; } div.mod_contentitem-btm a.readon:hover {color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; border: 1px solid #990033; background: #660000; padding: 2px 4px 2px 4px; margin-top: 2px; line-height: 10px; text-decoration: none; float: right; } a.dm_mod_catdown:link, a.dm_mod_catdown:visited,a.dm_mod_catdown:active {color: #FFFFFF; text-decoration:none; font-weight:normal;} a.dm_mod_catdown:hover {color: #FFFFFF; text-decoration:underline; font-weight:normal;} div.white {color:#FFFFFF}; div.white p {color:#FFFFFF}; div.white a {color:#FFFFFF; text-decoration:underline}; /* ###################### TABLES for SCHEDULES AND COURSES ##################### QM: ok */ #sports-table {width: 572px;} #sports-table table {border: 1px solid #003366; background:#FFFFFF; width:572px; overflow:hidden;} #sports-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; } #sports-table td {padding:0px 2px 0px 2px; font-size: 12px; border-bottom: 1px solid #6699cc; text-align:left; vertical-align:top; padding-left:35px} #sports-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;} #sports-table tr.sessions {background:#FFFFFF;} #events-table {width:580px;} #events-table table {border: 1px solid #003366; background:#FFFFFF; width:580px; overflow:hidden;} #events-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; } #events-table td {padding:0px 2px 0px 2px; font-size: 12px; text-align:left; vertical-align:top;} #events-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;} #events-table td.caption {background:#EAEAEA; margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;} #rental-table {} #rental-table table {border: 1px solid #003366; background:#FFFFFF; width:580px;} #rental-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; } #rental-table td {padding:0px 2px 0px 2px; font-size: 12px; text-align:left; vertical-align:top;} #rental-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;} #rental-table td.caption {background:#EAEAEA; margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;} #camps-table {} #camps-table table {border: 1px solid #003366; background:#FFFFFF;} #camps-table th {height: 32px; background:URL(../images/table-header.gif) repeat-x; font-family:machine,arial; font-size: 18px; padding:0px 0px 4px 12px; color:#FFFFFF; font-weight: 100; text-align:left; } #camps-table td {padding:1px 2px 1px 2px; font-size: 12px; text-align:left; vertical-align:top;} #camps-table td h2 {margin:0px; padding:0px; text-align:center;} #camps-table tr.header {background:#6699cc; padding-top:6px; border-top: 1px solid #003366;} #camps-table td.desctiption {background:#EAEAEA; margin:0px 4px 0px 4px; border:2px 6px 2px 6px solid #FFFFFF;} #camps-table td.links {margin:0px 2px 0px 2px; border:2px 4px 2px 4px solid #FFFFFF;} #camps-table td.links p {background:#EAEAEA; padding: 1px 1px 1px 1px; margin: 3px 0px 3px 0px; border-bottom: 1px #6699cc solid;} /* ###################### FAQs ##################### QM: ok */ .question {padding: 0px 0px 0px 20px; margin: 18px 0px 0px 0px; background:URL(../images/question.gif) left top no-repeat; color:003366;} .answer {padding: 0px 0px 0px 20px; margin: 6px 0px 0px 0px; background:URL(../images/answer.gif) left top no-repeat; } /* ###################### Events Setting ##################### QM: ok */ #event-ad p {padding: 6px; font-family: arial; font-weight; bolder; font-size: 14px; text-align: center; line-spacing:100%; line-height:18px;} #event-ad span {font-size: 18px;} #event-block {float: right; width:165px; padding: 10px; margin: 0px 0px 10px 10px; background: #660000; color: white;} #event-block h1 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal; text-align: left; color: #FFFFFF; font-family: MACHINE, Helvetica, Verdana, Arial, San-serif; line-height: 100%;} #event-block p {color: white;} #call-block {position:relative; float: left; width: 600px; height: 135px; border: 1px solid #660000; padding: 0px; background:URL(../../../images/stories/icons/JDF-call-button.gif) no-repeat; padding: 0px; margin: 0px;} #call-block-text {position: absolute; width:256px; height: 110px; top: 14px; left: 340px;} #call-block-text ul {padding: 0px; margin:0px; list-style-type:none;} #call-block-text li.phone {list-style: none; background:URL(../../../images/stories/icons/icon-phone.gif) top left no-repeat; padding-left:28px; } #call-block-text li.form {list-style: none; background:URL(../../../images/stories/icons/icon-form.gif) top left no-repeat; padding-left:28px; } #call-block-text li.email {list-style: none; background:URL(../../../images/stories/icons/icon-mail.gif) top left no-repeat; padding-left:28px; }