/***************************************
* *
* HTML ELEMENT DEFINITIONS ARE FIRST, *
* FOLLOWED BY CLASS DEFINITIONS: *
* *
****************************************
/******************************************************************
For all the tables on the pages: (can specify if border should be shown)
*******************************************************************/
table
{
border-width:0px; /*to show: 1px, to hide: 0px*/
border-style:solid;
/*border-style:none;*/
border-color: red;
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 12px;
color: rgb(31,73,125);/*shade of blue*//*DimGray;*/
}
td
{
border-width:0px; /*to show: 1px, to hide: 0px*/
border-style:solid;
/*border-style:none;*/
border-color:black;
}
/******************************************************************
for everything in html between and
******************************************************************/
body
{
/*mk- body background color:*/
background-color: white;
/*mk- The browser will use the first font value it recognizes:*/
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 12px;
color: rgb(31,73,125);/*shade of blue*//*DimGray;*/
/*
scrollbar-face-color: antiquewhite;
scrollbar-highlight-color: darkorange;
scrollbar-3dlight-color: yellow;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: antiquewhite;
scrollbar-arrow-color: blue;
scrollbar-track-color: lightyellow;
*/
}
/******************************************************************
Hyperlinks:
******************************************************************/
/*mk- "a" refers to hyperlinks, e.g. as "a" is used in:
Home */
/*mk- hyperlinks not selected yet: */
a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: blue;
/*color: #483D8B;*/
text-decoration: underline;
}
/*mk- mouse over hyperlink:*/
a:hover
{
font-family: Arial, Verdana, sans-serif;
color: green;
/*color: #A52A2A;
background-color: #FAEBD7*/
}
/*mk- mouse over visited hyperlink:*/
a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
color: blue;
}
/*mk- mouse over active hyperlink:*/
a:active:hover
{
font-family: Arial, Verdana, sans-serif;
color: blue;
}
/*mk- visited hyperlink */
a:visited
{
color: purple;
/* color: #00FF00*/
}
/*mk- when click on hyperlink, link can change immediately: */
a:active
{
color: red;
/* color: green;*/
}
/******************************************************************
Header horizontal lines
:
*******************************************************************/
hr
{
color:rgb(127,127,127);
height:1px;
}
/******************************************************************
Heading 1 type Largest heading:
*******************************************************************/
h1
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 18px;
color: #1f497d;/*shade of dark blue*/
/*color: MediumBlue;*/
/*color: Navy;*/
/*color: DarkBlue;*/ /*second best option*/
display:inline;
/*margin-left:20px;*/
/*vertical-align: text-top;*/
}
/******************************************************************
Heading 2 type Smaller heading:
*******************************************************************/
h2
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 14px;
color:#1f497d; /*DarkSlateBlue;*/
display:inline;
}
/******************************************************************
Heading 3 type Smaller heading:
*******************************************************************/
h3
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 13px;
color:#1f497d; /*DarkSlateBlue;*/
display:inline;
/*margin-top: 10px;*/
/*vertical-align: text-top;*/
}
img
{
border: 0px;
}
/**************************************************************************/
/*************************************
* *
* *
* CLASS DEFINITIONS ARE BELOW: *
* *
* *
**************************************
/******************************************************************
Paragraphs should be inline for content managed home page summaries
(this class used for data cells in tables), else unnecessary line breaks
*******************************************************************/
.inlineParagraph p
{
/*display:inline;*/
}
/******************************************************************
Formatting for data table cell containing image of page next to
summary of the page on the Home Page:
*******************************************************************/
.summaryImageCell
{
width:130px;
height:90px;
vertical-align: top;
/*margin-top: 20px;*/
}
/**************************************************************/
/*mk- summary item containing text to the right of image cell*/
.summaryTextCell
{
/*margin-left: 20px;*/
vertical-align:top;
}
/*mk- styling for paragraphs inside cell for text to the right of image cell:*/
.summaryTextCell p
{
margin-left:20px;
margin-top:10px
}
/**************************************************************/
/*mk- "left margin" table for "Welcome to.." text and summary info text*/
.homePageLeftMarginWidth
{
width: 20px;
}
/*mk- "left margin" cell width for indenting text under 'Welcome to...' header*/
.welcomeTextIndentMargin
{
width: 10px;
/* left-margin: 30px;
color: red;*/
}
/*mk- right margin width for table cell right of header text and summary text*/
.homePageRightMarginWidth
{
width: 20px;
}
/*mk- margin cell height above Welcome to.. text*/
.homePageWelcomTopMargin
{
height:10px;
}
/*mk- margin cell height below Welcome text*/
.homePageWelcomeBottomMargin
{
height:10px;
}
.homePageInfoTopMargin
{
height:15px;
}
.homePageInfoBottomMargin
{
height:15px;
}
.homeDividerLineCell
{
height:20px;
/* margin-top:6px;
margin-bottom:19px;
*/
}
.homeDividerLineCell hr
{
color:rgb(127,127,127);
height:1px;
}
/**********************************************************************/
/*mk- width of entire page = leftSideBarWidth + middleMarginWidth + rightSideBarWidth + 20*/
.pageWidth
{
width: 920px;
}
/*mk- width of left sidebar (section left of right sidebar)*/
.leftSideBarWidth
{
width: 604px;
}
/*mk- middle margin width (between left and right sidebar)*/
.middleMarginWidth
{
width:2px;
}
.rightSideBarWidth
{
width: 294px/*297px*/;
}
/*****************************************************************************/
/*mk- used for text blocks on home page:*/
.textBlock
{
/*background-color:darkorange;*/
background-color:#edf6f9; /*shade of light blue*/
}
/******************************************************************
Info text next to Services, Products, etc. icons on Home Page
*******************************************************************/
.homePageInfoText
{
font-family: /*Calibri*/ Arial, Verdana, sans-serif;
font-size: 12px;
color: DimGray;
/*width: 673px;*/
}
/******************************************************************
Heading table cell with blue text and orange background
*******************************************************************/
.headingCell
{
height:45px;
background-color: darkorange;
}
.buttonShadowRight
{
width:10px;
vertical-align:top;
background-color:white;
background-image:url('/images/shadow_right.bmp');
background-repeat:repeat-y;
}
/*mk- at the bottom of a button area, add horizontal shadow in table cell*/
.buttonShadowBottom
{
vertical-align:top;
background-color:white;
background-image:url('/images/shadow_bottom.bmp');
background-repeat:repeat-x;
}
/******************************************************************
Background of admin table "heading" row:
*******************************************************************/
.adminTableHeading
{
background-color: red; /*#A7DD49;*/ /*green */
vertical-align: middle;
color: #ffffff; /*white*/
text-align: center;
}
/*************************************************************
Footer for pages:
**************************************************************/
.footerTopMargin
{
height:10px;
}
.footerLeftMargin
{
/*width:10px;*/
margin-left:20px;
}
.footerRightText
{
margin-left:20px;
/*text-align: center;*/
/*background-color:yellow;*/
}
.footer
{
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: gray;
text-decoration: none;
/*text-align: center;*/
}
/*mk- Footer hyperlinks:*/
/*mk- for hyperlinks not selected yet: */
.footer a
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/*mk- mouse over unvisited hyperlink:*/
.footer a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/*mk- mouse over visited hyperlink:*/
.footer a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/*mk- mouse over active hyperlink:*/
.footer a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/*mk- for visited hyperlinks:*/
.footer a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/*mk- when click on hyperlink, link can change immediately: */
.footer a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: rgb(31,73,125);/*shade of dark blue*/
text-decoration: none;
}
/******************************************************************
Styling for "top buttons", table data cells:
******************************************************************/
.topButton
{
width: 148px; /*mk =100%/5 buttons*/
/*mk- must override height in .sidebars: */
/*height: 30px;*/
background-color:#edf6f9;/*shade of light blue*//*black;*//*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: #1f497d;/*shade of dark blue*//*white;*/
/*color: #fff;*/ /*white*/
vertical-align: middle;/*top*/;
text-align: center;
/*margin-bottom: 50px;*/
/*vertical-align: bottom;*/
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.topButton a
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over unvisited hyperlink:*/
.topButton a:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over visited hyperlink:*/
.topButton a:visited:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over active hyperlink:*/
.topButton a:active:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- for visited hyperlinks:*/
.topButton a:visited
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- when click on hyperlink, link can change immediately: */
.topButton a:active
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: #1f497d;/*shade of blue*//*white;*/
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*************************************************************/
/******************************************************************
Styling for "top buttons" when mouse over, table data cells:
******************************************************************/
.topButtonHover
{
width: 148px; /*mk =100%/5 buttons*/
/*mk- must override height in .sidebars: */
/*height: 30px;*/
background-color: rgb(210,223,238);/*darker shade of blue*//*darkorange;*//*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: black;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: center;
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 14px;
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton when mouse hovers over it:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.topButtonHover a
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over unvisited hyperlink:*/
.topButtonHover a:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over visited hyperlink:*/
.topButtonHover a:visited:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- mouse over active hyperlink:*/
.topButtonHover a:active:hover
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- for visited hyperlinks:*/
.topButtonHover a:visited
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- when click on hyperlink, link can change immediately: */
.topButtonHover a:active
{
font-family: Calibri, Arial, Verdana, sans-serif;
font-size: 16px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none;
}
/*mk- each "button" area is a table with 2 rows, styling for top row containing image:*/
.topButtonImageRow
{
height:110px;
}
/*mk- styling for each image in a button top row*/
.topButtonImage
{
margin-left:2px;
margin-top:0px;
}
/*mk- styling for button area bottom text row*/
.topButtonTextRow
{
height:20px;
}
/*mk- horizontal spacer between buttons, styling:*/
.topButtonHSpacer
{
background-color: white;
width: 5px;
}
.rightShadow
{
background-color: white;
width: 5px;
background-image:url('images/shadow_right.bmp');
background-repeat:repeat-y;
}
/******************************************************************
Styling for "right buttons", table data cells:
******************************************************************/
.rightButton
{
/*width: 217px;*/ /*mk width of right sidebar/
/*mk- must override height in .sidebars: */
height: 30px;
background-color: darkorange;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: black;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: left;
text-indent:20px; /*indent first line of text*/
font-size: 16px;
border-top-style:solid;
border-color:orange;
border-width:1px; /*to show: 1px, to hide: 0px*/
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for rightButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.rightButton a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.rightButton a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.rightButton a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.rightButton a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.rightButton a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.rightButton a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: black;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/******************************************************************
Styling for "right buttons" when mouse hovers over it, table data cells:
******************************************************************/
.rightButtonHover
{
/*width: 217px;*/ /*mk width of right sidebar/
/*mk- must override height in .sidebars: */
height: 30px;
background-color:black;/*orange;*//*#005E87; dark blue*//*#68A703 green*//*#005E87 dark blue*//*#8BC5E1 light blue*/
/*background-color: #005E87;*/ /*mk- dark blue*/
color: white;
/*color: #fff;*/ /*white*/
vertical-align: middle/*top*/;
text-align: left;
text-indent:20px; /*indent first line of text*/
/*padding-left:20px*/
font-size: 12px;
border-top-style:solid;
border-color:black;
border-width:1px; /*to show: 1px, to hide: 0px*/
border-left-style:none;
border-bottom-style:none;
/*
border-left-style:solid;
border-left-color:white;
border-left-width:5px;
border-bottom-style:solid;
border-bottom-color:white;
border-bottom-width:5px;
*/
/*margin-left:5px;*/
}
/******************************************************************
Styling for hyperlinks for topButton:
*******************************************************************/
/*mk- for hyperlinks not selected yet: */
.rightButtonHover a
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over unvisited hyperlink:*/
.rightButtonHover a:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over visited hyperlink:*/
.rightButtonHover a:visited:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- mouse over active hyperlink:*/
.rightButtonHover a:active:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- for visited hyperlinks:*/
.rightButtonHover a:visited
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}
/*mk- when click on hyperlink, link can change immediately: */
.rightButtonHover a:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
/*mk- don't underline hyperlink*/
text-decoration: none
}