/* Title: Werneth date: February 2008 */ * { margin: 0; padding: 0; list-style-type: none; outline: none} body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #D2EAF4; color: #000; text-align: center;} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0;} input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} /* Structure Styles ---------------------------------------------------------- */ #container { width: 780px; text-align: left; margin-left: auto; margin-right: auto; background: #ffffff url(../images/top-bar.gif) no-repeat top;} /* Homepage */ #header-wrapper { width: 780px; height: 130px; padding-top: 40px;} #hd-leftcol { width: 440px; height: 90px; float: left; display: inline; position: relative; padding: 40px 0 0 4px} #hd-rightcol { width: 336px; float: right; position: relative; padding: 0; margin: 0;} #wrapper, #wrapper-alt { width: 780px;} #leftcol { width: 336px; float: left; display: inline; position: relative; margin: 0; padding: 0;} #rightcol { width: 389px; float: right; position: relative; padding: 0; margin: 0; margin-right: 20px;} #maincol-alt { float: right; position: relative; width: 498px; padding: 24px 30px 0 30px;} #leftcol-alt { float: left; position: relative; width: 222px;} #maincol-tolive { float: left; display: inline; position: relative; width: 443px;} #rightcol-tolive { float: right; position: relative; width: 287px; padding: 24px 25px 0 25px;} #heading, #heading-alt { clear: both; padding: 25px 0 17px 240px;} .home-bg { background: url(../images/main-bg.gif) repeat-y top;} /* Navigation ---------------------------------------------------------- */ /* Main Top Navigation */ #nav { width: 780px; height: 48px; float: right;} #nav li { float: left; display: inline; clear: right;} #nav .last { margin-right: 0;} li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 111px; height: 48px;} li.home a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -111px 0;} li.home a:hover { background-position: 0 -48px; z-index: 50;} li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.home a:link, * html li.home a:visited { height: 41px; he\ight:0;} * html li.home a:hover { height: 48px; he\ight:0;} li.togetto { background: transparent url(../images/nav/togetto.gif) no-repeat 0 0; width: 111px; height: 48px; display: block;} li.togetto a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/togetto.gif) no-repeat -111px 0;} li.togetto a:hover { background-position: 0 -48px; z-index: 50;} li.togetto-over { background: transparent url(../images/nav/togetto-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.togetto a:link, * html li.togetto a:visited { height: 48px; he\ight: 0;} * html li.togetto a:hover { height: 48px; he\ight: 0;} li.togetto2 { background: transparent url(../images/nav/togetto2.gif) no-repeat 0 0; width: 111px; height: 48px; display: block;} li.togetto2 a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/togetto2.gif) no-repeat -111px 0;} li.togetto2 a:hover { background-position: 0 -48px; z-index: 50;} li.togetto2-over { background: transparent url(../images/nav/togetto2-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.togetto2 a:link, * html li.togetto2 a:visited { height: 48px; he\ight: 0;} * html li.togetto2 a:hover { height: 48px; he\ight: 0;} li.tolive { background: transparent url(../images/nav/tolive.gif) no-repeat 0 0; width: 111px; height: 48px; display: block;} li.tolive a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/tolive.gif) no-repeat -111px 0;} li.tolive a:hover { background-position: 0 -48px; z-index: 50;} li.tolive-over { background: transparent url(../images/nav/tolive-over.gif) no-repeat 0 0; width: 111px; display: block; color: #cccccc; overflow: hidden;} li.tolive-over a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/tolive-over.gif) no-repeat -111px 0;} li.tolive-over a:hover {background-position:0 -48px; z-index:50;} * html li.tolive a:link, * html li.tolive a:visited { height: 48px; he\ight: 0;} * html li.tolive a:hover { height: 48px; he\ight: 0;} li.tolearn { background: transparent url(../images/nav/tolearn.gif) no-repeat 0 0; width: 111px; height: 48px; display: block;} li.tolearn a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/tolearn.gif) no-repeat -111px 0;} li.tolearn a:hover { background-position: 0 -48px; z-index: 50;} li.tolearn-over { background: transparent url(../images/nav/tolearn-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.tolearn a:link, * html li.tolearn a:visited { height: 48px; he\ight: 0;} * html li.tolearn a:hover { height: 48px; he\ight: 0;} li.toplay { background: transparent url(../images/nav/toplay.gif) no-repeat 0 0; width: 111px; height: 48px; display: block;} li.toplay a { width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/toplay.gif) no-repeat -111px 0;} li.toplay a:hover { background-position: 0 -48px; z-index: 50;} li.toplay-over { background: transparent url(../images/nav/toplay-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.toplay a:link, * html li.toplay a:visited { height: 48px; he\ight: 0;} * html li.toplay a:hover { height: 48px; he\ight: 0;} li.towork { background: transparent url(../images/nav/towork.gif) no-repeat 0 0; width: 112px; height: 48px; display: block;} li.towork a { width: 112px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/towork.gif) no-repeat -112px 0;} li.towork a:hover { background-position: 0 -48px; z-index: 50;} li.towork-over { background: transparent url(../images/nav/towork-over.gif) no-repeat 0 0; width: 112px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.towork a:link, * html li.towork a:visited { height: 48px; he\ight: 0;} * html li.towork a:hover { height: 48px; he\ight: 0;} li.latestnews { background: transparent url(../images/nav/latestnews.gif) no-repeat 0 0; width: 113px; height: 48px; display: block;} li.latestnews a { width: 113px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/latestnews.gif) no-repeat -113px 0;} li.latestnews a:hover { background-position: 0 -48px; z-index: 50;} li.latestnews-over { background: transparent url(../images/nav/latestnews-over.gif) no-repeat 0 0; width: 113px; height: 0; display: block; padding-top: 48px; color: #cccccc; overflow: hidden;} * html li.latestnews a:link, * html li.latestnews a:visited { height: 48px; he\ight: 0;} * html li.latestnews a:hover { height: 48px; he\ight: 0;} * html #nav a:hover { height: 48px; he\ight: 0;} #nav a { display: block; height: 0; overflow: hidden;} * html #nav a:link, * html #nav a:visited { height: 48px; he\ight: 0;} /* 'TO LIVE' Sub Navigation */ #subnav { margin-left: 110px;} #subnav li { float: left; display: inline; margin-right: 1px;} li.suthers { background: transparent url(../images/nav/suthersstreet.gif) no-repeat 0 0; width: 111px; height: 34px;} li.suthers a { width: 111px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/suthersstreet.gif) no-repeat -111px 0;} li.suthers a:hover { background-position: 0 -34px; z-index: 50;} li.suthers-over { background: transparent url(../images/nav/suthersstreet-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden;} * html li.suthers a:link, * html li.suthers a:visited { height: 34px; he\ight:0;} * html li.suthers a:hover { height: 34px; he\ight:0;} li.spencer { background: transparent url(../images/nav/spencerstreet.gif) no-repeat 0 0; width: 111px; height: 34px;} li.spencer a { width: 111px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/spencerstreet.gif) no-repeat -111px 0;} li.spencer a:hover { background-position: 0 -34px; z-index: 50;} li.spencer-over { background: transparent url(../images/nav/spencerstreet-over.gif) no-repeat 0 0; width: 111px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden;} * html li.spencer a:link, * html li.spencer a:visited { height: 34px; he\ight:0;} * html li.spencer a:hover { height: 34px; he\ight:0;} li.norfolk { background: transparent url(../images/nav/norfolkstreet.gif) no-repeat 0 0; width: 109px; height: 34px;} li.norfolk a { width: 109px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/norfolkstreet.gif) no-repeat -109px 0;} li.norfolk a:hover { background-position: 0 -34px; z-index: 50;} li.norfolk-over { background: transparent url(../images/nav/norfolkstreet-over.gif) no-repeat 0 0; width: 109px; height: 0; display: block; padding-top: 34px; color: #cccccc; overflow: hidden;} * html li.norfolk a:link, * html li.sutnorfolkhers a:visited { height: 34px; he\ight:0;} * html li.norfolk a:hover { height: 34px; he\ight:0;} * html #subnav a:hover { height: 34px; he\ight: 0;} #subnav a { display: block; height: 0; overflow: hidden; } * html #subnav a:link, * html #subnav a:visited { height: 34px; he\ight: 0;} .home-block { background: transparent url(../images/nav/home-block.gif) no-repeat 111px 0;} .togetto-block { background: transparent url(../images/nav/togetto-block.gif) no-repeat 111px 0;} .tolive-block { background: transparent url(../images/nav/tolive-block.gif) no-repeat 111px 0;} .tolearn-block { background: transparent url(../images/nav/tolearn-block.gif) no-repeat 111px 0;} .toplay-block { background: transparent url(../images/nav/toplay-block.gif) no-repeat 111px 0;} .towork-block { background: transparent url(../images/nav/towork-block.gif) no-repeat 111px 0;} .latestnews-block { background: transparent url(../images/nav/latestnews-block.gif) no-repeat 111px 0;} /* content styles --------------------------------------------------------- */ /* Main Content Styles */ #main-content { margin: 0; padding: 0; font-size: 80%;} #main-content h1 { font-size: 120%; font-weight: bold; color: #ED1C24; margin-bottom: 2px;} #main-content h2 { font-size: 105%; font-weight: bold; color: #ED1C24; margin-bottom: 2px;} #main-content p { font-size: 100%; margin-bottom: 15px; line-height: 17px; color: #000000;} a:link, a:visited { color: #000000; text-decoration: underline;} a:hover, a.active { color: #ED1C24;} #main-content a.moreinfo , #main-content a.moreinfo.visited { color: #000000; text-decoration: none;} #main-content a.moreinfo:hover { text-decoration: none;} #main-content ul { color: #000000; margin: 10px 0;} #main-content li { list-style: disc; margin-bottom: 3px; padding-left: 8px; margin-left: 15px; color: #000000;} #main-img { padding: 0 0 50px 35px;} .enlarge-map { float: left; display: inline; padding-right: 10px;} .subimages { width: 443px; height: 149px; font-size: 75%;} .subimages li { float: left; display: inline; margin: 5px 5px 20px 0; width: 144px;} .subimages .last { margin-right: 0;} .subimages-alt li { float: left; display: inline; margin: 5px 24px 0 0;} .subimages-alt .last { margin-right: 0;} .skiplink { display: none;} /* footer ---------------------------------------------------------- */ #footer { clear: both; width: 780px; height: 41px; background-color: #00B0D9; padding-top: 4px} ul#row1, ul#row2 { text-align: center;} #row1 li, #row2 li { display: inline; font-size: 70%; padding: 0 10px 0 10px; margin: 0; border-right: 1px solid #ffffff; color: #ffffff;} #row1 .last, #row2 .last { border-right: 0;} #footer a, #footer a:visited { color: #ffffff; text-decoration: none;} #footer a:hover, #footer a.active { color: #ffffff;} /* forms ---------------------------------------------------------- */ /* Search */ #searchForm { color: #000000; text-align: right; margin-top: 6px;} #searchForm label { margin: 0; padding: 0; font-weight: bold; font-size: 60%;} #searchForm input.searchbox { width: 150px; padding: 2px; font-size: 80%; background-color: #CCCCCC; border: none; font-weight: normal;} #searchForm input.button { font-size: 70%;} /* additional styles ---------------------------------------------------------- */ .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 */