body{ font-family: "Tahoma", "Ms Sans Serif"; color: #333333; margin: 0px; padding: 0px; font-size: 9pt; background-image: url(../img/bg.gif); } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 1200px; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .{ scrollbar-face-color: #0066CC; scrollbar-highlight-color: #ECF1FF; scrollbar-shadow-color: #0066CC; scrollbar-3dlight-color: #ECF1FF; scrollbar-arrow-color: #CEE7FF; scrollbar-track-color: #CEE7FF; scrollbar-darkshadow-color: #0066CC; } a{ color: #0066CC; text-decoration: none; } a:link{ color: #0066CC; text-decoration: none; } a:visited{ color: #0066CC; text-decoration: none; } a:hover{ color: #2D62FF; text-decoration: underline; } h1{ font-size: 120%; color: #0066CC; margin: 0px; padding: 0px; } h2{ font-size: 114%; color: #0066CC; margin: 0px; padding: 0px; } h3{ font-size: 100%; color: #0066CC; margin: 0px; padding: 0px; } h4{ font-size: 110%; color: #0066CC; margin: 0px; padding: 0px; } h5{ font-size: 100%; color: #2D62FF; margin: 0px; padding: 0px; } .bigfont { font-size: 120%; } .headfont { font-size: 110%; font-style: bold; color: #2D62FF; margin: 0px; padding: 0px; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font-size: 100%; font-weight: bold; } #breadCrumb{ float: left; padding: 1px 0px 2px 1px; margin-left: 0px; border-bottom: 1px solid #CEE7FF; width: 600px;} #breadCrumb a:hover {text-decoration: underline;} #masthead{ padding: 0px 0px 0px; width: 100%; background-color: #FFFFFF ; } #navBar{ float: left; width: 170px; margin: 0px; padding: 0px; background-color: #FFFFFF; border-right: 1px solid #CEE7FF; border-bottom: 1px solid #CEE7FF; } #content{ float: left; border-left: 1px solid #CEE7FF; border-right: 0px solid #CEE7FF; margin-left: -1px; width: 600; } #contenturanus{ float: left; border-left: 1px solid #CEE7FF; border-right: 0px solid #CEE7FF; margin-left: -1px; width: 100%; } #contentHead{ float: left; width: auto; margin-left: -1px; background-color: #FFFFFF; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; border-left: 1px solid #CEE7FF; border-bottom: 1px solid #CEE7FF; } #contentHeader{ float: left; width: auto; margin-left: -1px; background-color: #FFFFFF; padding: 0px; border-left: 0px solid #CEE7FF; border-bottom: 0px solid #CEE7FF; } /************* #globalNav styles **************/ #globalNav{ font-size: 90%; padding: 0px 0px 0px 3px; color: #FFFFFF; } #globalNav a { color: #FFFFFF; padding: 1px 1px 0px; } #globalNav a:hover { color: #2D62FF; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } /************** .feature styles ***************/ .feature{ padding: 0px 10px 0px 2px; } .feature h3{ padding: 10px 0px 5px; } .feature h4{ padding: 10px 0px 5px; } .feature img{ float: left; } #featurebox{ padding: 0px 8px 0px 8px; } #featurehead{ padding: 0px 0px 0px 0px; } /************** .story styles *****************/ #storyhead{ background-color: #EEEEFF; border: 1px solid #CEE7FF; margin-top: 1px; margin-right: 1px; margin-left: 1px; padding-right: 0px; padding-left: 5px; } .storybox{ width:580; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; padding-right: 0px; } .storyend{ margin-top: 0px; margin-bottom: 1px; } .uranusbox{padding-left: 20px; padding-bottom: 5px; padding-top: 15px; padding-right: 0px; } /************* #siteInfo styles ***************/ #siteInfo{ float: left; clear: both; font-size: 80%; color: #999999; padding: 10px 0px 0px 0px; border-bottom: 0px solid #CEE7FF; border-top: 1px solid #CEE7FF; margin-top: -1px; background-color: #FFFFFF; width: 781px; } #siteInfo img{ padding: 4px 4px 4px 4px; vertical-align: middle; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #CEE7FF; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } .textbox{ padding: 10px 10px 10px 10px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; padding: 0px; border-bottom: 0px solid #CEE7FF; margin-bottom: 0px; } #sectionLinks h3{ font-size: 95%; padding: 2px 0px 2px 10px; border-bottom: 1px solid #CEE7FF; margin-bottom: 1px; } #sectionLinks h4{ font-size: 95%; padding: 2px 0px 2px 10px; border-bottom: 1px solid #CEE7FF; margin-bottom: 1px; } #sectionLinks a { display: block; text-decoration: none; padding: 2px 0px 2px 10px; width: 160px; border-bottom: 1px solid #CEE7FF; margin-top: 0px; margin-right: 0px; } #sectionLinks a:hover{ display: block; text-decoration: none; padding: 2px 0px 2px 10px; background-color: #CEE7FF; cursor: hand; margin-top: 0px; } .internal a:link, .internal a:visited { text-decoration: none; border: 0px } /*********** .relatedLinks styles ***********/ .relatedLinks{ position: relative; margin: 0px; padding: 0px 0px 10px 5px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px; } .relatedLinks h4{ padding: 10px 0px 2px; } .relatedLinks a:link, .relatedLinks a:visited { display: block; padding-left: 6px; } /*********** .relatedLinks styles ***********/ .featureLinks{ position: relative; margin: 0px; padding: 0px 0px 10px 5px; font-size: 90%; } .featureLinks h3{ padding: 10px 0px 2px; } .featureLinks h4{ padding: 10px 0px 5px; } .featureLinks a:link, .relatedLinks a:visited { padding-left: 0px; } /************** #advert styles **************/ #advert{ padding: 0px 0px; } #advert img{ display: block; padding: 2px; } .ad125 {display: block;padding: 15px; } .ad120 {display: block;padding: 0px; } .banner {padding-left: 0px; padding-bottom: 5px; padding-top: 10px; margin-top: 10px; } /************** #headlines styles **************/ #headlinesbox{ padding: 0px 8px 0px 8px; } #headlines h3{ padding: 0px 0px 5px 5px; } #headlines h4{ padding: 0px 0px 5px 5px; } .button { font-size: 90%; background-color: #CEE7FF; border-bottom: 1px solid #2D62FF; border-left: 1px solid #CEE7FF; border-right: 1px solid #2D62FF; border-top: 1px solid #CEE7FF; color: #333333; cursor: hand; height: 20px;} .input {background-color: #FFFFFF; border-bottom: #CEE7FF 1px solid; border-left: #CEE7FF 1px solid; border-right: #CEE7FF 1px solid; border-top: #CEE7FF 1px solid; color: #333333; cursor: text; font-family: "Tahoma", "MS Sans Serif"; font-size: 8pt} .combo {background-color: #FFFFFF; border-bottom: #666699 1px solid; border-left: #666699 1px solid; border-right: #666699 1px solid; border-top: #666699 1px solid; color: #333333; cursor: text; font-size: 90%; background-color: #ECF1FF} .qform { border-right: 1px solid #CEE7FF; padding-right: 1px; border-top: 1px solid #CEE7FF; padding-left: 2px; padding-bottom: 0px; border-left: 1px solid #CEE7FF; margin-right: 0px; padding-top: 0px; border-bottom: 1px solid #CEE7FF; font-family: Tahoma ; color: #333333; height: 18px; } .smallfont { font-size: 90%; } .highlight { background: #FFFF66; } .hnfont { font-size: 100%; color: #2D62FF; } #column3 {position: absolute; padding-left: 0px; left: 760px; z-index:50; margin-top: 5px;} #column4 {position: absolute; padding-left: 0px; left: 790px; z-index:50; padding-top: 0px ; margin-top: -145px;}