/* CSS Document */ body { margin: 0; padding: 0; background-color: #FFFFFF; background-image:url(../images/chevron.jpg) } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; } p, li { font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 0; margin-top: 0; } img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } form { margin: 0; 353 CSS Positioning and Layout padding: 0; } #contentContainer	{ position: relative; width: 900px; clear: both; } #mainContent { padding: 10px; margin-left: 115px; clear: both; float: left; } #side1 { position: absolute; width: 110px; top: 5px; left: 10px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; clear: both; float: left; } #side2 { position: absolute; width: 125px; top: -17px; right: 29px; border-left: 1px dotted #CCCCCC; background-image: url(sm-tomato.jpg); background-position: top right; background-repeat: no-repeat; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #side2 h3 { font: 110% Georgia, "Times New Roman", Times, serif; margin: 0; padding-bottom: 4px; } .adbox { padding: 2px 4px 2px 6px; margin: 0 0 10px 0; border: 1px dotted #B1B1B1; background-color: #F4F4F4; } #side1 h3 { font: 110% Georgia, "Times New Roman", Times, serif; color: #621313; background-color: transparent; margin: 0; padding-bottom: 4px; } #side1 .txt { width: 100px; background-color: #FCF5F5; border: 1px inset #901602; } #side1 ul { list-style: none; margin-left: 0; padding-left: 0; width: 100px; } #side1 li { font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0.3em; border-bottom: 1px solid #E7AFAF; } #side1 a:link, #side1 a:visited { text-decoration: none; color: #901602; background-color: transparent; } #side1 a:hover { color: #621313; } #pageWrapper { background-color:#FFFFFF; width: 900px; padding:0px; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; border: thin outset #d6dcfe; clear: both; position: relative; } #footerNavigation { text-align: center; font-size: .75em; } #pageFooter .copyright { font-size: 0.75em; text-align: center; } #mainNavigation { font-size: .9ems; text-align: center; } #mainNavigation ul { list-style: none; margin: 0; padding: 0; padding-top: 1em; } #mainNavigation li { display: inline; } #mainNavigation a:link, #mainNavigation a:visited { margin-right: 0.2em; padding: 0.2em 0.6em 0.2em 0.6em; color: #FFFFFF; background-color: #B51032; text-decoration: none; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #717171; border-right: 1px solid #717171; /*border: 1px solid #711515;	*/ } #mainNavigation a:hover { color: #FFFFFF; background-color: #711515; /*border-top: 1px solid #717171; border-left: 1px solid #717171; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;	*/ } #pageHeader { height: 126px; width: 900px; background-image: url(/images/headerbg1.jpg); margin: 0px; position: relative; left: 0px; top: 0px; background-repeat: no-repeat; } #mainLogo { position: relative; left: 0px; top: 0px; float: left; } #siteTitle h1 { color: #FFFFFF; margin-left: 170px; font-family: "Eras Bold ITC", Arial, Helvetica, sans-serif; margin-top: 0px; padding-top: 20px; font-size: 2em; } #pageHeader .strapline { font-family: "Lucida Sans", Arial, sans-serif; font-size: 0.75em; font-style: italic; color: #D6DCFE; margin-left: 180px; margin-top: -15px; } #pageHeader #pageTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-transform: capitalize; background-color: #FFFFFF; padding-top: 3px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; display: inline; color: #B9B6FF; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: static; float: left; clear: left; margin: 0px; } img.imgLeft { float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; } img.imgRight { float: right; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 5px; } .crossloopObject	{ width:230px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; } #pageFooter { clear: both; position: relative; }