/*
   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;
   visibility: visible;
}

#branding h1
{
   float: left;
   font-size: 2.30em;
   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;
}