/* -------------------------------------------------------------- Blueprint CSS Framework Screen Styles * Version: 0.5 (28/8/2007) * Website: http://code.google.com/p/blueprintcss/ This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* @import 'lib/reset.css'; */ @import 'lib/typography.css'; /* Compressed version (re-compress if you change the core files): [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this line instead, when your site has launched (compresses ca 60% of the core files in BP): @import 'lib/compressed.css'; */ /* Uncomment the line below to see the grid and baseline. */ /* .container { background: url(lib/img/grid.png); } */ /* .container { background: url(lib/img/baseline.png); } */ body { background-image: url(/images/bgrs/bgrs-light.jpg); background-repeat: repeat-x; background-attachment: fixed; margin: 0px; padding: 0px; } #wrap { width: 761px; height: 100%; margin-right: auto; margin-left: auto; } #wrap #border { width: 761px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; border-right-width: medium; border-left-width: medium; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; background-color: #FFFFFF; float: left; } #wrap #header { width: 761px; height: 299px; background-image: url(/images/header-mainp.jpg); background-repeat: no-repeat; } #wrap #header2 { width: 761px; height: 299px; background-image: url(/images/header-mainp2.jpg); background-repeat: no-repeat; } #wrap #header3 { width: 761px; height: 299px; background-image: url(/images/header-mainp3.jpg); background-repeat: no-repeat; } #wrap #header4 { width: 761px; height: 299px; background-image: url(/images/header-mainp4.jpg); background-repeat: no-repeat; } #wrap #header5 { width: 761px; height: 299px; background-image: url(/images/header-mainp4.jpg); background-repeat: no-repeat; } #wrap #border #header #topnav { position: relative; left: 10px; top: 150px; width: 500px; } #wrap #border #header2 #topnav { position: relative; left: 10px; top: 150px; width: 500px; } #wrap #border #header3 #topnav { position: relative; left: 10px; top: 150px; width: 500px; } #wrap #border #header4 #topnav { position: relative; left: 10px; top: 150px; width: 500px; } #wrap #border #header5 #topnav { position: relative; left: 10px; top: 150px; width: 500px; } #topnav a { color:#FF6BB9; display:block; float:left; text-decoration:none; /*text-transform:uppercase;*/ font-size:14px; font-weight:bold; /*padding-top: 2px;*/ margin-right: 10px; } #topnav #fright { color: #FFFFFF; text-decoration: none; } #topnav a:hover { color:#FFFFFF; text-decoration:none; } #topnav a:visited { color:#FF6BB9; text-decoration:none; } #topnav a:visited:hover { color:#FFFFFF; text-decoration:none; } #wrap #border #header #rightlayer { position: relative; left: 750px; top: 1px; background-image: url(/images/right-border.gif); z-index: 4; height: 144px; width: 99px; } #wrap #border #header2 #rightlayer { position: relative; left: 750px; top: 1px; background-image: url(/images/right-border.gif); z-index: 4; height: 144px; width: 99px; } #wrap #border #header3 #rightlayer { position: relative; left: 750px; top: 1px; background-image: url(/images/right-border.gif); z-index: 4; height: 144px; width: 99px; } #wrap #border #header4 #rightlayer { position: relative; left: 750px; top: 1px; background-image: url(/images/right-border.gif); z-index: 4; height: 144px; width: 99px; } #wrap #border #header5 #rightlayer { position: relative; left: 750px; top: 1px; background-image: url(/images/right-border.gif); z-index: 4; height: 144px; width: 99px; } #leftcolumn { /* Parent Wrapper for inside boxes */ display: inline; /* IE Hack */ width: 236px; float: left; background-color: #B2EEFF; min-height: 607px; margin-top: 0; margin-right: 0px; height: 100%; padding-top: 0px; padding-right: 4px; padding-left: 0px; background-image: url(/images/navBottom.gif); background-repeat: no-repeat; background-position: bottom; } * html #leftcolumn { width: 236px; } /* IE Min-Height Hack */ #leftcolumn-nobg { /* Parent Wrapper for inside boxes */ display: inline; /* IE Hack */ width: 236px; float: left; min-height: 607px; margin-top: 0; margin-right: 0px; height: 100%; padding-top: 0px; padding-right: 4px; padding-left: 0px; background-repeat: no-repeat; background-position: bottom; } * html #leftcolumn-nobg { width: 236px; } /* IE Min-Height Hack */ /* Left Nav Links */ #navcontainer { margin: 0px; padding: 0px; } #navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, sans-serif; } #navcontainer li { margin: 0; } #navcontainer a { display: block; color: #009DE7; background-color: transparent; width: 238px; text-decoration: none; font-size: 10px; padding-top: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #aaa; margin-left: 0px; text-indent: 4px; } #navigation a { color: #009DE7; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; } #navcontainer a:hover { width: 238px; background-color: #5EDBFF; color: #009DE7; padding-top: 10px; padding-left: 0px; font-weight: bolder; } #navcontainer #current { width: 238px; background-color: #5EDBFF; color: #009DE7; font-weight: bolder; padding-top: 10px; padding-left: 0px; } #centercolumn { border: 0px solid #ccc; display: inline; width: 500px; float: left; margin-top: 0; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; height: 604px; background-color: #FFFFFF; padding-top: 3px; padding-right: 0px; padding-left: 3px; background-image: url(/images/content-bottom-bgr.gif); background-repeat: no-repeat; background-position: bottom; } #footer { background-color: #009DE7; display: inline; float: left; width: 752px; padding-top: 0px; padding-left: 5px; padding-right: 5px; color: #FFFFFF; }