/* Title: Cadwyn Housing date: December 2006 */ * { margin: 0; padding: 0; list-style: none; outline: none; } body { margin: 0; padding: 0; font-size: 100%; background-color: #F3F3F3; background-image: url(../siteimages/main-bg.gif); background-position: top; background-repeat: repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif;} img { border: none; margin: 0; padding: 0;} a img { border: none;} div,input,form,h1,h2,h3,h4,h5,hr,p,dl,dd,dt,ol,object,param { margin: 0; padding: 0;} /* skip ---------------------------------------------------------- */ a#skip { padding: 0 0.5em; display: inline; z-index: 2; text-decoration: none; position: absolute; width: 14em; left: -200em;} a#skip:focus, a#skip:hover, a#skip:active { position: absolute; left: 0.5em; border: 1px solid #cccccc; color: #ffffff; background-color: #FF9900;} /* structure styles ---------------------------------------------------------- */ #container { width: 780px; text-align: left; margin-left: auto; margin-right: auto; background-color: #ffffff;} #topbar { width: 780px; text-align: left; color: #0091A8; margin-left: auto; margin-right: auto; font-size: 70%;} #contact { width: 390px; float: left; position: relative;} #contact ul { list-style: none; width: 390px; margin: 0; padding: 0; float: left;} #contact li { float: left; display: inline; padding-right: 5px; margin-top: 7px; font-weight: bold;} #contact a:link, #contact a:visited { color: #0091A8; text-decoration: underline;} #contact a:hover { text-decoration: underline;} #wrapper { width: 780px; padding-bottom: 40px; background-image: url(../siteimages/wrapper-bg.jpg); background-position: top; background-repeat: no-repeat;} #rightcol { width: 222px; padding: 0; float: right; position: relative;} #maincol { float: left; display: inline; position: relative; width: 538px; padding: 0 10px 0 10px;} #maincol-2cols { width: 538px; margin-top: 10px;} #left-2cols { width: 324px; float: left; position: relative;} #right-2cols { width: 214px; float: right; display: inline; position: relative;} #rightcol-other { width: 558px; padding: 0; float: right; position: relative;} #maincol-other { float: left; display: inline; position: relative; width: 202px; padding: 0 10px 0 10px;} #rightcol-splash { width: 360px; padding: 15px; float: right; position: relative;} #maincol-splash { float: left; display: inline; position: relative; width: 360px; padding: 15px; background-image: url(../siteimages/splash-div.gif); background-position: right; background-repeat: no-repeat;} /* header ---------------------------------------------------------- */ #header { position: relative; width: 780px; height: 120px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; background-image: url(../siteimages/temp-header.jpg); background-position: top; background-repeat: no-repeat;} #logo { float: left; position: relative; width: 100px; padding: 10px; margin: 0;} /* poll ---------------------------------------------------------- */ #pollform label { display: none;} #pollform { padding: 5px;} /* search box ---------------------------------------------------------- */ #searchbox { float: right; display: inline; position: relative; padding-top: 85px;} #searchForm { margin: 0; padding: 5px;} #searchForm input { margin: 0; padding: 2px;} #go { vertical-align: middle; margin: 0; padding: 0;} .bg { background-color: #BEECFF; border: 1px solid #ffffff;} /* navigation ---------------------------------------------------------- */ /* TOP NAV */ #topnav { width: 390px; height: 27px; float: right; display: inline; position: relative;} #topnav ul { list-style: none; width: 390px; margin: 0; padding: 0; float: right;} #topnav li { float: right; display: inline; padding-left: 10px; margin-top: 7px;} #topnav a:link, #topnav a:visited { color: #0091A8; text-decoration: underline;} #topnav a:hover { text-decoration: underline;} /* MAIN NAV */ #nav { position: relative; height: 37px; width: 780px; margin: 0; padding: 0; background-color: #0091A7; background-image: url(../siteimages/nav-bg.jpg); background-position: top left; background-repeat: repeat-x;} ul#navlist { padding: 5px 0 0 20px; margin: 0; font-weight: bold;} #navlist li { display: inline; list-style-type: none; font-size: 80%; margin: 0; padding: 0 5px 0 5px;} #navlist a { margin: 0; padding: 0; color: #FFFFFF; text-decoration: none;} #navlist a:hover, #navlist a.active { color: #E2F5FA; height: 37px; text-decoration: underline;} #navlist li.last { border-right: none;} /* MAIN NAV */ #nav { font-size: 62.5%; width: 780px; height: 36px; padding: 0; margin: 0; background-image: url(../siteimages/nav-bg.jpg); background-repeat: repeat-x; background-position: top; background-color: #0091A7;} #nav li { margin: 0; padding: 0; display: inline; list-style: none; height: 36px;} #nav p { color: #333333;} #nav a { font-size: 1.1em; float: left; line-height: 3.1em;/**/ font-weight: bold; padding: 0 10px; text-decoration: none; color: #fff; border-right: 1px solid #0091A7;} #nav a:hover { border-bottom: 2px solid #DFF3F9; color: #DFF3F9;} /* (LEFT) ARTICLE NAVIGATION */ #navcontainer { font-size: 75%; padding-top: 2px; margin: 0;} #navcontainer ul { margin: 0; padding-left: 0; list-style: none;} #navcontainer li { margin: 0 0 1px 0;} #navcontainer a { display: block; padding: 7px 20px; width: 137px; color: #666666; text-decoration: none; background: url(../siteimages/nav-border.gif) no-repeat; background-position: left; background-color: #DFEABB;} #navcontainer a:hover { color: #666666; background: url(../siteimages/subnav-border.gif) no-repeat; background-position: left; background-color: #CADC8D; text-decoration: none;} #navcontainer ul ul li { margin: 1px 0 1px 0; padding-left: 15px;} #navcontainer ul ul a { display: block; padding: 7px 5px 7px 20px; width: 137px; color: #666666; background: url(../siteimages/nav-border.gif) no-repeat; background-position: left; background-color: #DFEABB; text-decoration: none;} #navcontainer ul ul a:hover, #navcontainer a.active, #navcontainer a.subactive { color: #666666; background: url(../siteimages/subnav-border.gif) no-repeat; background-position: left; background-color: #CADC8D; text-decoration: none;} /* BREADCRUMB */ #breadcrumb { color: #666666; width: 760px; padding: 10px;} #breadcrumb ul { list-style: none; padding: 0; margin: 0;} #breadcrumb li { display: inline; list-style-type: none; font-size: 70%;} #breadcrumb a { color: #0091A7; text-decoration: underline;} #breadcrumb a:hover, #breadcrumb a.active { color: #0091A7; text-decoration: underline;} blockquote { margin: 20px 0 20px 0; padding: 0; background-image: url(../siteimages/blockquote-bg.gif); background-repeat: no-repeat; font-size: 80%; width: 279px;} #quote { margin: 0 10px 0 22px; color: #666666;} #article-nav { font-size: 80%; margin: 0; padding-top: 10px;} #article-nav ul { margin: 0; padding-left: 22px;} #article-nav li { text-decoration: none; list-style-image: url(../siteimages/bullet.jpg);} #article-nav a { text-decoration: none; color: #337FC4;} #article-nav a:hover, #article-nav a.active { color: #337FC4; text-decoration: none; border-bottom: 1px dotted #337FC4;} ul#article-subnav { margin: 0; padding-left: 14px;} #article-subnav li { margin: 0; padding: 0; text-decoration: none; list-style-image: url(../siteimages/bullet-sub.gif);} #article-subnav a { text-decoration: none; color: #337FC4;} #article-subnav a:hover, #article-subnav a.active { color: #337FC4; text-decoration: none; border-bottom: 1px dotted #337FC4;} /* content styles --------------------------------------------------------- */ /* CONTENT BOXES */ .content-box { font-size: 80%; padding: 10px; margin: 0 10px 10px 0; background-color: #EAF3F8; background-image: url(../siteimages/box-bg.gif); background-position: bottom; background-repeat: repeat-x;} .content-box p { margin: 0; padding-bottom: 7px; line-height: 16px; font-size: 100%; color: #333333;} .content-box a { font-weight: normal; color: #0091A7; text-decoration: underline;} .content-box a:hover, .content-box a.active { color: #00B8D2; text-decoration: underline;} .content-box ul { margin: 0; padding: 0;} li#repairs { margin: 0; height: 26px; padding-left: 35px; background: url(../siteimages/repairs-icon.jpg) no-repeat 0 50%;} li#rent { margin: 0; height: 26px; padding-left: 35px; background: url(../siteimages/rent-icon.jpg) no-repeat 0 50%;} li#complaints { margin: 0; height: 26px; padding-left: 35px; background: url(../siteimages/complaints-icons.jpg) no-repeat 0 50%;} li#housing { margin: 0; height: 26px; padding-left: 35px; background: url(../siteimages/housing-icon.jpg) no-repeat 0 50%;} .content-other-box { font-size: 80%; padding: 8px 10px 10px 10px; margin: 0 0 10px 0; background-color: #F7FAED; background-image: url(../siteimages/box-other-bg.gif); background-position: bottom; background-repeat: repeat-x;} .content-other-box p { margin: 0; padding: 0; line-height: 16px; font-size: 100%; color: #333333;} .content-other-box a { font-weight: normal; color: #0091A7; text-decoration: underline;} .content-other-box a:hover, .content-other-box a.active { color: #00B8D2; text-decoration: underline;} .splash-boxes { font-size: 80%; padding-bottom: 20px; margin-top: 40px;} .splash-boxes img { float: left; padding-right: 10px;} .splash-boxes a { font-weight: normal; color: #0091A7; text-decoration: underline;} .splash-boxes a:hover, .splash-boxes a.active { color: #00B8D2; text-decoration: underline;} .event { padding-bottom: 10px;} .heading { color: #CC6600; background-image: url(../siteimages/dotted-line.gif); background-position: bottom; background-repeat: repeat-x; font-size: 100%; font-weight: bold; padding-bottom: 7px; margin-bottom: 7px;} /* news list styles --------------------------------------- ------------------ */ #news-box { margin-right: 30px; font-size: 80%;} .news { width: 294px; padding-bottom: 10px;} .news-txt { float: right; display: inline; position: relative; width: 222px;} .news-img { float: left; position: relative; width: 61px; height: 61px; margin-right: 5px;} .news h1 { font-weight: bold; line-height: 13px; padding-bottom: 5px;} .news a { color: #6AAFC3; text-decoration: underline;} .news p { font-size: 100%;} .news a:hover, .news a.active { color: #6AAFC3; text-decoration: underline;} .news-date { color: #666666;} .news-listheading { color: #073983;} #main-content { font-size: 80%; line-height: 18px;} #main-content h1 { font-size: 120%; color: #CC6600; padding-bottom: 10px;} #main-content p { font-size: 100%; color: #333333; padding-bottom: 10px; padding-right: 15px;} #main-content p.articledate { color: #666666; font-size: 100%;} #main-content img {padding: 2px 2px 2px 2px} #main-content a, #main-content a.visited { color: #006666; text-decoration: none;} #main-content a:hover { color: #006EAB; text-decoration: underline;} #main-content .error { color: #CC0000; font-weight: bold;} #main-content .article-list-heading { font-size: 120%; color: #006666; padding-bottom: 10px;} #main-content .article-heading { font-size: 130%; font-weight: bold; color: #006666; padding-bottom: 10px;} #main-content ul { margin: 5px 5px 0px 0px; padding-left: 22px; padding-bottom: 10px;} #main-content ol { margin: 5px 5px 0px 0px; padding-left: 22px; padding-bottom: 10px;} #main-content li { text-decoration: none; color: #333333; list-style-image: url(../siteimages/bullet.jpg); list-style-type: circle;} .article-list { padding: 10px 0 10px 0; margin: 0; border-bottom: 1px solid #cccccc;min-height:65px} .article-list img { float: left; padding: 0 10px 0 0} .article-list a { color: #006666; text-decoration: underline;} .article-list a:hover, #article-list a.active { color: #6AAFC3; text-decoration: underline;} p.anchor { margin-top: 40px;} #advert { width: 290px; font-size: 90%; padding: 10px;} #advert-txt { float: left; display: inline; position: relative; height: 130px;} #advert p { color: #ffffff; font-size: 80%;} #advert .advert-heading { font-weight: bold; padding-bottom: 5px;} /* forms ---------------------------------------------------------- */ #form { padding: 0; margin: 10px 0 40px 0;} #form label { color: #006666; font-weight: bold;} #form .input { margin-bottom: 5px; margin-top: 5px; padding: 6px; background-color: #EDF7FC; border: 1px solid #7FC7D3;} #formSubmit { padding: 3px; border: 1px solid #fff; font-weight: bold; background-color: #E5F3F4; color: #fff; font-size: 90%;} #formName, #formEmail, #formMessage { width: 300px; background-color: #F0F0F0;} /* footer styles ---------------------------------------------------------- */ #footer { width: 768px; padding: 15px 6px 0 6px; font-size: 70%; height: 77px; color: #0091A7; clear: both; background-color: #E5F3F4; border-bottom: 1px solid #7FC7D3; border-top: 1px solid #7FC7D3;} #footer-twocols { width: 562px; float: right; position: relative;} #footer-leftcol { float: left; position: relative; width: 206px; padding: 0; margin: 0;} #footer-maincol { float: left; display: inline; position: relative; width: 281px; padding: 0; margin: 0;} #footer-rightcol { float: right; text-align: right; position: relative; width: 281px; padding: 0; margin: 0;} #footer ul { list-style: none; padding-bottom: 5px; margin: 0;} #footer p { padding: 0; margin: 0;} #footer li { display: inline; padding: 0 5px 0 5px; margin: 0; border-right: 1px solid #0091A7;} #footer a { font-weight: normal; color: #0091A7; text-decoration: underline;} #footer a:hover, #footer a.active { color: #0091A7; text-decoration: underline;} #footer .last { border-right: none;} #extras { width: 770px; padding: 5px; margin-left: auto; margin-right: auto; background-color: #FFFFFF;} #logos { width: 470px; float: left; position: relative; padding: 0; margin: 0;} #logos img { float: left; } #adobereader { width: 300px; float: right; display: inline; position: relative; padding: 0; margin: 0;} #adobereader p { font-size: 60%; line-height: 11px;} #adobereader a { font-weight: normal; color: #0091A7; text-decoration: underline;} #adobereader a:hover, #footer a.active { color: #0091A7; text-decoration: underline;} #adobereader img { float: left; padding-right: 5px;} /* additional styles ---------------------------------------------------------- */ #sidebar-wrapper { float:left; margin:0;} #sidebar ul { list-style: none; margin: 0; padding:0; font-size:11px;} #sidebar li { height: 56px;} #sidebar li a { display:block; padding: 0; color:#CB5100; font-weight:bold; text-decoration:none; height: 56px;} #sidebar ul a span { color:#fc3; visibility:hidden; font-size:10px; font-style:normal; font-weight:normal;} #sidebar ul a em { display:block; color:#808080; font-size:10px; font-style:normal; font-weight:normal;} #sidebar ul a img { color:#fc3; visibility:hidden; position: relative; left: 275px; top: -28px;} #sidebar ul a:hover { background-color: #B9CF50; height: 56px; margin: 0;} #sidebar ul a:hover span { visibility:visible; } #sidebar ul a:hover img { visibility:visible; position: relative; left: 275px; top: -28px;} #sidebar ul a:hover em { color:#4D4D4D; } /* *** Float containers */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */