/* CSS Document Style Sheet (c) Copyright 2007 Tangletree Graphic Design - background-image:url('../img/tile_main.gif'); --------------------------------------------------------------------------------------------------*/ body { font-family: arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; background-color: #fff; color: #666465; background-image: url('../img/jo-bgd.jpg'); background-repeat: no-repeat; } /* Contents --------------------------------------------------------------------------------------------------*/ #header { width: 570px; height: 106px; clear: both; } #wrapper { width: 800px; } #navbox { float: left; width: 150px; height: 800px; } #contentbox { float: right; width: 570px; } #main { float: left; width: 900px; margin: 0px 0px 8px 0px; display: inline; } #p_box { float: left; width: 250px; height: 650px; margin: 0px 0px 0px 0px; display: inline; } #footer { width: 150px; height: 180px; margin: 0px 0px 0px 40px; } #logo { width: 150px; height: 142px; margin: 40px 0px 0px 40px; } #content_home { margin: 392px 0px 0px 0px; width: 300px; } #breadcrumb { float: left; margin: 8px 0px 0px 40px; width: 400px; height: 20px; display: inline; } #column { margin: 0px 0px 0px 40px; width: 600px; display: inline; } #column_contact { margin: 0px 0px 0px 40px; width: 600px; clear: both; } /* Links --------------------------------------------------------------------------------------------------*/ .text { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:link { font-size: 13px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:visited { font-size: 13px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:hover { font-size: 13px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text_bd { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .legend { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:link { font-size: 9px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:visited { font-size: 9px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:hover { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend_bd { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .address { font-size: 10px; color: #011931; font-family : arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; } .address a:link { font-size: 10px; color: #011931; font-family : arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; background-color:#D4E1EE; } .address a:visited { font-size: 10px; color: #011931; font-family : arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; background-color:#D4E1EE; } .address a:hover { font-size: 10px; color: #fff; font-family : arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; background-color:#D4E1EE; } .smallprint { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:link { font-size: 11px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:visited { font-size: 11px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:hover { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint_bd { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .breadcrumb { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:link { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:visited { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:hover { font-size: 9px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb_bd { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .intro_txt { font-size: 18px; color: #666465; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:link { font-size: 18px; color: #003366; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:visited { font-size: 18px; color: #003366; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:hover { font-size: 18px; color: #A1A1A1; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt_bd { font-size: 18px; color: #666465; font-family : georgia, serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .latest_txt a:link { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt a:visited { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt a:hover { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt_bd { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .sub_txt { font-size: 12px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:link { font-size: 12px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:visited { font-size: 12px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:hover { font-size: 12px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt_bd { font-size: 12px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .h4 { font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:link { font-size: 13px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:visited { font-size: 13px; color: #003366; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:hover { font-size: 13px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description_bd { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } /* Type --------------------------------------------------------------------------------------------------*/ .dates { font-size: 10px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; } .news_h1 { font-size: 18px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; font-weight: bold; } /* Homepage --------------------------------------------------------------------------------------------------*/ /* HACKS --------------------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display:block; height:0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* --------------------------------------------------------------------------------------------------*/