@charset "utf-8";
/* CSS Document */

/* Main Body Tags */
html { 	height: 100%; overflow-y: scroll; }
body { 	font: 100% "Times New Roman", Times, serif; padding: 0; margin: 0 auto; height: 100%; }

/* Regular HTML Tag Changes */
img { border: none; vertical-align: top; }
a img { text-decoration: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* FONTS */
h1 { margin: 0px; padding: 0px; font-weight: bold; font-size: 18px; color: #585858; }
h2 { margin: 0px; padding: 0px; font-size: 18px; color: black; font-weight: bold; }
h3 { margin: 0px; padding: 0px; font-size: 22px; color: black; font-weight: bold; display: inline; }
h4 { margin: 0px; padding: 0px; font-size: 22px; color: #849d2d; font-weight: bold; }

.gray-font { color: #585858; font-size: 14px; }

/* MAIN NAVIGATION */
#navigation { display: block; width: 850px; height: 30px; padding: 0px 0px 0px 0px; margin: 0 auto; font-size: 14px; text-align: center; text-decoration: none; font-weight: bold; background-color: #e1e1e1; }
#navigation li { display: block; float: left; text-align: center; list-style: none; }
#navigation .plink { padding: 5px 25px 0px 25px; color: #585858; }
#navigation .currentPage { padding: 5px 25px 0px 25px; color: #1a57cc; text-decoration: none; }
a.plink:link { float: left;  text-align: center; color: #585858; text-decoration: none; font-weight: bold; }
a.plink:visited { float: left; text-align: center; color: #585858; text-decoration: none; font-weight: bold; }
a.plink:hover { float: left; text-align: center; color: #585858; text-decoration: none; font-weight: bold; text-decoration: underline; }
a.plink:active { float: left; text-align: center; color: #585858; text-decoration: none; font-weight: bold; text-decoration: none; }

/* WRAPPERS */
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -190px; } 
#background-wrapper { width: 100%; background-image: url(images/browser-background/gray-navigation-bar.jpg); background-repeat: repeat-x; height: 194px; background-position: top; }
#browser-wrapper { width: 850px; margin: 0 auto; padding: 0px 60px; }
#content-wrapper { width: 850px; margin: 0 auto; padding-top: 20px;}
#header-wrapper { width: 100%; background-color: white; }
#main-content-wrapper { width: 100%; background-color: white; }
#slider-wrapper { width: 100%; background-image: url(images/browser-background/gradient-with-wave.jpg); padding-bottom: 10px; background-repeat: repeat-x; }

/* BODY */
#header { width: 850px; height: 123px; padding-top: 20px; margin: 0 auto; }
#logo { width: 522px; height: 109px; margin: 0 auto; } 
#blue-bar { width: 100%; height: 20px; background-color: #1856cb; background-image: url(images/browser-background/blue-gradient-small.jpg); background-repeat: repeat-x; }

/* CONTENT */
#flickr-background { float: left; width: 400px; height: 315px; background-image: url(images/content/flickr-background.jpg); margin-top: 15px;  }
#text-wrapper { float: left; }
#text-title { position: absolute; background-color: white; padding: 3px 10px; margin-left: 15px; }
.text-title-spacer { height: 15px; }
#text-content { border: 1px solid #e4e4e4; padding: 20px 20px; background-color: white; }
#service-slideshow { float: left; width: 400px; height: 299px; margin-top: 15px; background-image: url(images/slideshows/400px-slideshow-shadow.jpg); }

/* FOOTER */
#push { height: 190px; clear: both; }
#footer { height: 130px; width: 100%; background-color: #efefef; padding: 15px 0px; margin: 30px 0px 0px 0px; color: #5c5c5c; border-top: 10px solid #1856cb; }
#footer-content { width: 850px; margin: 0 auto; }
.footer-text { font-size: 13px; }
a.footer-link { color: #1a57cc; }