/*------------------------- */ /* General */ /*------------------------- */ * { margin: 0px; padding: 0px; } html { height: 100%; margin-bottom: 1px; } body { color: #000000; font-family: arial, verdana, tahoma; font-size: 62.5%; background-color: #ffffff; background-image: url(../Img/Framework/Background.jpg); background-position: center top; background-repeat: no-repeat; } a, a:link, a:visited, a:active, a:hover { color: #cd1508; font-weight: bold; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0px; } table { border: 0px; border-collapse: collapse; } td { border: 0px; border-style: none; padding: 0px; margin: 0px; vertical-align: top; } td, ul, li { font-size: 1.0em; } div.ClearFloat { border: none; clear: both; float: none; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; } div.HiddenSubmitButton { border: none; width: 0px; height: 0px; overflow: hidden; } /*------------------------- */ /* Framework */ /*------------------------- */ #Frame { width: 1010px; margin-left: auto; margin-right: auto; margin-top: 20px; padding-bottom: 20px; } #HeaderWrapper { width: 100%; height: 171px; background-image: url(../Img/Framework/HeaderBackground.png); background-position: bottom; background-repeat: no-repeat; } #ContentWrapper { width: 100%; min-height: 400px; height: auto !important; height: 400px; background-image: url(../Img/Framework/ContentBackground.png); background-repeat: repeat-y; } #ContentBottom { width: 100%; height: 30px; background-image: url(../Img/Framework/ContentBottom.png); background-repeat: no-repeat; overflow: hidden; } #FooterWrapper { width: 100%; min-height: 225px; height: auto !important; height: 225px; background-image: url(../Img/Framework/FooterBackground.png); background-position: bottom; background-repeat: no-repeat; } /*------------------------- */ /* Ad */ /*------------------------- */ #AdTopWrapper { margin: 0px 15px 12px 15px; width: 980px; height: 120px; overflow: hidden; } .AdTop { width: 980px; height: 120px; overflow: hidden; } .AdTop img { display: block; } #AdRight { float: left; display: inline; width: 200px; margin-top: 20px; overflow: hidden; } .AdRight img { display: block; } .AdRightSeperator { height: 5px; } /*------------------------- */ /* Header */ /*------------------------- */ #Logotype { width: 170px; height: 161px; float: left; display: inline; overflow: hidden; } #Logotype img { display: block; } #HeaderLeft { width: 405px; height: 161px; float: left; display: inline; margin-left: 15px; overflow: hidden; } #HeaderRight { width: 405px; height: 161px; float: left; display: inline; margin-right: 15px; overflow: hidden; } #HeaderBottom { clear: both; height: 10px; margin: 0px 15px 0px 15px; background-color: #d21607; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } .Focus { width: 405px; height: 100px; overflow: hidden; } .Focus img { display: block; } .Menu { width: 100%; height: 61px; overflow: hidden; } .Menu div { float: left; display: inline; } .Menu div img { display: block; } .Menu div.Seperator { width: 2px; height: 61px; overflow: hidden; background-image: url(../Img/Menu/Seperator.gif); } /*------------------------- */ /* Content */ /*------------------------- */ #Content { width: 720px; float: left; display: inline; margin: 0px 20px 20px 35px; /*background-image: url(../Img/Framework/ContentBackground.jpg); background-position: bottom right; background-repeat: no-repeat;*/ } /*#Content.Front { margin-bottom: 0px; background-image: none; width: 500px; }*/ #ContentPage { font-size: 12px; line-height: 1.6em; width: 500px; float: left; display: inline; margin: 20px 20px 20px 0px; overflow: hidden; } #ContentPage p { margin-bottom: 1.4em; } #Content h1 { font-weight: bold; font-size: 1.9em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content h2 { font-weight: bold; font-size: 1.7em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content h3 { font-weight: bold; font-size: 1.5em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content h4 { font-weight: bold; font-size: 1.3em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content h5 { font-weight: bold; font-size: 1.1em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content h6 { font-weight: bold; font-size: 0.9em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #Content ul { margin-left: 40px; margin-bottom: 1.5em; } #Content ol { margin-left: 40px; margin-bottom: 1.5em; } #Content ul li { margin-bottom: 0.7em; } #Content ol li { margin-bottom: 0.7em; } #Partners { width: 980px; height: 105px; overflow: hidden; margin: 0px 15px 0px 15px; } #Partners img { display: block; border: 0px; } .NewsPanel { width: 500px; float: left; display: inline; margin: 0px 20px 20px 0px; } #SubMenu { width: 200px; float: left; display: inline; margin: 0px 0px 20px 0px; font-size: 12px; line-height: 1.6em; border-top: 15px solid #ffffff; } #SubMenu img { display: block; border-top: 5px solid #ffffff; } #SubMenu div.Seperator { border-top: 1px solid #ffffff; background-image: url(../Img/SubMenu/Seperator.gif); background-repeat: no-repeat; height: 5px; overflow: hidden; } #SubMenu div.Wrapper { border-top: 5px solid #ffffff; background-image: url(../Img/SubMenu/Background.gif); background-repeat: no-repeat; min-height: 29px; height: auto !important; height: 29px; } #SubMenu div.Wrapper { padding-top: 2px; } #SubMenu div.Wrapper div a, #SubMenu div.Wrapper div a:link, #SubMenu div.Wrapper div a:visited, #SubMenu div.Wrapper div a:active, #SubMenu div.Wrapper div a:hover { color: #ffffff; font-weight: normal; text-decoration: none; display: block; margin: 10px 10px 0px 10px; } #SubMenu div.Wrapper div a:hover { text-decoration: underline; } #SubMenu span { display: block; font-size: 12px; background-color: #ffffff; } #SubMenu span a, #SubMenu span a:link, #SubMenu span a:visited, #SubMenu span a:active, #SubMenu span a:hover { color: #000000; font-weight: bold; text-decoration: none; display: block; margin-left: 20px; margin-right: 10px; border-top: 3px solid #ffffff; } #SubMenu span a:hover { text-decoration: underline; } #SubContent { line-height: 1.6em; width: 200px; margin: 20px 0px 0px 0px; overflow: hidden; } #SubContent p { margin-bottom: 1.4em; } #SubContent h1 { font-weight: bold; font-size: 1.9em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent h2 { font-weight: bold; font-size: 1.7em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent h3 { font-weight: bold; font-size: 1.5em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent h4 { font-weight: bold; font-size: 1.3em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent h5 { font-weight: bold; font-size: 1.1em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent h6 { font-weight: bold; font-size: 0.9em; margin: 0em 0em 0.4em 0em; line-height: 1.6em; } #SubContent ul { margin-left: 40px; margin-bottom: 1.5em; } #SubContent ol { margin-left: 40px; margin-bottom: 1.5em; } #SubContent ul li { margin-bottom: 0.7em; } #SubContent ol li { margin-bottom: 0.7em; } #Hot { clear: both; width: 500px; height: 115px; overflow: hidden; } #Hot div { width: 240px; height: 115px; float: left; display: inline; overflow: hidden; } #Hot div.Seperator { width: 20px; height: 115px; float: left; display: inline; overflow: hidden; } #Hot div img { display: block; } #Editor { margin-top: 30px; font-weight: bold; } #Editor img { float: left; margin-right: 10px; border: 1px solid #333333; } #Editor span { font-weight: normal; color: #666666; } #PageControl { float: left; margin-top: 10px; text-align: left; display: inline; margin-right: 20px; } #PageControl a, #PageControl a:link, #PageControl a:visited, #PageControl a:active, #PageControl a:hover { font-weight: normal; text-decoration: none; } #PageControl a:hover { text-decoration: underline; } #TipFriend { float: left; margin-top: 10px; text-align: left; display: inline; } #TipFriend a, #TipFriend a:link, #TipFriend a:visited, #TipFriend a:active, #TipFriend a:hover { font-weight: normal; text-decoration: none; } #TipFriend a:hover { text-decoration: underline; } /*------------------------- */ /* News */ /*------------------------- */ .NewsItem span.Date { color: #666666; } .NewsItem span.Intro { font-weight: bold; } .NewsPage { width: 100%; } .NewsPage td { width: 33%; color: silver; } .NewsPage td.Left { text-align: left; } .NewsPage td.Center { text-align: center; } .NewsPage td.Right { text-align: right; } /*------------------------- */ /* Footer */ /*------------------------- */ #Footer { margin: 0px 35px 0px 35px; } #Footer div.Shield { float: left; display: inline; width: 160px; text-align: center; } #Footer div.Links { float: left; display: inline; width: 120px; } #Footer div.Left { margin-right: 10px; text-align: left; } #Footer div.Right { margin-left: 10px; text-align: right; } #Footer a { display: block; } #Footer a, #Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover { color: #575757; font-weight: normal; text-decoration: none; } #Footer a:hover { text-decoration: underline; } #Footer span a { display: block; text-transform: uppercase; margin-top: 10px; margin-bottom: 3px; font-size: 105%; } #Footer span a, #Footer span a:link, #Footer span a:visited, #Footer span a:active, #Footer span a:hover { color: #cd1508; font-weight: bold; text-decoration: none; } #Footer span a:hover { text-decoration: underline; } #Address { border-top: 1px solid #b1b1b1; margin: 15px 35px 0px 35px; text-align: center; padding-top: 12px; color: #6d7679; line-height: 130%; } #Address a, #Address a:link, #Address a:visited, #Address a:active, #Address a:hover { color: #6d7679; font-weight: normal; text-decoration: none; } #Address a:hover { text-decoration: underline; } /*------------------------- */ /* News */ /*------------------------- */ .NewsSliderWrapper { position: relative; overflow: hidden; width: 500px; height: 340px; font-size: 100%; line-height: 100%; } .NewsSliderWrapper .SliderContent { visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px; background: #ffffff; width: 500px; height: 340px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; overflow: hidden; } .NewsSliderWrapper .SliderContent div.NewsImage { width: 500px; height: 290px; overflow: hidden; background: top left no-repeat #000000; } .NewsSliderWrapper .SliderContent div.NewsImage div.NewsHeadline { width: 100%; height: 40px; margin-top: 250px; background-color: black; color: #ffffff; background: url(../Img/News/NewsHeadline.png); background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 14px 0px 0px 10px; } .NewsSliderWrapper .SliderContent p { font-size: 12px; line-height: 130%; margin: 5px 0px 0px 0px; } .NewsSliderPaginate { width: 500px; font-size: 11px; margin-left: 0px; line-height: 13px; } .NewsSliderPaginate a { display: block; float: left; display: inline; width: 112px; height: 106px; color: #000000; margin-right: 17px; } .NewsSliderPaginate a img { margin: 7px 7px 3px 7px; border: 1px solid #ffffff; } .NewsSliderPaginate a span { margin: 0px 7px 0px 7px; text-decoration: none; font-weight: normal; display: block; } #paginate-NewsSlider a { background-image: url(../Img/News/Inactive.jpg); background-repeat: no-repeat; } #paginate-NewsSlider a:hover, #paginate-NewsSlider a.selected { background-image: url(../Img/News/Active.jpg); background-repeat: no-repeat; color: #ffffff; text-decoration: none;} #paginate-NewsSlider a:hover span { color: #ffffff; text-decoration: none; } #paginate-NewsSlider a:selected span{ color: #ffffff; text-decoration: none; }