/************************************************ * * File : css/mxib.css * Version : v1.2 * Date : 1 March 2006 * ************************************************ * Global style settings ************************************************/ @media screen { * { padding: 0; margin: 0; } body { text-align: center; background-color: #ddd; font: 0.8em Arial, Verdana, Helvetica, sans-serif; } h1, h2, h3 { text-indent: -9000px; } h2, h3 { height: 30px; } h4 { font: normal 2.5em Georgia, "Times New Roman", serif; color: #000; padding: 15px 0 15px 15px; } h5 { font: normal 2em Georgia, "Times New Roman", serif; color: #333; padding: 15px 0 15px 15px; } p { margin-bottom: 17px; } a { text-decoration: none; } ul { list-style-type: none; } strong { color: #000; text-decoration: underline; } img { border: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /************************************************ * Structural settings ************************************************/ #container { width: 750px; margin: 0 auto; margin-top: 10px; text-align: left; } #header { height: 120px; background: url(images/mxib-headerbg.jpg ) repeat-x; } #header h1 { height: 66px; background: url(images/mxib-header.jpg ) no-repeat 100% 0; } #header #navigation { margin-top: 27px; } #header #navigation li { display: inline; } #header #navigation li a { padding: 5px 10px 5px 6px; color: #FFF; text-align: center; margin-left: 5px; font: 0.86em Arial, Verdana, Helvetica, sans-serif; } #header #navigation .last { border: 0; } #header #navigation li a:hover { background-color: #0f7fb8; border-bottom: 2px solid #23b80f;} #pagebody { padding-top: 5px; font-size: 0.85em; color: #666; background: #FFF url(images/mxib-pagebodybg.jpg ) repeat-y; } #landbody { padding-top: 5px; font-size: 0.85em; color: #666; background: #fff url(images/mxib-landbody.jpg) repeat-y; } /************************************************ * Content ************************************************/ #content { width: 336px; float: left; } /* the names should be be changed to each individual headername though and perhaps should be id's */ #content .header-whatwedo { background: #FFF url(images/mxib-contenth-whatwedo.jpg ) no-repeat; } #content .header-whotweare { background: #FFF url(images/mxib-contenth-whoweare.jpg ) no-repeat; } #content .box { padding-left: 16px; border-bottom: 1px solid #E2E2E2; } #content .box.last { border: 0; } #content p { padding-right: 40px; } #landcontent { width: 520px; float: left; } #landcontent .header-whatwedo { background: #FFF url(images/mxib-contenth-whatwedo.jpg ) no-repeat; } #landcontent .box { padding-left: 16px; border-bottom: 1px solid #E2E2E2; } #landcontent .box.last { border: 0; } #landcontent p { padding-left: 15px; font-size: 1.2em; padding-right: 40px; } #landcontent ul { list-style: circle; margin-left: 50px; margin-bottom: 30px; } #landcontent li { font-size: 1.10em; } #landcontent li a { color: #bf0000; } #landcontent li a:hover { color: #000; } /************************************************ * News ************************************************/ #news { width: 190px; padding-left: 15px; float: left; } #news #header-newsandevents { background: #F0F4D9 url(images/mxib-newsh-newsandevents.jpg ) no-repeat; } #news p { padding-right: 10px; } /************************************************ * Sidebar ************************************************/ #sidebar { width: 180px; padding-left: 0px; float: left; } #sidebar #header-subnavigation { background: #F7F9EE url(images/mxib-sidebarh-snavigation.jpg ) no-repeat; } #sidebar #subnavigation { width: 160px; margin-bottom: 21px; } #sidebar #subnavigation li a { width: 100%; display: block; padding: 0 0 6px 25px; color: #57AB53; background: #F7F9EE url(images/mxib-subnavpointer.gif ) no-repeat 6px 4px; text-decoration: underline; } #sidebar #subnavigation li a:hover { color: #000; } #landsidebarx { width: 195px; padding-left: 15px; float: left; } #landsidebar { position:absolute; width:195px; left:50%; margin-left:170px; text-align:left; background:#F7F7F7; } #landcontent { padding-bottom:200px; } #landsidebar p { font-size: 1em; } #landsidebar #header-subnavigation { background: #F7F9EE url(images/mxib-sidebarh-snavigation.jpg ) no-repeat; } #landsidebar #subnavigation { width: 160px; margin-bottom: 21px; margin-top: 10px; } #landsidebar #subnavigation li a { width: 100%; display: block; padding: 0 0 6px 25px; color: #57AB53; background: #F7F9EE url(images/mxib-subnavpointer.gif ) no-repeat 6px 4px; text-decoration: underline; } #landsidebar a, #sidebar a { color: #bf0000; } #landsidebar #subnavigation a:hover, #sidebar a:hover { color: #000; } /************************************************ * Featured ************************************************/ #featured { padding-left: 25px; font-size: 0.85em; color: #FFF; background-color: #57AB53; } #featured h2 { height: 44px; } #featured #header-featured { background: #57AB53 url(images/mxib-imageh-featuredPhoto.jpg) no-repeat; } #featured #imagebox { width: 300px; float: left; } #featured #imagebox img { margin-bottom: 20px; border: 3px solid #E0E0E0; } #featured #imageinfo { margin-left: 300px; padding-right: 30px; } #featured #imageinfo h3 { margin-top: 5px; } #featured #imageinfo h5 { color: #fff; padding-left: 0; padding-top: 0; font-size: 2.5em; } #featured #imageinfo #header-imgname { background: #57AB53 url(images/mxib-featuredh-imgname.jpg ) no-repeat; } #featured #imageinfo p { margin-bottom: 15px; font-size: 1.1em; } #featured #imageinfo a { text-decoration: underline; color: #FFF; } } #footer {} #footer p { padding: 0 0 0 5px; margin-top: 10px; font-size: 0.75em; } #footer ul { padding: 0 0 0 5px; margin: 0;} #footer li { font-size: 0.7em; padding: 0; margin: 0; } #footer li a { color: #9b0000; } #footer li a:hover { color: #4f0202; } #featured #imagebox2 { width: 106px; float: left;padding:5px; } #featured #imagebox2 img { width:100px;heigh:80px; border: 3px solid #E0E0E0; } #featured #imageinfo2 { margin-left: 150px; padding-right: 30px; } #featured #imageinfo2 h3 { margin-top: 5px; } #featured #imageinfo2 h5 { color: #fff; padding-left: 0; padding-top: 0; font-size: 2.5em; } #featured #imageinfo2 #header-imgname { background: #57AB53 url(images/mxib-featuredh-imgname.jpg ) no-repeat; } #featured #imageinfo2 p { margin-bottom: 15px; font-size: 1.1em; } #featured #imageinfo2 a { text-decoration: underline; color: #FFF; } .sk { margin-left: 20px; font-size: 1em; } .sk a { color: #bf0000; } .sk a:hover { color: #000; } .sk thead { font-size: 1.2em; font-weight: bold; color: #000; background-color: #f4f4f4; margin-bottom: 15px; } .sk_buttons input,.sk_buttons img { float:left;height:44px; } .sk_buttons { display:block; margin:20px 0 20px 0px; height: 44px;width:auto} .sub { border: 1px solid red; } .xxsk2 { margin-left: 15px; font-size: 1em; } .sk2 td { border-bottom: 1px solid #d0d0d0; padding-bottom: 5px; background-color: #f7f7f7; padding-top: 5px; } .sk2 a { color: #bf0000; } .sk2 a:hover { color: #000; } .sk2 input {margin:0;padding:0} .sk2 p { margin-right:0; }