/* CSS Document */ * { margin : 0;} * { padding: 0;} body{ background:url(../ywam_jeffreys_bay_images/grass.png) repeat-x; background-color:#0a57a9; font : 80% Arial, sans-serif; color:#FFFFFF; line-height:1.5em; } h3 { padding-left:5px; font-size: 135%; } h4 { padding-left:5px; font-size: 150%; margin-bottom:5px; } a:link, a:visited{ color:#fff; } #container{ position:relative; margin:auto; width: 802px; height:100%; text-align:left; padding-left:1px; } #bodycontent { width: 100%; height: 100%;} #branding { margin-bottom:0; padding:0; width: 802px; height: 190px; } h1 {text-indent : -9999px; } blockquote { text-indent : -9999px; } h3{ margin-bottom:5px;} #quicklinks{ width:140px; text-align: left; padding-top: 0px; list-style-type:none; padding-left: 0px; padding-bottom: 5px; float: right; margin-top: 10px; font-size: 1em; } #p { font-size:16px;} #sidebar{ width:151px; text-align: left; list-style-type:none; padding-left: 0px; padding-bottom: 5px; padding-top: 0px; float: left; margin: 0px; font-size: .7em; } #sidebar ul { margin: 0 5px 0 10px; padding: 0; list-style-type: none; } #sidebar ul { margin: 1.0em 0 1.5em 0; border-top: 1px dashed #fff; } #sidebar ul li { padding: 0 0 0 10px; border-bottom: 1px dashed #fff; } #sidebar ul li a { font-size: 1.4em; display: block; margin: 0 0 0 -10px; padding: 3px 3px 3px 7px; text-decoration:none; background-color:#0a57a9; color:#fff; } #sidebar ul li a:hover { background-color: #fff; color:#0a57a9; } #content_main{ position:relative; padding-left:4px; padding-right:6px; padding-bottom:60px; margin: auto; width: 475px; height: 100%; } .clear{ clear:both; } #footer { font-size:90%; margin-top:5px; border-top: 1px solid #fff; height:50px; text-align: center; } /* ------------------------------------------------------------------------------------------------------------- */ /* the five photolinks on the home page , includes postioning and hit state*/ ul#pics{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; padding : 0;margin-left:20px ; background-image:url(../ywam_jeffreys_bay_images/picsh.jpg); list-style-type:none; text-indent:-9999px; } li#pic_1 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_2 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_3 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_4 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_5 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#pics a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* ------------------------------------------------------------------------------------------------------------- */ /* the youth banner under the main banner on the homepage, just postioning */ ul#youth{ z-index : 1; position : relative; width : 480px; height : 201px; margin-top : 5px; margin:5px ;padding : 0; background-image:url(../ywam_jeffreys_bay_images/youth.jpg); list-style-type:none; text-indent:-9999px; } /* ------------------------------------------------------------------------------------------------------------- */ /* three sidelink banners under the quicklinks unordered list, includes postioning and hitstate */ ul#sidelink{ z-index : 1; position : relative; width : 154px; height : 477px; left : -11px; margin-top : 30px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/sidelink.gif); list-style-type:none; text-indent:-9999px; } li#sidelink01 { position : absolute; top : 0px; left : 0px; width : 154px; height : 155px;} li#sidelink02 { position : absolute; top : 165px; left : 0px; width : 154px; height : 155px; } li#sidelink03 { position : absolute; top : 320px; left : 0px; width : 154px; height : 155px; } ul#sidelinks a { display : block; width : 154px; padding-top : 135px; text-decoration : none; overflow : hidden; } /* ------------------------------------------------------------------------------------------------------------- */ ul#dan{ z-index : 1; position : absolute; width : 142px; height : 182px; left : 0px; top : 580px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/dan.gif); list-style-type:none; text-indent:-9999px; } li#dan { position : absolute; top : 0px; left : 0px; width : 142px; height : 182px;} ul#dan a { display : block; width : 154px; padding-top : 200px; text-decoration : none; overflow : hidden; } /* ------------------------------------------------------------------------------------------------------------- */ .one { margin-left:5px; margin-right:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .two { margin-left:5px; margin-right:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .three { margin-left:5px; margin-right:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .four { margin-left:5px; margin-right:5px; margin-bottom : 5px; padding-bottom : 15px;padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .five { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .six { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px;padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .seven { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .eight { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .nine { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px;padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .ten { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .eleven { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .twelve { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .thirteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .fourteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .fifteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .aids{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .sixteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .seventeen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .eighteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .nineteen { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .twenty { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .twentyone { margin-left:5px; margin-bottom : 5px; padding-bottom : 450px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .twentyoneb { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .twentytwo { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .twentythree { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .twentyfour { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .twentyfive { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .twentysix { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .twentyseven { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .twentyeight { margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .twentynine{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .thirty{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .thirtyone{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .thirtytwo{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;} .thirtythree{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .thirtyfour{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px;border-bottom: dashed 1px #CCCCCC; } .thirtyfive{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .thirtysix{ margin-left:5px; margin-bottom : 5px; padding-bottom : 350px; padding-top: 10px; } .thirtyseven{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .thirtyeight{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .thirtynine{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .fourty{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC;} .fourtyone{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC; } .fourtytwo{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; border-bottom: dashed 1px #CCCCCC;} .fourtythree{ margin-left:5px; margin-bottom : 5px; padding-bottom : 15px; padding-top: 10px; } .forms{ margin-left:5px; margin-bottom : 5px; padding-bottom : 330px; padding-top: 10px; } /* ------------------------------------------------------------------------------------------------------------- */ /* first row of photo thumbnails on the gallery page , includes postioning and hit state*/ ul#batch01{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px;padding : 0; background-image:url(../ywam_jeffreys_bay_images/batch01.jpg); list-style-type:none; text-indent:-9999px; } li#pic_6 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_7 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_8 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_9 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_10 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#batch01 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* second row of photo thumbnails on the gallery page , includes postioning and hit state*/ ul#batch02{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/batch02.jpg); list-style-type:none; text-indent:-9999px; } li#pic_11 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_12 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_13 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_14 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_15 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#batch02 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* third row of photo thumbnails on the gallery page , includes postioning and hit state*/ ul#batch03{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/batch03.jpg); list-style-type:none; text-indent:-9999px; } li#pic_16 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_17 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_18 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_19 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_20 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#batch03 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* fourth row of photo thumbnails on the gallery page , includes postioning and hit state*/ ul#batch04{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/batch04.jpg); list-style-type:none; text-indent:-9999px; } li#pic_21 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_22 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_23 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_24 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_25 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#batch04 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* fifth row of photo thumbnails on the gallery page , includes postioning and hit state*/ ul#batch05{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; margin-left:20px; padding : 0; background-image:url(../ywam_jeffreys_bay_images/batch05.jpg); list-style-type:none; text-indent:-9999px; } li#pic_26 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_27 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_28 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_29 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_30 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#batch05 a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* the five photolinks on the news and events page , includes postioning and hit state*/ ul#eventpics{ z-index : 1; position : relative; width : 435px; height : 85px; margin-top : 10px; margin-bottom:10px ; padding : 0;margin-left:20px ; background-image:url(../ywam_jeffreys_bay_images/picsn2n.jpg); list-style-type:none; text-indent:-9999px; } li#pic_e1 { position : absolute; top : 3px; left : 1px; width : 80px; height : 80px; } li#pic_e2 { position : absolute; top : 3px; left : 89px; width : 80px; height : 80px; } li#pic_e3 { position : absolute; top : 3px; left : 176px; width : 80px; height : 80px; } li#pic_e4 { position : absolute; top : 3px; left : 264px; width : 80px; height : 80px; } li#pic_e5 { position : absolute; top : 3px; left : 351px; width : 80px; height : 80px; } ul#eventpics a { display : block; width : 80px; padding-top : 60px; text-decoration : none; overflow : hidden; } /* ------------------------------------------------------------------------------------------------------------- */ A:link {text-decoration: none; color: #fff;} A:visited {text-decoration: none; color: #fff;} A:active {text-decoration: none; color: #fff;} A:hover {text-decoration:none; color: #B9D0FD;}