/* CSS Document */ body {font-family: Georgia, "Times New Roman", Times, serif;} * {margin:0px; padding:0px;} #mainwrapper {width:1024px; margin-left:auto; margin-right:auto; background:url(../images/bknd_slice.jpg) repeat-y top right; } #header {width:980px; background-color:#fff; height: 90px; margin-left: 24px; border-bottom: 1px solid #000; } #header p {float: right; margin-right: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; margin-top: 60px;} #header2 {width:980px; background-color:#fff; height: 90px; margin-left: 24px;} #contentarea {float:left; width:980px; margin-left: 24px; display: inline; } #contentarea2 {float:left; width:980px; background-color: #eadac3;} #column1a {float:left; width:200px; margin-left:-980px; display: inline;} #column2 {display: inline; float:left; width:779px; margin-left:200px; border-left: 1px solid #000; display:inline; background-color: #fff} #column2 h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #000; margin-left: 20px; margin-top: 20px;} #column2 h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #990000; margin-left: 20px; margin-top: 20px;} #column2 p {font-family:Georgia, "Times New Roman", Times, serif; color: #000; font-size: 1em; margin-left: 20px; margin-top: 15px; margin-right: 20px;} #column2 ul {margin-left: 70px; margin-top: 6px; line-height: 1.4em; margin-bottom: 10px;} #column3 {float:left; width:980px; display:inline; } #image1 {background-image: url(../images/group_image1.jpg); background-repeat: no-repeat; float: left; height: 300px; width: 500px; border-right: 1px solid #000;} #hands {background-image: url(../images/hands1.jpg); background-repeat: no-repeat; float: left; clear: none; width:165px; height: 300px; border-right: 1px solid #000;} #dedicated {display: inline;float: left; width: 313px; height: 300px; background:url(../images/red_fade.jpg) repeat-x top left;} #history {display: inline; float: right; width: 210px; height: 200px; margin-right: 35px; margin-top: 100px; margin-bottom: 0px;} #history h1 {color: #fff; font-family: Georgia, "Times New Roman", Times, serif; text-align: right; font-size: 1.4em; line-height: 1.3em; margin-top: 25px;} #logo {margin-left: 50px; height: 90px; width: 410px; float: left; display: inline;} #logo2 {display: inline;margin-left: 30px; height: 90px; width: 410px; float: left;} #head_image { display: inline;float: right; height: 90px; margin-right: 10px;} #welcome {display: inline;width: 980px; height: 130px; float: left;} #welcome h2 {margin-top: 10px; color: #000; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; margin-left: 80px; margin-right: 30px; line-height: 1.5em;} #welcome span {font-size: 2.5em; font-family:Georgia, "Times New Roman", Times, serif; color: #990000; line-height: .9em;} #navigation {display: inline;width: 980px; height: 35px; background-color: #000; float: left;} #navcontainer {width: 900px; margin-left: 40px;} #navcontainer ul { padding-left: 0px; margin-left: 0; float: left; width: 100%; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em;} #navcontainer ul li { display: inline; } #navcontainer ul li a {margin-top:1px; padding-left: 20px; padding-right: 20px;padding-top: 4px; height: 30px; color:#fff;text-decoration: none;float: left;} #navcontainer ul li a:hover{background-color:#990000;color: #fff;} #navigation3 {width: 980px; height: 25px; background-color: #000; float: left;} #nav3 {margin-left: 20px; background-color: red; } #navcontainer3 ul { padding-left: 0px; margin-left: 0; float: left; width: 100%; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1em;} #navcontainer3 ul li { display: inline; } #navcontainer3 ul li a {margin-top:0px; padding-left: 33px; padding-right: 33px;padding-top: 3px; height: 21px; color:#fff;text-decoration: none;float: left;} #navcontainer3 ul li a:hover{background-color:#820000;color: #fff;} #active {background-color: #990000; color: #fff; } #content {margin-left: 150px; width: 450px; height: 350px; margin-top: 10px; margin-bottom: 10px; padding: 5px;} #abbott {margin-left: 5px; width: 470px; height: 350px; float: left; clear: none; margin-top: 10px;} #slideshow {display: inline; position:relative; height:250px; width: 350px; float: left; margin-left: 25px; margin-top: 10px; margin-bottom: 10px; border: 2px solid #90191b;} #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 250px; background-color: #FFF; } #slideshow DIV.active { z-index:10; opacity:1.0; } #slideshow DIV.last-active { z-index:9; } #slideshow DIV IMG { height: 250px; display: block; border: 0; margin-bottom: 10px; _margin-bottom: 0px; } #footer {display: inline; width:980px; background-color:#330000; float:left; margin-left: 24px;} #footer h5 {color: #fff; font-size: .6em; text-align: center; margin-top: 8px; font-family:Verdana, Arial, Helvetica, sans-serif} #footer h6 {color: #fff; font-size: .5em; text-align: center; margin-top: 3px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 6px;} /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */ /* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */