/* -----[ universal ]----- */
html {
height: 100.02%;
}
body {
margin: 0; padding: 0;
background-repeat: no-repeat;
font-size: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*
background-color:#fff; background-color:#f2eedd; <--------- formerly this color
*/
}
img a {
border: none;
}
/* -----[ / universal ]----- */
/* -----[ layout ]----- */
#o_container {
width: 900px; height: auto;
margin: 0 auto 0 auto; padding: 0;
}
#o_container.home {
width: 900px; height: 660px;
margin: 0 auto 0 auto; padding: 0;
}
#i_container {
width: 100%; height: 100%;
background-color: #F2EEDD;
background-image: url(../images/bg_icontainer.gif);
background-repeat: repeat-y;
margin: 0; padding: 0;
}
#i_container.bulk {
width: 100%; height: 100%;
background-color: #F2EEDD;
background-image: url(../images/bg_bulk.gif);
background-repeat: repeat-y;
margin: 0; padding: 0;
}
#header {
margin: 0; padding: 0;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
width: 100%; height: 121px;
}
#i_container.home #header {
margin: 0; padding: 0;
background-image: url(../images/header.jpg);
width: 100%; height: 121px;
}
.logo {
width: 100px; height: 100px;
float:left;
}
#cl {
margin: 0; padding: 0;
width: 500px; height: auto;
float:left;
color: #77787b;
background-color: #f2eedd;
}
#cl a:link, #cl a:visited {
text-decoration: none;
color: #333333;
}
#cl a:hover {
text-decoration: underline;
color: #333333;
}
#i_container.home #cl {
margin: 0; padding: 0;
width: 500px; height: auto;
background-color: #f2eedd;
float:left;
font-size: 1.2em;
line-height: normal;
color: #15145F;
}
#cl .top {
width: 100%; height: auto;
padding: 0; margin: 20px 0;
/*background-color:#fff;*/
}
#cl .bottom {
width: 100%;
padding: 0; margin: 0;
background-color:#f2eedd;
}
#cl .bottom .image {
width: 160px; height:100%;
padding: 0; margin: 0;
background-color:#CCCCCC;
float: left;
}
#cl .bottom .image.middle {
width: 160px; height: 100%;
padding: 0; margin: 0 7px;
background-color:#CCCCCC;
float: left;
}
#cr {
margin: 0; padding: 0;
width: 400px;
background-color:transparent;
float: right;
}
.clear {
clear: both;
}
/* -----[ / layout ]----- */
/* -----[ main nav ]----- */
/* -----[ main nav home ]----- */
/* -----[ /main nav home ]----- */
#main_nav h1 {
font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #fff;
float: right;
font-weight: bold;
padding: 0; padding-right: 20px; margin: 0;
}
#main_nav h1 a {
text-decoration: none;
color:#fff;
text-transform: uppercase;
border: none;
}
#main_nav .join {
width: auto;
font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #fff;
float: right;
font-weight: bold;
padding: 0; padding-right: 20px; margin: 0;
}
#main_nav .join a {
text-decoration: none;
color:#fff;
text-transform: uppercase;
border: none;
}
/* -----< drop down menu >----- */
#main_nav {
width: 800px;
padding: 2px 0 0;
width: 800px; height: auto;
margin: 0; margin-left: 40px;
float: right;
background-color: transparent;
}
#main_nav ul { /* apply to all lists within the navigation bar */
padding: 0;
margin: 0; margin-left: 20px;
list-style: none;
}
#main_nav a {
padding: 0 20px;
color: #fff;
display: block;
text-decoration: none;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
}
#main_nav li { /* all list items */
float: left;
padding: 0;
margin: 0;
/* width needed or else Opera goes nuts */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
border-right: 1px solid #fff;
}
#main_nav li.last {
border-right: none;
}
#main_nav li ul { /* second-level lists */
border-right: none;
position: absolute;
background: #325ca6;
padding: 0; margin: 0;
width: 180px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#main_nav ul ul li {
border: none;
}
#main_nav li ul a {
padding: 3px 10px 3px 5px;
margin: 0;
width: 165px;
color: #fff;
text-decoration: none;
border-right: none;
border-bottom: 1px solid #fff;
font-size: 11px;
}
#main_nav li ul ul li {
border: none;
}
#main_nav li ul a:hover {
background-color:#6568E2;
width: 165px;
}
#main_nav li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
background-color: #0099CC;
width: 150px;
}
#main_nav li ul ul li {
border: none;
}
#main_nav li ul ul a { /* these styles are for the grandchildren of the main_nav list items */
padding: 3px 0 3px 5px;
color: #fff;
width: 145px;
border: none;
text-decoration: none;
font-size: 11px;
}
#main_nav li ul ul a:hover {
background-color: #00CCCC;
width: 145px;
border: none;
}
#main_nav li:hover ul ul, #main_nav li.sfhover ul ul {
left: -999em;
}
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li.sfhover ul, #main_nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#main_nav li:hover, #main_nav li.hover {
position: static;
/* this fixes "sticky" drop-downs */
}
/* -----< / drop down menu >----- */
#upper_nav {
width: 800px; height: 30px;
margin: 0; padding: 10px 0 0;
float: right;
background-color:transparent;
}
#upper_nav ul {
padding: 0; margin: 0;
float: right;
}
#upper_nav ul li {
display: inline;
border-right: 1px solid #ccccff;
color: #ccccff;
list-syle-type: none;
font-family: Arial, Helvetic, sans-serif;
font-size: 1.2em;
padding: 0px 20px; margin: 0;
float: left;
font-weight: bold;
}
#upper_nav ul li.last {
border-right: none;
}
#upper_nav ul li a {
text-decoration: none;
color: #ccccff;
}
#mid_section {
width: 600px;
background-color:transparent;
margin: 0; padding: 0;
float: right;
}
#mid_section ul {
font-family: Arial, Helvetica, sans-serif;
margin: 44px 40px 0 0; padding: 0;
line-height: 1.0em;
font-size: 1.2em;
float: right;
}
#mid_section ul li {
margin: 0; padding: 0;
display: inline;
float: left;
}
#mid_section a {
padding: 0 20px;
text-decoration: none;
color: #0e5ca9;
}
#mid_section ul li.first {
margin-right: 85px;
}
/* -----[ / main nav ]----- */
/* -----[ content ]----- */
#i_container.bulk #cl {
margin: 20px; width: auto;
height: auto;
float:none;
margin-bottom: 40px;
}
#i_container.bulk #cl h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2.2em;
color: #15145F;
}
#i_container.bulk #cl .small {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.33em;
color: #15145F;
}
#i_container.bulk #cl p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: auto;
font-size: 1.2em;
line-height: 1.2em;
color: #77787b;
}
#i_container.bulk #cl .box {
width: auto; height: 144px;
margin: 5px;
float: left;
background-color: #15145F;
}
#i_container.bulk #cl .box.left {
width: 252px; height: 144px;
margin: 5px; margin-left: 0;
float: left;
background-color: #15145F;
}
#cl .top .text_area {
width: auto; padding: 20px;
}
/*#cl .top h1 {*/
h1 {
margin: 0; padding: 0; margin-top: -10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2.2em;
color: #0e5ca9;
line-height: 30px;
margin: 0 20px; padding: 10px 0;
}
#i_container.home p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.2em;
color: #77787b; /* color: #15145F; <-- this color was used previously */
margin: 0 20px;
padding-top: 15px;
}
#i_container.home .smaller {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e5ca9;
}
#cl .top .smaller {
font-size: 0.33em;
font-family: Times Roman, Georgia, serif;
line-height: 1.2em;
color: #15145F;
}
/*#cl .top h2 {*/
h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 0;
font-size: 1.6em;
/* line-height: 1.2em;*/
color: #15145F;
margin: 0 20px; padding: 10px 0;
}
/*#cl .top h3 {*/
h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 0;
font-size: 1.2em;
line-height: 1.2em;
color: #15145F;
font-weight: bold;
margin: 0 20px; padding: 10px 0;
}
h4, h5, h6 {
margin: 0 20px; padding: 10px 0;
}
h6 {
color:#000000;
}
#cl .banner {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
margin: 0; padding: 0;
text-align: center;
}
#cl .banner h1 {
background-image:url(../images/bg_cl_banner_.gif);
background-repeat: repeat-y;
margin: 0; padding: 3px 0;
font-size: 1.2em;
margin:0px;
padding:0px;
color:#FFFFFF;
line-height:normal;
padding: 5px 40px 2px 40px;
}
#cl .text_area {
margin: 20px 40px; padding: 0;
height: auto; width: auto;
font-size: 1.2em;
}
/*#cl .banner {
height: 30px; width: 100%;
background-image:url(../images/bg_cl_banner.gif);
background-repeat: repeat-y;
margin: 0; padding: 0;
}*/
/*#cl .banner h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #fff;
margin: 0;
text-align: middle;
padding: 7px 0 0 180px;
}*/
#cl .cl {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
color: #0e5ca9;
margin: 0; padding: 0;
text-align: justify;
width: auto; height: auto;
background-color: #fff;
margin: 15px 15px 20px 40px; padding: 0;
}
#cl .cr {
width: 195px; height: auto;
float: left;
background-color: #fff;
margin: 15px 40px 20px 15px; padding: 0;
}
/*#cl h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
color: #0e5ca9;
margin: 0; padding: 0;
text-align: justify;
}*/
#cl .bottom .image .pic {
width: 160px; height: 137px;
padding: 0; margin: 0;
background-color: #fff;
}
#cl .bottom .image1 {
width: 160px;
margin: 0; padding: 0;
float: left;
}
#cl .bottom .image2 {
width: 160px;
float: left;
}
#cl .bottom .image2.middle {
margin: 0 7px;
}
#cl .bottom .image3 {
width: 160px;
float: left;
}
#cl .bottom h1 {
margin: 0; padding: 5px 10px 2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 1.2em;
}
#cr .cl {
width: 169px; height: 100%;
background-color:#330099;
float:left;
}
#cr .cr.top {
background-color: #8b0030;
height: 115px;
width: 230px;
float: left;
padding: 0; margin: 0;
}
/* -----[ / content ]----- */
/* -----[ footer ]----- */
#i_container #footer {
margin: 0;
font-family: "Trebuchet MS" Arial, Helvetia, sans-serif;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
color:#000000;
font-size: 1.2em;
height: 178px;
clear: both;
}
#i_container.home #footer {
font-family: Arial, Helvetia, sans-serif;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
color:#000000;
font-size: 1.2em;
}
#i_container #footer ul {
margin: 10px 16px 105px 0; padding: 0;
float: right;
}
#i_container #footer ul li {
display: inline;
border-right: 1px solid #fff;
float: left;
margin: 0;
}
#i_container #footer ul li a {
margin: 0; padding: 0 10px;
text-decoration: none;
color: #fff;
}
#i_container #footer ul li.last {
border-right: none;
}
#i_container #footer #footer_main h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.0em;
padding: 0; margin: 5px 20px 0 30px;
/* color: #08238c;*/
text-align: right;
font-weight:normal;
color:#77787B;
}
#i_container #footer #footer_main h1 a {
text-decoration: none;
color: inherit;
}
/* -----[ / foooter ]----- */
/* Image Swapper */
#cr h3 {
font-size: 1.4em;
color: #fff;
margin-left: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#cr p {
color: #fff;
font-size: 1.2em;
margin-left: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#image-swap #thumbnails {
float:left;
width:114px;
}
#image-swap .title {
display:block;
width:114px;
color: #fff;
padding: 10px;
line-height: 0;
}
#image-swap #thumbnails img {
height: 96px;
}
#image-swap #zoom {
float:left;
width:286px;
padding-top:30px;
}
#image-swap #zoom .bigimage {
display:none;
}
/* end Image Swapper */
/* -----< these styles control the right-hand column background colour >----- */
#i_container.grey {
background-image: url(../images/bg_icontainer_grey.gif);
background-repeat: repeat-y;
}
#i_container.green {
background-image: url(../images/bg_icontainer_green.gif);
background-repeat: repeat-y;
}
#i_container.red {
background-image: url(../images/bg_icontainer_red.gif);
background-repeat: repeat-y;
}
#i_container.blue {
background-image: url(../images/bg_icontainer_blue.gif);
background-repeat: repeat-y;
}
#i_container.burgundy {
background-image: url(../images/bg_icontainer_burgundy.gif);
background-repeat: repeat-y;
}
#i_container.orange {
background-image: url(../images/bg_icontainer_orange.gif);
background-repeat: repeat-y;
}
#i_container.lightblue {
background-image: url(../images/bg_icontainer_light_blue.gif);
background-repeat: repeat-y;
}
#i_container.darkgrey {
background-image: url(../images/bg_icontainer_dark_grey.gif);
background-repeat: repeat-y;
}
#i_container.blue #cl .banner h1 {
background-image:url(../images/bg_cl_banner_blue.gif);
background-repeat: repeat-y;
}
#i_container.burgundy #cl .banner h1 {
background-image:url(../images/bg_cl_banner_burgundy.gif);
background-repeat: repeat-y;
}
#i_container.darkgrey #cl .banner h1 {
background-image:url(../images/bg_cl_banner_dark_grey.gif);
background-repeat: repeat-y;
}
#i_container.green #cl .banner h1 {
background-image:url(../images/bg_cl_banner_green.gif);
background-repeat: repeat-y;
}
#i_container.grey #cl .banner h1 {
background-image:url(../images/bg_cl_banner_grey.gif);
background-repeat: repeat-y;
}
#i_container.lightblue #cl .banner h1 {
background-image:url(../images/bg_cl_banner_light_blue.gif);
background-repeat: repeat-y;
}
#i_container.orange #cl .banner h1 {
background-image:url(../images/bg_cl_banner_orange.gif);
background-repeat: repeat-y;
}
#i_container.red #cl .banner h1 {
background-image:url(../images/bg_cl_banner_red.gif);
background-repeat: repeat-y;
}
/* -----< / end colour changes >----- */
#i_container.bulk #cl .csc-header-n1 h1 {
background-image: none;
color:#15145F;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:2.2em;
text-align: left;
}
div.csc-textpic-left div.csc-textpic-text {
background-color: #f2eedd;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
/*background-color: #f2eedd;*/
}
div.csc-textpic-left div.csc-textpic-imagewrap {
/*background-color: #f2eedd;*/
width: 100%;
}
.csc-textpic .csc-textpic-left .csc-textpic-above csc-textpic {
background-color: #f2eedd;
}