/***********************************************/
/* hewittsingham.css                            */
/* Derived from 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Century Gothic", Arial, sans-serif;
	color: #26547C			;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #26547C url(../images/background.png) no-repeat;
}

a:link, a:visited {
   color: #26547C; 
   text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: "Century Gothic", Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 120%;
/* color: #334d55; */
}

h2{
 font-size: 114%;
 /* color: #006699; */
}

h3{
 font-size: 100%;
/*  color: #334d55; */
}

h4{
 font-size: 100%;
 font-weight: normal;
/* color: #333333; */
}

h5{
 font-size: 80%;
/* color: #334d55; */
}

ul{
 list-style-type: disc;
 font-size:smaller;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

p {font-size:smaller}
p:first-letter {font-size:medium; font-weight:bold}

label{
 font: bold 100% , Arial, sans-serif;
 /* color: #334d55; */
}
table td{vertical-align:top;margin-left:auto;margin-right:auto}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#allDoc {
position:relative;
min-height:100%;
}
#masthead{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #54267C;
	width: 100%;
}

#globalNav{
    width:100%;
    color: #26547C;
	margin: -40px 0px 0px 0px;
    padding: 0px 0px 0px px;
    white-space: nowrap;
	text-align:right;
}
#navBar{
position:absolute;
top:200px;
left:1px;
width:120px;
padding-top:10px;
padding-left:10px;
}
#rightBar{
position:absolute;
top: 164px;
right:10px;
width:120px;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
font-family: "Century Gothic", Arial, sans-serif;
color: #26547C			;
}
#content{
margin-left:126px;
margin-right:170px;
padding: 10px 10px 40px 10px;
/* min-width: 590px; */
background-color: #FFFFFF;
/* background: url(../images/topLeftCorner.png) no-repeat; */
/*border: 1px black solid; */
}
#siteInfo{
	clear: both;
	border: 1px solid #FFFFFF;
	font-size: 75%;
	text-align:center;
	font-family: "Century Gothic", Arial, sans-serif;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin-top: -1px;
}
#estimateform{
   text-align:left;
   font-size:smaller;
}

.floatright {float:right; border:1px solid #000000; margin 5px 5px 5px 5px}
.floatleft  {float:left}

/***********************************************/
/*Component Divs                               */
/***********************************************/
/************* #masthead styles and tags **************/

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#masthead img {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; 
}
/************* #globalNav styles **************/

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav a {
    display:inline;
    color:#26547C;
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}

/************* #siteInfo styles ***************/


#siteInfo a:link{
   color:#FFFFFF; 
   text-decoration: none;
}
#siteInfo a:visited{
   color:#FFFFFF; 
   text-decoration: none;
}
#siteInfo a:hover{
      color:#FFFFFF;
	  text-decoration: underline;
}
#siteInfo a:active{
      color:#FFFFFF;
	  text-decoration: underline;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a {color:#26547C}

/*********** #navBar styles ***********/


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #EEE;}
#navBar hr {width:80%; text-align:left;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #rightBar styles ***********/


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightBar li {border-bottom: 0px solid #EEE;}
#rightBar hr {width:80%; text-align:left;}
/* fix for browsers that don't need the hack */
html>body #rightBar li {border-bottom: none;}

/*********** #estimateform styles ***********/

#estimateform input {font-size:smaller;
background-color:#FFFFCC;
}
#estimateform select {font-size:smaller;
background-color:#FFFFCC;
}
#estimateform fieldset {
   float:left;
   clear: left;
   width: 98%;
   margin: 0 0 0 0;
   padding: 0 0 0 0 ;
}
#estimateform legend {
   margin-left: 1em;
   color: #000000;
   font-weight: bold;
}
#estimateform fieldset ol{
   margin: 0 0 0 0;
   padding: 1em 1em 0 1em;
   list-style: none;
}
#estimateform fieldset li {
   float:left;
   clear: left;
   width: 100%;
   padding-top: 0;
   padding-bottom: 0;
}
#estimateform fieldset.submit{
   border-style:none;
}

#estimateform label {
  float:left;
  width:70px;
  margin-right: 1em;
  text-align:right;
  font-size: 80%; 
  font-weight:bold;
}

.smalltext {
  font-size: 80%; 
  font-weight:bold;
}
/*********** .relatedLinks styles ***********/

.lightText {color:#CCCCCC}

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

/************** #special effects **************/
.captioned_photo { float:right;
   margin: .5em 0 .5em 2em;
   padding: 0;
   line-height:1em
   width: 240px;
   }
.captioned_photo p {
   width:100%;
   margin: 0;
   padding: 1em 0;
   font: .75em/1.75em Verdana, sansserif;
   color: #26547C
   }
.captioned_photo img {
   margin: 0;
   padding: 0;
   display: block;
   }
.img-shadow {
 /* float:left; */
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px 12px;
  padding: 4px;
  } 
  
  .biotext {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right:  10px;
  padding-top: 50px;
  padding-left: 50px;
  padding-bottom: 50px;
  padding-right:  50px;
  }
 .rightimg {
 float: right;
 margin-left: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 }