/**** Site Colors ********************************
Blue: #466381 / R-70 G-99 B-129
Breadcrumb Bar / Dark red-pink second site color: #8a193e / R-138 G-25 B-62
Nav / Menu&ContentWrapper Background (pale pink): #f0e8ea / R-240 G-232 B-234
Menu sub-nav (lighter blue): #5E83A8 94, 131, 168
Third site color (gray-green): #DCE4D6 / R-220 G-228 B-214
Nav Link (active): 46662e RGB -- 70, 102, 46
Nav Link (hover): aa2b55
**********************************************/
/***********************************************/
/* HTML tag styles */
/***********************************************/
* {
list-style-type:none;
}
body {
margin: 0;
paddng: 0;
font-family: Arial, Helvetica, Tahoma, San-Serif;
font-size: .8em;
/*background-color: #DCE4D6;*/
background-image:url(../images/site_bg.gif);
}
p {
font-family: Arial, Helvetica, Tahoma, San-Serif;
}
a {
color:#46662e;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #334488;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #aa2b55;
text-decoration: underline;
font-weight: bold;
}
h1 {
font-family: Arial, sans-serif;
font-size: 160%;
color: #334d55;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Arial,sans-serif;
font-size: 145%;
color: #334d55;
margin: 0px;
padding: 0px;
}
h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 125%;
color: #8a193e;
margin: 0px;
padding: 0px;
}
h4 {
font-family: Verdana, Arial,sans-serif;
font-size: 118%;
font-weight: bold;
color: #333333;
margin: 0px;
padding: 0px;
}
h5 {
font-family: Arial,sans-serif;
color:#480D20;
margin: 0px;
padding: 0.1em;
font-weight:bold;
font-size: 110%;
}
h6 {
font-family: Arial,sans-serif;
color:##headingColorB#;
margin: 0px;
padding: 0.1em;
font-weight:bold;
font-size: 110%;
}
.rssTitle {
margin-bottom:-5px;
}
ul {
list-style-type: square;
height: auto;
}
*html ul { /*Needed to get bullets to appear in friggin' IE! */
padding-left: 15px;
}
ul li {
list-style-type: disc;
height: auto;
}
ol {
list-style-type:decimal;
height: auto;
}
*html ol { /*Needed to get bullets to appear in friggin' IE! */
padding-left: 15px;
}
ol li {
list-style-type:decimal;
height: auto;
}
/*********** End HTML tags ************************/
/****************** Template Header Styles ***************/
#headerImage {
clear: both;
height: 50px;
background-image:url(../images/SiteBanner.jpg);
background-repeat:no-repeat;
background-color:#466381;
}
.textRight {
text-align: right;
}
.blackBar {
background-color: #000;
color: #fff;
padding: .2em;
color: #eee;
font-size: .9em;
}
.blackBar ul li {
display: inline;
padding-left: .2em;
padding-right: .2em;
}
.blackBar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.blackBar a:link {
color: #ccccff;
font-weight: bold;
}
.blackBar a:visited {
color: #eeaaee;
font-weight: bold;
}
/******************search form*********************/
#searchForm
{
position:absolute;
top:55px;
right:80px;
text-align:right;
white-space:nowrap;
}
/***************** second black bar? ****************/
.blackBar {
background-color: #000;
color: #fff;
padding: .2em;
color: #eee;
font-size: .9em;
}
.blackBar a:link {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.blackBar a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.blackBar a:hover {
text-decoration: underline;
font-weight: bold;
}
#leftLinks {
float: left;
}
/****************** Template Breadcrumb Styles ***********************/
#breadCrumbBar {
background-color:#8a193e;
color: #ffffff;
padding: .2em .2em .2em .5em;
font-size: .9em;
border-bottom: solid 1px #333;
text-decoration:none;
}
#breadCrumbBar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#breadCrumbBar ul li{
display: inline;
padding-left: .2em;
padding-right: .2em;
}
#breadCrumbBar a:link {
color: #fff;
text-decoration: none;
}
#breadCrumbBar a:visited {
color: #fff;
text-decoration: none;
}
#breadCrumbBar a:hover {
text-decoration: underline;
}
/**************** Basic Content Styles ********************/
#menuAndContentWrapper {
background-color: #91AAC4;
background-image: url(../images/bottomRightCorner.gif) no-repeat left bottom;
}
* html #menuAndContentWrapper {
line-height:1.2;
}
#contentAndRightColumn {
margin-left: 250px; /* must equal width of "leftHandNav" div */
background-color: #ffffff;
/* border-left: 1px solid #666; hide for corner styles */
padding: 10px;
}
#mainContent {
margin-right: 160px; /* must equal the width of "farRightColumn" div */
}
* html #mainContent {
line-height:1.2;
}
#farRightColumn {
float: right;
width: 160px; /* must equal the margin-right of "mainContent" div */
}
/************ leftHandNav styles *****************/
.navBR{
height:26px;
width:250px;
background-image: url(../images/navBR.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #91aac4;
float:left;
}
.navTR{
height:13px;
background-image: url(../images/navTR.gif);
background-repeat: no-repeat;
background-position: 100% 0;
background-color: #91aac4;
}
.bottomWhite{
height:26px;
background-color: #ffffff;
}
#navCorner {
float: left;
width: 250px;
background-color: #91aac4;
}
#leftHandNav {
clear: both;
float: left;
width: 250px;; /* must equal margin-left of "content" div */
}
#leftHandNav ul {
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
list-style: none;
}
* html #leftHandNav li ul {
border-bottom: 1px solid #333; /* For some reason IE doesn't apply the 's bottom border when the has a (for subnav) in it. Thus we'll add a bottom margin to the subnav in IE.*/
}
#leftHandNav li {
border-bottom: 1px solid #ffffff;
background-color: #8a193e;
}
#leftHandNav ul li ul li {
/* subnav - */
border-right: 1px solid #333;
border-bottom: 0px;
border-top: 1px solid #000;
background-color: #fff;
color: #000;
}
#leftHandNav #topItem {
border-top: 1px solid #333;
}
#leftHandNav a {
color: #ffffff;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
padding: 2px 0px 2px 5px;
display: block; /* display: block makes IE apply settings (like the black background below) to the whole area, not just where the text is. (If there were no IE, we could just :hover the
- .)*/
}
#leftHandNav li ul li a {
/* subnav */
color: #666;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
padding: 2px 5px 2px 15px;
display: block; /* display: block makes IE apply settings (like the black background below) to the whole area, not just where the text is. (If there were no IE, we could just :hover the
- .)*/
}
#leftHandNavDet {
color: #ffffff;
font-size: 0.8em;
padding: 2px 5px 2px 15px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #5E83A8;
}
*html #leftHandNav a {
padding: 0px 5px 3px 5px;
}
#leftHandNav a:hover {
background: #000000;
color:#FFFFFF;
}
#leftHandNavImg a:hover {
background: #91aac4;
color:#91aac4;
}
/*********************** flyOut Styles *************************/
#flyOutHeader{
color: #ffffff;
font-weight: bold;
font-size: 1.2em;
padding: 2px 15px 2px 5px;
}
#leftHandNav li {
vertical-align: bottom; /* for IE5/win */
position: relative;
list-style: none;
text-align:right;
}
#leftHandNav #flyOut ul li {
background-color: #f0e8ea;
text-align:left;
}
#leftHandNav #flyOut ul {
position: absolute;
left: -3000px;
width: 200px;
background-color: #f0e8ea;
} /* flyout elements need a background image or color to avoid bugs in IE/win */
#leftHandNav #bottomItem {
border-bottom: 1px solid #000000;
}
#leftHandNav #flyOut:hover ul {
left: 19.0em;
top: 4px;
}
#leftHandNav #flyOut ul li a {
color:#000000;
}
#leftHandNav #flyOut ul li a:hover {
color:#ffffff;
}
/* \*/ /*/
.navholder ul li ul {position: static;}
/* */
/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */
/*********************** Footer Styles *************************/
#footer {
clear: both;
background-color: #466381;
text-align: center;
vertical-align: middle;
color:#ffffff;
padding: 3px;
}
#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#footer ul li {
font-size: .9em;
list-style-type: none;
}
#footer a {
color:#ffffff;
text-decoration:none;
}
#blackStripe
{
background-color:#000;
color:#fff;
height:1em;
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:90%;
}
#blackStripe a:link {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#blackStripe a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#blackStripe a:hover {
font-weight: bold;
text-decoration: underline;
}
/*********************** Table Styles *******************************/
/********* KEEP ALL TABLES CONSTANT *********/
th {
background-color:#DCE4D6;
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
border-bottom:1px solid #000000;
}
td {
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
}
table {
font-family:Arial, Helvetica, sans-serif;
border:1px solid #000000;
padding:0px;
border-collapse:collapse;
margin:5px;
}
.shaded {
background-color:#EDEEF3;
}
/*****************Form Styles *******************/
#inquiryForm {
display: block;
width: 75%;
height: expression('1%');
margin: 5px 0px 0px 0px;
padding: 1px 3px;
}
form legend {
font-size: 100%;
padding: 3px;
margin-bottom:15px;
color: #FFFFFF;
float:left;
font-weight:bolder;
background-color: #8a193e;
}
form label {
margin-right:3px;
width:13em;
text-align:right;
}
form fieldset {
font-size: 100%;
border-color: 1px ridge #466381;
padding: 10px;
margin:0px;
color: #333333;
}
.redStar {
font-weight:bold;
color:#990000;
margin-left:4px;
}
/*************** misc. styles for page content ***************/
#leftLinks {
float: left;
}
.right {
float: right;
}
.rightCenter{
float: right;
text-align:center;
}
.textRight {
text-align: right;
}
.introText {
font-size: 1.2em;
font-style: italic;
font-weight: bold;
}
.accentBox {
background-color: #DCE4D6;
padding:5px;
}
#alertBoxHome {
background: #f0e8ea url(../images/topCornersPink200.gif) no-repeat;
width: 190px;
padding:5px;
text-align: center;
font-size: .93em;
font-weight:500;
line-height: 1.3em;
}
.indent {
margin-left: 30px;
}
.pale {
color: #666666;
}
/************** Rounded Corner Styles ***************/
.roundcont {
background-color: #DCE4D6;
}
.roundcontText {
margin-left: 7px;
margin-right: 2px;
text-align: center;
}
.roundtop {
background: url(../images/greenTR.gif) no-repeat top right;
}
.roundbottom {
background: url(../images/greenBR.gif) no-repeat bottom right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
/********************************************/
.indexList {
font-size: 110%;
margin-top: 20px;
margin-bottom: 5px;
}
.smallText {
font-size: 75%; /* 80% is normal sized text for this site */
}
.ul-Clean {
list-style-type: none;
}