﻿
/*
   Sky Blue
   
   Colors:
   
   #41627E     Sky Blue       RGB(65,98,126)
   #557FA3     Medium Blue    RGB(85,127,163)
   #699CC9     Light Blue     RGB(105,156,201)
   #7D7141     Dark Brown     RGB(125,113,65)
   #A38655     Medium Brown   RGB(163,134,85)
   #C9A669     Tan            RGB(201,166,105)
   #828282     Light Purple   RGB(130,130,130)
   #7D7D7D     Darker Purple  RGB(125,125,125)
   #FFFFFF     White          RGB(255,255,255)
   #ADA96E;    Khaki

*/

body 
{
   font-size: 12px;
   font-family: Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
   background-color: #ADA96E; /* Was #C9A669; */ /* Before that Was #Ffff */
   text-align: center;
   min-width: 760px;   
   width: 720px;
   position: relative;
   left: 50%;
   margin-left: -360px;      
}

#subNavigation
{
   width: 760px;
   text-align: right;
   font-size: 1.1em;
   margin: none;
}

#subNavigation a
{
   text-decoration: none;
   color: #41627E;
}

#subNavigation a:hover
{
   color: #699CC9;
   text-decoration: underline;
}

#subNavigation a:visited
{
   color: #41627E;
}

h2
{
   font-size: 1.3em;
   color: #41627E;
   padding: 10px;
}

p
{
   font-size: 0.95em;
   color: #000;
   padding-top: 0px;
   line-height: 1.5em;
}

p.indent
{
   margin-top: -10px;
   padding-left: 40px;
   padding-right: 40px;
   text-align: justify;
   clear: both;
}

#pageContent
{
   width: 760px;
   text-align: left;
   float: left;
   padding: 0px;
}

#branding
{
   width: 760px;
   height: 125px;
   background-color: #41627E;
   border: 1px solid #41627E;
}

#brandingSeal
{
   float: left;
   padding-top: 20px;
   padding-left: 20px;
   /*visibility: hidden;*/
}

#branding h1
{
   float: left;
   font-size: 2.10em;
   font-weight: bolder;
   font-variant: small-caps;
   color: #fff;
   padding-top: 25px;
   margin-left: -25px;
   width: 500px;
}

#branding h1 a
{
   color: #fff;
   text-decoration: none;
}

#branding Address
{
   float: right;
   color: #ADA96E;
   font-size: 12px;
   margin-right: 15px;
   padding-top: 30px;
   padding-bottom: 20px;
   font-style: normal;
   text-align: right;
   font-weight: bolder;
}

#mainNarrative
{
   width: 540px;
   float: right;
   font-size: 1.05em;
   /*min-height: 460px;*/
   padding: 20px 0px 20px 20px;
   margin: 0px;
   float: right;
   background-color: #fff;
}

#mainNarrative h1
{
   font-size: 1.25em;
   color: #41627E;
   padding: 20px 0px 0px 0px;
}

#mainNarrative ul
{
   list-style: square;
   font-size: .95em;
   color: #41627E;
}

#mainNarrative ul a
{
   text-decoration: none;
}

#mainNarrative ul a:hover
{
   text-decoration: underline;
}

#mainNarrative ul a:visited
{
   color: #41627E;
}

#mainLinks
{
   width: 190px;
   height: 500px;
   /*min-height: 500px;*/
   background-color: #41627E;
   float: left;
   padding-top: 00px;
   padding-left: 10px;
   background: #41627E url(images/SkyBlueHalfCircle.gif) no-repeat bottom;
}

#mainLinks ul 
{
   margin: 0;
   padding: 0;
   list-style: none;
}

#mainLinks li
{
   display: inline;
}

#mainLinks a
{
   display: block;
   width: 180px;
   height: 39px;
   line-height: 39px;
   color: #000;
   text-decoration: none;
   background: #699CC9 url(images/SkyBlueButtons.gif) no-repeat left;
   text-indent: 20px;
   text-transform: uppercase;
}

#mainLinks a:hover, .selected a
{
   background-color: #A38655;
   background-position: right bottom;
   color: #fff;
}

#mainLinks .first a
{
   height: 40px;
   line-height: 40px;
}

#wrapper p
{
   padding-left: 35px;
   padding-right: 35px;
}

#wrapper h3
{
   font-size: 18px;
   font-weight: bolder;
   color: #41627E;
   padding-left: 50px;
   float: none;
   display: block;
}

#wrapper h3 a
{
   font-size: 12px;
   color: #557FA3;
   padding-left: 15px;
   background: #fff url(images/magnify.jpg) no-repeat 0% 50%;
}

#wrapper h3 a:hover
{
   color: #7D7141;
}

#wrapper h3 a:visited
{
   color: #7D7141;
}

#subText
{
   margin: -20px 50px 25px 50px;
   padding: 0px;
}

#subTextNarrative
{
   margin: 20px 10px 5px 10px;
   padding-left: 0px;
   padding-right: 15px;
   float: left;
   font-size: 12px;
   text-align: left;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-left: 50px; 
  padding-right: 15px;
  color: #41627E;
}

.clear
{
   clear: both;
   display: block;
   visibility: hidden;
}

.mainImage
{
   float: right;
   padding: 20px;
}

.imgWrapper
{
   background: url(images/shadow.gif) no-repeat bottom right;
   clear: right;
   float: left;
}

.imgWrapper img
{
   margin: -5px 5px 5px -5px;
}

#backLink
{
   padding-top: 0px;
   clear: both;
}

.elementName
{
   font-size: 1.1em;
   color: #41627E;
}

.elementBrief
{
   font-size: inherit;
   color: #000;
   padding-left: 20px;
}
   
#pageFooter
{
   clear:both;
   padding-top: 30px;
   line-height: 20px;
}

#pageFooter a
{
   color: #41627E;
   text-decoration: none;
}

#pageFooter a:hover
{
   color: #7D7141;
   text-decoration: underline;
}

#pageCredits
{
   padding-top: 25px;
   font-family: Verdana, Sans-Serif, Arial;
   width: 100%;
   text-align: center;
}

#pageCredits a
{
   color: #000;
   text-decoration: none;
   font-size: 14px;
}

#pageCredits a:hover
{
   color: #000066;
   text-decoration: underline;
}

#pageCredits :visited
{
   color: #000;
   text-decoration: none;
}

#faqQuestion
{
   color: #41627E;
   font-size: 1em;
   padding-left: 30px;
   height: 25px;
   background: #fff url(images/QuestionMark.gif) no-repeat left top;
}

#faqAnswer
{
   color: #000;
   font-size: .95em;
   padding-left: 35px;
   padding-bottom: 20px;
   padding-right: 20px;
}

/* Commissioner's Page */
.Commish_Name
{
   font-size: 1.25em;
   padding-left: 25px;
   color: #557FA3;
   float: left;
   clear: both;
}
.Commish_Title
{
   font-size: 0.9em;
   color: #000;
   padding-bottom: 10px;
   padding-right: 20px;
   padding-left: 30px;
   font-weight: bolder;
   float: right;
   clear: both;
}

td a
{
   color: #41627E;
   text-decoration: none;
}

td a:hover
{
   color: #7D7141;
   text-decoration: underline;
}

.caption
{
   color: #41627E;
   font-size: 1.1em;
   font-weight: bolder;
}

#faceBookLike
{
   text-align: center;
}

.bidsLink
{
    color: #41627E;
    font-size: 1.0em;
    font-weight: normal;
}

.bidsDates
{
    color: Black;
    font-size: 1.0em;
    font-weight: normal;
}

form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

.formFieldSet { margin-bottom : 20px; padding : 10px 20px; text-align : center; }
fieldset { border: 1px solid black; background: #C9C0BB }
fieldset input: hover { border-color: #000; }
fieldset input:active, input:focus {border-color: #900; }
.form-section { CLEAR: both; MARGIN: 6px; POSITION: relative }
.form-section-required  { FONT-SIZE: 0.75em; COLOR: #ff0000 }
.form-prompt { PADDING-RIGHT: 10px; FONT-SIZE: 0.95em; FLOAT: left; MARGIN: 0px; WIDTH: 175px; POSITION: relative; TEXT-ALIGN: right }
.form-prompt-wider { PADDING-RIGHT: 10px; FONT-SIZE: 0.95em; FLOAT: left; MARGIN: 0px; WIDTH: 275px; POSITION: relative; TEXT-ALIGN: right }
.form-control { PADDING-LEFT: 15px; FLOAT: none; POSITION: relative; TEXT-ALIGN: left }
#wrapper FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; PADDING-TOP: 0px }
#wrapper LABEL { display: block; padding-top: 8px; color: #000; font-weight: bolder; }
#wrapper FIELDSET { PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 20px; PADDING-TOP: 0px }
#wrapper FIELDSET FIELDSET { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 15px 0px 5px; PADDING-TOP: 0px }
#wrapper LEGEND { PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 0px; background: #C9C0BB; }
#wrapper FIELDSET FIELDSET LEGEND { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
form div input { padding: 0 .5em; border: 2px double gray; width: 100px;}
form div input:hover{ background-color : #ffffcc; color: #000;}
.form-label {font-weight: bolder; color: Navy; }
.imageButtons {padding: 0; border: 0px; width: 500px;}
.imageButtons:hover{ background-color: #fff;}