﻿
/*

FOOTHILLS DATA STYLE SHEET

Colors:
#03b114 green bright
#3F07EE purplish blue
#02600a dark green
#3d403d dark gray


*/

/******************************************************** ELEMENTS */
body { background-color: White; font-family: Arial, Helvetica, sans-serif; color: #092bf1; font-size: 10pt; }

h1 { color: #21497c; font-size: 16pt; font-weight: bold; padding: 0; margin: 0; font-style: italic; }
h2 { font-size: 10pt; font-weight: bold; font-style: normal; padding: 0; margin: 0; }

p { margin: 7px 0px 7px 0px; padding: 0px; }

a:link { color: #5B04DC; }
a:visited { color: #5B04DC; }
a:active { color: #5B04DC; }
a:hover { color: #000000; text-decoration: underline; }

/******************************************************** ID's */
#divPageContent { padding: 10px 20px 10px 20px; position: static; margin-left: auto; margin-right: auto; background-color: White; }

#divPageTextAndImage { padding: 0 0 0 0; width: 900px; }

/******************************************************** CLASSES */

.ContentColumn { border-style: none solid none solid; border-width: 3px; border-color: #CCCCCC; width: 800px; background-color: White; position: relative; margin-left: auto; margin-right: auto; }

.PaddedSection { }

/******************************************************** ADS */
.divAd275x220 { margin: 10px; position: relative; float: left; width: 220px; height: 275px; }
.divAd275x220 h2 { font-size: 16pt; font-weight: bold; padding: 0px; margin: 0px; color: #FFFFFF; }
.divAd275x220 p { font-size: 11pt; font-weight: bold; padding: 0px; margin: 0px; color: #FFFFFF; }

.divImageAndCaption { padding: 3px; border: 1px solid #C0C0C0; color:#21497c; text-align:center; }

.colorpanelDIV { padding: 5px; border-style: none; position: relative; width: 195px; height: 200px; }
#colorboxes h2 { font-size: 14pt; font-weight: bold; color: #000000; }
#colorboxes div { width: 90%; height: 90%; margin: 9px; }
#colorboxes p { font-size: 16px; color: #FFFFFF; }
#divPortfolioX div { width: 100%; height: 221px; }
#divPortfolioX h2 { margin: 3px; }
#divPortfolioImages img { border: thin solid #C0C0C0; width: 178px; }
#divPortFolioBar img { border: thin solid #C0C0C0; position: absolute; }

#div2x3blocks div { margin: 5px; }

#div2x3blocks img { border-width: 0px; position: relative; float: right; margin-right: 3px; margin-left: 2px; }
#div2x3blocks p { margin: 0px; position: relative; left: 5px; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #092af1; }
#div2x3blocks h2 { margin: 0px 0px 2px 0px; position: relative; left: 5px; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #092af1; }

.menuStaticMenuStyleSM /*  STATIC MENU */ { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: xx-small; }
.menuStaticMenuItemStyleSM { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: xx-small; }
.menuStaticHoverStyleSM { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; text-decoration: underline; font-size: xx-small; }
.menuDynamicMenuStyleSM /*  DYNAMIC MENU */ { border: thin solid #999999; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: xx-small; }
.menuDynamicMenuItemStyleSM { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: xx-small; }
.menuDynamicHoverStyleSM { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; text-decoration: underline; font-size: xx-small; }

#divColorPanelSEO { font-size: 12pt; text-align: center; }
#divColorPanelSEO h2 { font-size: 18px; font-weight: normal; color: #FFFFFF; font-style: italic; }
#divColorPanelSEO div { padding: 5px; }
#divColorPanelSEO p { color: #FFFFFF; }


/* SERVICES MENU */
#divSMenu a:link { color: #03b114; font-weight: bold; text-decoration: underline; }
#divSMenu a:visited { color: #03b114; font-weight: bold; text-decoration: underline; }
#divSMenu a:active { color: #03b114; font-weight: bold; text-decoration: underline; }
#divSMenu a:hover { color: #3F07EE; text-decoration: none; font-weight: bold; }
