body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-top: 22px;
	text-align: center;
	font-family: verdana;
	font-size: small;
	color: #333333;
	text-decoration: none;

}






.page_big		{ font-family: helvetica, arial, sans-serif; font-size: 1.5 em; font-weight: bold; letter-spacing: -1px;}
.page_medium		{ font-family: helvetica, arial, sans-serif; font-size: 1.25 em; font-weight: bold; letter-spacing: -1px;}
.page_small		{ font-family: helvetica, arial, sans-serif; font-size: 1.05 em; font-weight: bold; letter-spacing: -1px;}




.search_panel tr		{
			background-color: #427098;
			background-image: url(../i/search_panel_bg.gif)		/* relative to the stylesheet location! */
			}


.search_panel input	{
			font-family: verdana, sans-serif;
			font-size: 11px;
			width: 120px;
			}


.search_panel input.find	{
			width: 52px;
			}


.search_panel select	{
			font-family: helvetica, arial, sans-serif;
			font-size: 10px;
			width: 180px;
			}




.gen_huge		{
			font-family: helvetica, arial, sans-serif;
			font-size: 100%;
			color: #3E3E3E;
			font-weight: bold;
			letter-spacing: -1px;
			}


.gen_title			{
			font-family: arial, sans-serif;
			font-size: 75%;
			color: #3E3E3E;
			font-weight: bold;
			}


.gen_large		{
			font-family: verdana, sans-serif;
			font-size: 90%;
			font-weight: bold;
			color: #3E3E3E;
			}

.gen_text			{
			font-family: verdana, sans-serif;
			font-size: 11px;
			color: #3E3E3E;
			}


th.gen_text		{
			font-family: verdana, sans-serif;
			font-size: 75%;
			color: #145CA4;
			text-align: left;
			}





.footer_address {
			font-family: verdana, sans-serif;
			font-size: .8em;
			color: #ffffff;
			text-align:center;
			
			}


.color5 {
  background-color: #FF00FF !important;
  color: inherit;
}

#metadata.collectionTitle.value {
}



#shadowbox_body, #shadowbox_loading {
  background-color: #000000 !important;
  color: inherit;
}

#submit input#button {
  background-color: #CCCCCC !important;
  color: #808080 !important;
  border-style: solid !important;
  border-width: 2px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  outline: none !important;
  padding: 0.4em !important;
  border-color: #FFFFFF !important;
  margin: 0 auto !important;
  width: 100px !important;
}

.boxOverBody {
  background-color: #595959 !important;
  margin: 0.00 !important;
  color: #FFFFFF !important;
  border-right-width: 1px !important;
  border-left-width: 1px !important;
  font-size: 9px !important;
  padding: 3px !important;
  border-bottom-width: 1px !important;
  width: 150px !important;
  filter: alpha(opacity=90) !important;
  border-style: solid !important;
  border-color: #000000 !important;
  border-top-width: 0.00 !important;
  opacity: 0.90 !important;
}

#requiredFieldsWrapper {
  background-color: #E3E3E3 !important;
  clear: both !important;
  padding: 0.00 !important;
  margin: 0 auto !important;
  width: 564px !important;
  color: inherit;
}

.boxOverHeader {
  background-color: #333333 !important;
  color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 1px !important;
  width: 150px !important;
  font-size: 10px !important;
  opacity: 0.90 !important;
  filter: alpha(opacity=90) !important;
  border-color: #000000 !important;
  padding: 3px !important;
  margin: 0.00 !important;
  font-weight: bold !important;
}

#metadata.siteTitle.value {
}

.Box {
  font-size: 10px !important;
  float: left !important;
  padding: 0.00 !important;
  margin: 0 10px 20px !important;
  width: 190px !important;
}

#contactInfo {
}

#submit {
  clear: both !important;
  padding: 0.00 !important;
  margin: 20px auto !important;
}

#shadowbox_title_inner {
  line-height: 10px !important;
  color: #FFFFFF !important;
  height: 10px !important;
  font-size: 10px !important;
  background-color: inherit;
}

.collectionTitle {
  clear: right !important;
  color: #FFFFFF !important;
  float: right !important;
  padding: 0px 0 0 0 !important;
  margin: 0.00 !important;
  font-size: 8px !important;
  background-color: inherit;
}

.gallerythumb {
  background-color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 1px !important;
  padding: 3px !important;
  margin: 0 auto !important;
  border-color: #CCCCCC !important;
  color: inherit;

}

#requiredFields input {
  text-align: left !important;
  padding: 4px !important;
  margin: 4px 0 1em !important;
  width: 250px !important;
}

.titles {
  background-color: transparent !important;
  font-family:  !important;
  font-weight: normal !important;
  color: inherit;
}

#shadowbox_title {
  height: 19px !important;
}

#requiredFields {
  clear: both !important;
  text-align: left !important;
  padding: 10px !important;
  margin: 0 auto !important;
  width: 544px !important;
}

.color3 {
  background-color: #66FF00 !important;
  color: inherit;
}

.siteTitle {
  float: right !important;
  color: #FFFFFF !important;
  padding: 0px 0 0 0 !important;
  margin: 0.00 !important;
  font-size: 8px !important;
  background-color: inherit;
}

textarea {
  margin: 0 auto 1em !important;
  padding: 4px !important;
  text-align: left !important;
}

.color1 {
  background-color: #FF0000 !important;
  color: inherit;
}

a img {
  border: 0.00 !important;
}

.selectionCheckboxDiv {
  background-color: transparent !important;
  right: 0.00 !important;
  cursor: pointer !important;
  background-repeat: no-repeat !important;
  top: 0.00 !important;
  position: absolute !important;
  border: none !important;
  padding: 10px !important;
  background-position: center !important;
  margin: 0.00 !important;
  color: inherit;
}

#shadowbox_body {
  border: 1px solid #FFFFFF !important;
}

.contactInfo {
  margin: 0.00 !important;
  padding: 0.00 !important;
}

#shadowbox_counter a {
  color: #FFFFFF !important;
  background-color: inherit;
}

.colornil {
  display: none !important;
}

#gallery {

  padding: 0.00 !important;
  margin: 10px auto 0 !important;
  width: 840px !important;
}

#shadowbox_counter a:hover {
  color: #333333 !important;
  background-color: inherit;
}

.color2 {
  background-color: #FFFF00 !important;
  color: inherit;
}

textarea#generalComments {
  height: 150px !important;
  margin: 4px 0 0 !important;
  width: 532px !important;
}

.collectionDescription {
  background-color: transparent !important;
  text-align: center !important;
  width: 500px !important;
  color: #FFFFFF !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 20px auto !important;
  font-size: 10px !important;
}

.annotation {
  bottom: 1px !important;
  left: 0.00 !important;
  font-size: 10px !important;
  text-align: center !important;
  position: absolute !important;
  display: block !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 0 auto !important;
  width: 184px !important;
}

.color4 {
  background-color: #0000FF !important;
  color: inherit;
}

.itemNumber {
  background-color: transparent !important;
  color: #CCCCCC !important;
  bottom: 6px !important;
  display: inherit !important;
  position: absolute !important;
  left: 7px !important;
  font-size: 15px !important;
    font-family:Verdana;
    font-size:small;

}

#requiredFields input, textarea {
  background-color: #CCCCCC !important;
  color: #808080 !important;
  border-color: #FFFFFF !important;
  border-width: 2px !important;
  border-style: solid !important;
}

.clear {
  clear: both !important;
  margin: 0.00 !important;
  padding: 0.00 !important;
}


.imageID p {
  background-color: #F0F0F0 !important;
  color: gray !important;
  border-style: solid !important;
  border-width: 2px !important;
  clear: both !important;
  border-color: #E6E6E6 !important;
  text-align: center !important;
  overflow: hidden !important;
  display: block !important;
  padding: 5px !important;
  margin: 0.00 !important;
  white-space: nowrap !important;
    font-family:Verdana;
    font-size:small;
}

.idplate {
  left: 0px !important;
  width: 100% !important;
  top: 0px !important;
  text-align: left !important;
  position: absolute !important;
  height: 0.00 !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
  display: none !important;
}

label {
  padding: 0.00 !important;
  color: #808080 !important;
  font-weight: normal !important;
  margin: 0.00 !important;
  font-size: 12px !important;
  background-color: inherit;
  font-family:Verdana;
}

.unchecked {
  background-image: url(../images/chk_off.png) !important;
}

.imageID {
  margin: 5px 0 0 0 !important;
  width: 100% !important;
}

.colors {
  left: 0.00 !important;
  width: 16px !important;
  top: 0.00 !important;
  position: absolute !important;
  height: 16px !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
  cursor: help !important;
}

#shadowbox_counter {
  color: #FFFFFF !important;
  background-color: inherit;
}

.frame {
  background-color: #F0F0F0 !important;
  border-style: solid !important;
  border-width: 1px !important;
  width: 188px !important;
  text-align: center !important;
  position: relative !important;
  height: 188px !important;
  border-color: #E6E6E6 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  color: inherit;
  font-family: Verdana;
  
}

.checked {
  background-image: url(../images/chk_on.png) !important;
}



















div#container {
  text-align:left;
  width:1024px;
  margin:0 auto;
  background-color:#e1e0e0;
  padding:0px;
  border:2px solid #ffffff;
}

div#banner {

  margin:0 auto;
  background-color:#6b7d9c;
  padding:4px;
}

div#orangeline {

  margin:0 auto;
  background-color:#07004b;
  padding:2px;
}

div#copyright {
    width:500px;
    
  margin:0 auto;
  text-align:center;

color: #FFFFFF;
  padding:2px;
			font-family: verdana, sans-serif;
			font-size:small;

}

div#textholder {

    
  margin:0 auto;
  text-align:left;

  padding:10px;
			font-family: verdana, sans-serif;
			font-size:small;

}

div#pageheader 

    
{width:95%; font-family: verdana; font-size: 1.6em; color: #CC6635; 
	    
	    border-bottom: solid 1px #cc6635;
	    padding-top:	10px;
	    padding-left:	10px;
	   
	   
	    }


.dropmenu_XPBeta_1 {
   position: absolute;
   left: -1500px;
   visibility: visible;
   z-index: 101;
   float: left;
   width: 122px;

   border-width: 1px;
   border-style: solid;
   border-color: #BFBFBF;	
   background-color: #FFFFFF;
}
.dropmenu_XPBeta_1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.dropmenu_XPBeta_1 li {
   display: inline;
}
.dropmenu_XPBeta_1 a, .dropmenu_XPBeta_1 a:visited, .dropmenu_XPBeta_1 a:active {
   display: block;
   width: 120px;

   padding: 2px;
   margin: 1px;
   font-family: Arial;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;

   color: #000000;
   background-color: #D4D4D4;
}
.dropmenu_XPBeta_1 a:hover {
   padding: 2px;
   margin: 1px;
   font-family: Arial;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;

   color: #000000;
   background-color: #BFBFBF;
}


  #garollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-ga.gif") no-repeat 0 0;
  }
  #garollover:hover
  { 
    background: url("../i/home-buttons-ga2.gif") no-repeat 0 0;
  }



  #ofrollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-of.gif") no-repeat 0 0;
  }
  #ofrollover:hover
  { 
    background: url("../i/home-buttons-of2.gif") no-repeat 0 0;
  }



  #sbrollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-sb.gif") no-repeat 0 0;
  }
  #sbrollover:hover
  { 
    background: url("../i/home-buttons-sb2.gif") no-repeat 0 0;
  }

  #sdrollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-sd.gif") no-repeat 0 0;
  }
  #sdrollover:hover
  { 
    background: url("../i/home-buttons-sd2.gif") no-repeat 0 0;
  }


  #wrrollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-wr.gif") no-repeat 0 0;
  }
  #wrrollover:hover
  { 
    background: url("../i/home-buttons-wr2.gif") no-repeat 0 0;
  }


  #gbrollover
  {
    display: block;
    width: 141px;
    height: 130px;
    background: url("../i/home-buttons-gb.gif") no-repeat 0 0;
  }
  #gbrollover:hover
  { 
    background: url("../i/home-buttons-gb2.gif") no-repeat 0 0;
  }



div#tourpage li {
list-style: none;
background: url(../i/Circle_Preview_P.png) no-repeat left center;
padding: 10px 10px 20px 40px;
height: 10px;
} 
 
 
div#tourpage a {
text-decoration: none;
}
 
 
div#tourpage ul {
padding: 5px;
}













#shedbase
{
height:327px;
width:619px;
border: solid 3px gray;
background-image: url(../i/sheds/shedbase.png);
z-index: 0;
float:left;
}

#shedbody, #sheddoors, #shedroof, #shedeves

{
height:327px;
width:619px;
border: 0;
margin:0;
padding:0;

}

#shedbody
{
z-index: 1;
background-image: url(../i/sheds/body_plain.png);
position:relative;

}

#sheddoors
{
z-index: 2;
background-image: url(../i/sheds/doors_plain.png);
position:relative;

}

#shedroof
{
z-index: 3;
background-image: url(../i/sheds/roof_greyfelt.png);
position:relative;
}


#shedeves
{
z-index: 4;
background-image: url(../i/sheds/eves.png);
position:relative;

}



.body_plain a,
.doors_plain a, 
.body_amaranth a,
.body_beaumont a,
.body_chestnut a,
.body_cornflower a,
.body_cranberry a,
.body_cream a,
.body_darkoak a,
.body_ebony a,
.body_gold a,
.body_lilac a,
.body_marigold a,
.body_peacock a,
.body_poppy a,
.body_primrose a,
.body_sage a,
.body_silverfur a,
.body_spruce a,
.body_teak a,
.body_willow a,
.roof_redtiles a,
.roof_redfelt a,
.roof_greytiles a,
.roof_greyfelt a,
.roof_greenfelt a


{
display:block;
width:40px;
height:15px;
border: solid 1px black;
}

.body_plain, 
.body_amaranth,
.body_beaumont,
.body_chestnut,
.body_cornflower,
.body_cranberry,
.body_cream,
.body_darkoak,
.body_ebony,
.body_gold,
.body_lilac,
.body_marigold,
.body_peacock,
.body_poppy,
.body_primrose,
.body_sage,
.body_silverfur,
.body_spruce,
.body_teak,
.body_willow,


.roof_redtiles,
.roof_redfelt,
.roof_greytiles,
.roof_greyfelt,
.roof_greenfelt



{
width:40px;
height:15px;
border: solid 1px black;
margin-bottom:5px;
float:left;
margin-right:5px;
}

.body_plain
{
background-color:#8d8172;
}

#body_gold
{
background-color:#f59ba0;
}


#doors_cedar
{
background-color:#fff;
}



#doors_green
{
background-color:#3f6617;
}

#doors_yellow
{
background-color:#fff468;

}

#doors_plain  
{
background-color:#8d6e57;
}

#roof_plain  
{
background-color:#b1c5eb;
}

#roof_black  
{
background-color:#000;
}



.body_amaranth{
background-color:#512f47;
width:40px;
}
.body_beaumont{
background-color:#75868e;}
.body_chestnut{
background-color:#593c2c;}
.body_cornflower{
background-color:#7896b2;}
.body_cranberry{
background-color:#930142;}
.body_cream{
background-color:#fffee2;}
.body_darkoak{
background-color:#441e1b;}
.body_ebony{
background-color:#1f1e1c;}
.body_gold{
background-color:#fdba5f;}
.body_lilac{
background-color:#8d839b;}
.body_marigold{
background-color:#f96302;}
.body_peacock{
background-color:#00314a;}
.body_poppy{
background-color:#cd2e32;}
.body_primrose{
background-color:#f8e414;}
.body_sage{
background-color:#9faa99;}
.body_silverfur{
background-color:#bebab1;}
.body_spruce{
background-color:#015641;}
.body_teak{
background-color:#9d530a;}
.body_willow{
background-color:#79a991;}





.roof_greytiles{
background-image:url(../i/sheds/swatch_greytiles.png);}


.roof_redtiles
{
background-image:url(../i/sheds/swatch_redtiles.png);}

.roof_redfelt
{
background-color:#9f88a9;}

.roof_greyfelt
{
background-color:#5c626e;}

.roof_greenfelt
{
background-color:#89bdcc;}






.colorchoices

{

width:200px;
border:solid opx black;
margin-top:10px;
float:left;    
}

.choiceholder

{

width:300px;
border:solid 3px gray;
margin-left:20px;
margin-top:20px;

overflow:auto;    
padding:5px;
background-color:White;
}

.choiceholder h3
{
    margin-bottom:5px;
}



.choicetext

{
width:300px;
border:solid 3px gray;
margin-left:20px;
overflow:auto;    
padding:5px;
background-color:White;

}

.rotator
{
    text-align:center;background-color:White;border:solid 2px gray; margin-top:4px;
}

.rotator a
{
text-decoration:none;
color: gray;
}