body { margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; } /* main elements */ #wrapper { /*creates the 2-colunm background */ width: 100%; background: url(images/bkg-slide.gif) repeat-y 66% 0px; } #head { height: 100px; background: #983202 url(images/header-bkg.jpg) repeat-x; } #address { float:right; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFEFBE; } #navcontainer { margin: 0; padding: 0; float: left; width: 100%; background-color: #D19F04; border-bottom: 1px solid #000000; } #main { float: left; width: 64%; margin: 0; padding: 0; } #sidebar { float: right; width: 34%; font-size: 85%; margin: 0; padding: 0; } #footer { clear: both; border-top: 1px solid #A84204; margin: 0; padding: 0; text-align: center; background: #D19F04; font: 11px Verdana, Arial, Helvetica, sans-serif; } /* padding/margins of main elements */ #main-content, #sidebar-content { padding: 0.5em 2em; } #address-content { margin: 1em 1em 0 0; } /* Navigation and footer formatting */ #navcontainer ul { margin: 0; padding: 0; list-style-type: none; background-color: #D19F04; float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-transform: uppercase; } #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 0.2em 1em; background-color: #DDB216; color: #A84204; font-weight: bold; text-decoration: none; float: left; border-top: 1px solid #EED087; border-right: 1px solid #000; border-left: 1px solid #EED087; } #navcontainer ul li a:hover { background-color: #EDC845; color: #A84204; border-color: #000 #EED087 #EED087 #000; } /* by adding these rules, we can specify the "selected" page in the BODY tag. */ body.home #navcontainer li#one a, body.serv #navcontainer li#two a, body.investment #navcontainer li#three a, body.faq #navcontainer li#four a, body.cont #navcontainer li#five a, body.item6 #navcontainer li#six a { background-color: #EDC845; color: #A84204; border-color: #000 #EED087 #EED087 #000; } #footer ul { padding: 5px; margin: 0; list-style-type: none; white-space: nowrap; } #footer li { display: inline; margin-right: 1.5em; } #footer li a { color: #fff; } #footer li a:hover { color: #990000; } /* Links */ #main a, #sidebar a {color: #A84204} #address a:link, #address a:visited {color: #FFEFBE;} /* Headers and typography */ #sidebar h1, #main h1 { font-size: 2em; font-weight: bold; color: #A84204; } #sidebar h2, #main h2 { font-size: 1.5em; font-weight: bold; color: #A67705; } .callout { color: #A84204; margin: 0px 0px 12px 12px; float: right; width: 25%; font-weight: bold; padding-left: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .small {font-size: 85%} /* this class floats images to the right */ .imgR { float: right; margin: 0 0 20px 20px; } /* this class floats images to the right, and puts a black border around the img */ .imgRB { float: right; margin: 0 0 20px 20px; border: 1px solid #000; } /* this class floats images to the left */ .imgL { float: left; margin: 0 20px 20px 0; } /* this class floats images to the right, and puts a black border around the img */ .imgLB { float: left; margin: 0 20px 20px 0; border: 1px solid #000; } /* this class creates a big drop cap. use with tags around the letter */ .drop { font-size: 6em; color:#A84204; float: left; margin:0; padding-right: 6px; line-height: 80%; } #main ul, #sidebar ul { list-style: none; margin: 1em 0 1em 0; padding-left: 0px; color: #000000; } #main ul li { padding: 0 0 4px 15px; background: url(images/bullet-orange.gif) no-repeat 0 5px; } #sidebar ul li { /* separates bulleted item a little more */ padding: 0 0 12px 15px; background: url(images/bullet-orange.gif) no-repeat 0 5px; } /* switch columns */ /* to use, change the body tag to */ #SM #main {float: right} #SM #sidebar {float: left} #SM #wrapper { background: url(images/bkg-slideR.gif) repeat-y 34% 0px;} /* 1 column */ /* to use, change the body tag to */ #COL1 #main { float: left; width: 95%; margin: 0; padding: 0; } #COL1 #sidebar {display:none} #COL1 #wrapper {background: #FFFFFF;}