/* Style sheet */

/*Universal selector*/
/*Remove all default margins and padding*/
* {
 margin:0;
 padding:0;
/*Temporary Borders*/
/* border:dashed 1px #f00;*/
}

/* Body style rule */
body{
 background-color: #314260; /*very dark blue*/
 color:#000;
 font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

h1{
 font-size:1.5em;
}

h2{
 font-size:1.25em;
}

h3{
 font-size:.75em;
}

#wrapper{
 background-color: #F6F8FA;   /*very light blue*/
 color:#000;
 text-align:center;
 width:60em;         /*Set the width of the wrapper*/
 margin:0 auto;  /*Center the wrapper*/
 /*Required for absolutely-positioned layout only, set up to move navbar downward for SEO*/
 position:relative;
}

#branding{     /*styles the branding div*/
 background:#F6F8FA url('../images/backbranding.jpg');
 background-repeat:repeat-x; 
 color:#000;
 height:5em;
 position:relative;
}

#branding img{
 float:left;
 padding-left:8px;
 padding-right:8px;
 padding-top:3px;
}
 
#branding h1{
 text-align:left;
 margin-left:184px;
 padding-top:16px;
 font-family:"Times New Roman",Roman,serif;
 font-size:2.375em;
}

p.brandinglic{
 position:absolute;
/*ensures that the license number stands out in the branding div*/
  color:#000;
 font-size:1em;
 top:3.5em;
 right:1.5em;
 font-weight:600;
}

p.brandingmobile{
 position:absolute;
/*ensures that the mobile link is viewed by a mobile device in the branding div*/
  color:#00e;
 font-size:16px;
 top:60px;
/* right:1.5em;*/
 left:11em;
 font-weight:600;
 }

#branding a:link, #branding a:visited{
 color:#00f;
 text-decoration:none;
 font-size:90%;
}

#branding a:hover{
 color:#f00;
}

#branding a:active{
 color:#f00;
}

#contentleft{  /*Sets the width of the contentleft div*/
 position:relative;
 float:left;
 width:45em;
 text-align:left;
 padding:2.5em 20px 10px 60px;
 font-size:90%;
}

#contentleft h1,#contentleft h2,#contentleft h3{  /*Styles the h1,h2,h3 headings in contentleft div*/
 font-weight:700;
/* font-style:italic;*/
 font-variant:small-caps;
 padding-top:10px;
}

#contentleft ul, #contentleft ol{  /*Styles lists in contentleft div*/
 padding:10px 0 10px 40px;
 color:blue;
}

#contentleft ul li{  /*styles contentleft list elements*/
 list-style-type:disc;
}

#contentleft ul li p{  /*makes list text this color*/
 color:#000;
 margin:0;
} 

#contactformat ul, #contactformat ol{  /*Styles lists in contentleft div*/
 padding:10px 0 10px 40px;
 color:#005;
 list-style-type:none;
 border:thin black solid;
 font-size:110%;
}

#contactformat ul li{  /*styles contentleft list elements*/
 list-style-type:none;
}

#contentright{
 margin-left:46em; /*set contentright left margin to contentleft width*/
 padding-top:4em;
 padding-left:16px;
 width:11em;
 padding-bottom:4px;
}

#contentright ul{ 
 text-align:middle;
 list-style-type:none;
 margin-top:8px;
}

#contentright li{
}

#contentright li a{
 text-decoration:none;
}

#contentright li img{
 padding-top:8px;
 border:none;
}

#gallery{
 background-color:#b9bda8;
 clear:both;
 text-align:center;
 width:60em;
 padding-bottom:4px;
}

#gallery img{
 border:2px solid #000;
}

#gallery h1,#gallery h2,#gallery h3{  /*Styles the h1,h2,h3 headings in gallery div*/
 font-weight:600;
 font-style:italic;
 font-variant:small-caps;
 text-align:left;
 padding-top:2px;
 padding-left:24px;
 margin-bottom:4px;
}

#gallery ul{
 list-style-type:none;
 margin:2em 0 auto 12px;
}

#gallery li{
 float:left;
 margin-left:8px;
}

#gallery a, #gallery a:link, #gallery a:visited{
 text-decoration:none;
}

#footer{
 clear:both;
 background-color:#bcf;  /*light blue*/
 height:1.8em;
 position:relative;
 margin:0 auto;
 width:60em;
 border-top:solid #A1A493; 4px;
}

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

#footer li{
 float:left;
}

#footer a, #footer a:link, #footer a:visited{
 text-decoration:none;
 font-family:Verdana,Geneva,Arial,Sans-Sefif;
 font-size:70%;
 color:#000;
 font-weight:600;
 display:block;
 height:2em;
 width:10em;
 padding-top:6px; 
 border-right:groove #A1A493; 2px; 
 outline-style:none;
 text-align:center;
}

#footer a:hover, #footer a:active{
 color:#fff;
}

#footer p{
 position:absolute;
 font-size:70%;
 font-weight:600;
}

#navbar{
 background-color:#bcf;
 height:2em;
 width:60em;
/* position:relative;*/
 border-top:3px solid #A1A493;
 /*For absolutely-positioned navbar*/
 position:absolute;
 top:5em; /*starts navbar below the branding div*/
 left:0em;
}

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

#navbar li{
 float:left;
}

#navbar a, #navbar a:link, #navbar a:visited{
 text-decoration:none;
 font-family:Verdana,Geneva,Arial,Sans-Sefif;
 font-size:80%;
 color:#000;
 font-weight:600;
 display:block;
 height:2em;
 width:10em;
 padding-top:6px; 
 border-right:groove #F6F8FA 1px;
 outline-style:none;
 text-align:center;
}

/*Navbar hover, active, and current page links*/
#navbar a:hover, #navbar a:active, 
#navbar li.selected a:link, #navbar li.selected a:visited{  /*sets current page same color as hover*/
 background-color:#6E8CE3;
 color:#fff;
 height:2em;
}

#navbar p{
 position:absolute;
 font-size:80%;
/* font-size:1em;*/
 font-weight:600;
}

.boldtext{     /*used with span tag for making text bold*/
 font-weight:700;
}

p.woodsfin{  /*styles woods and finishes lists*/
 line-height:1.25em;
 margin-top:1em;
}

p.contentleft{  /*sets the general style for paragraphs*/
 line-height:1.5em;
}

.copyright{
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9pt;
  color: #000;
  text-align:center;
  margin-top:8px;
}

.galleryhead{  /*style text to right of gallery h2*/
  font-size:60%;
  font-variant:normal;
  font-weight:normal;
  color:#000;
}

a.topofpage{   /*styles top of page anchors*/
  text-decoration:none;
  padding-top:24px;
  padding-left:16px;
  }
  
/*cornerbox stuff is all below and forms the rounded corners of boxes*/
.cornerBox {
	position: relative;
	background: #b9bda8;  /*set the cornerbox color outside the rounded quadrants*/
	width: 100%;
        margin-bottom:14px;
}
.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('../images/corner.gif') no-repeat;  /*set the circle color*/
	font-size: 0%;
}
.cornerBoxInner {  /*default is 10px, but this is set to 6px for lower boxes*/
	padding: 6px;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;   /*defines the top left rounded quadrant*/
}
.TR {
	top: 0;
	right: 0;
	background-position: -10px 0; /*defines the top right rounded quadrant*/
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;   /*defines the lower left rounded quadrant*/
}
.BR {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;  /*defines the bottom right rounded quadrant*/
}