/* Global Styles */

body { background: #1b8ba2 url(/images/site/bg-body.png) repeat-x left top; color: #fff;
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }

blockquote { background: #7792a3; width: 780px; margin-left: 0;  }
#content-main blockquote p { padding: 10px 25px;}
		
#container { position: relative; width: 900px; margin: 0 auto; 	 }
#branding { height: 110px; }
#branding a {
	position: absolute; left: 0; top: 48px; width: 400px; height: 65px; text-indent: -9999px;
	background: transparent url(/images/site/bg-branding.png) no-repeat left top; }
#branding #puddleducks-link { left: 637px; top: 0; width: 263px; height: 132px;
							  background: transparent url(/images/site/bg-branding-puddleducks.png) no-repeat left top; text-indent: -9999px; }
#siteinfo { position: relative; font-size: 12px; font-size: 1em; padding: 22px 0 20px 0; margin: 20px 0 0 25px; border-top: 1px #fff solid; }
#siteinfo p { line-height: 1.6; font-size: 12px; }
#siteinfo a { color: #fff; font-weight: bold; text-decoration: none; }
#siteinfo a:hover { color: #000; }
#siteinfo #footer-puddleducks { position: absolute;  width: 243px; height: 54px; left:635px; bottom: 12px; text-indent: -9999px;
								background: transparent url(/images/site/bg-footer-puddleducks.png) no-repeat left top; }

#content { margin-top: 100px;
			background: transparent url(/images/site/bg-content-bottom.png) no-repeat left bottom; }
#content-main { position: relative; padding: 40px 50px;
				background: transparent url(/images/site/bg-content-top.png) no-repeat left top;  }
#content-main #picbox { float: right; padding: 0 20px 20px 20px; }

#content-main.listing { width: 600px; padding: 10px 100px 10px 200px; }
#content-main.listing h1 { position: absolute; top: 25px; left: 25px;  }
#content-main.listing h2 { font-weight: bold; }
#content-main.listing p { font-size: 1.2em;}
#content-main.listing li { font-size: 0.9em;}
#content-main.listing .overviewtext { width: 382px; margin-left: 155px; }

#allarticles { padding-left: 36px; margin-left: 20px; margin-top: 115px; border-left: 1px solid #3e647c;}
#allarticles .articles { margin-bottom: 70px; }
#allarticles .articles img { float: left;  margin: 7px 20px 0 0; }
#allarticles .articles a.moreinfo { color: #fff; font-size: 1.2em; }


/* Navigation: Main */

#navmain { position: absolute; width: 900px; height: 44px; left: 0; top: 132px; 
			background: transparent url(/images/site/bg-navmain.png) no-repeat left top; }
#navmain ul { width: 900px; }
#navmain li { float: left; margin-left: 24px;   }
#navmain a { display: block; margin: 8px 0 0; padding: 4px 13px; line-height: 1.3; font-size: 14px; color: #fff; }

#navmain li.active a, 
#navmain li a:hover {
	background: #5b8ba5; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

#navmain li.active a, 
#navmain li:hover a { text-decoration: none; }


/* Navigation: Sub */

#navsection { position: absolute; top: 120px ; left: -20px; width: 220px; }
#navsection ul.sections { margin-left: 60px; }
#navsection li { color: #1a88a0;}
#navsection li a { color: #fff; font-size: 1.6em;}
#navsection li a:hover { color: #000; text-decoration: none; }
#navsection li.active a { color: #1b8ba2; text-decoration: none; }


/* Sitemap */

#sitemap { overflow: hidden; margin: 30px 0 25px 0; font-size: 14px; line-height: 1.4; } 

#sitemap a { color: #fff; }
#sitemap ul li a { font-weight: bold; font-size: 16px; }
#sitemap ul li ul li a  { font-weight: normal; font-size: 11px;}

#sitemap ul li { float: left; margin-left: 36px; width: 140px;  }
#sitemap ul li ul li { float: none; margin: 0 0 0.5em 0 ;}

#sitemap ul li ul { margin-top: 14px;}

/* General Typography */

#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 {  margin-bottom: 0.5em; line-height: 1.3; font-weight: normal; }

#content-main h1 { font-size: 3.6em; }
#content-main h2 { font-size: 1.6em; line-height: 1.5; }
#content-main h3 { font-size: 1.6em; font-weight: bold; color: #99ccff; }
#content-main h4 { font-size: 1.3em; }
#content-main h5 { font-size: 1.2em; }

#content-main p,
#content-main ul,
#content-main ol { font-size: 1.4em; line-height: 1.4; margin-bottom: 1em; }

#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol { font-size: 1em; }

#content-main ul li { padding-bottom: 1em; }

#content-main ul,
#content-main ol { margin-left: 30px; }

#content-main ul,
#content-main ol { list-style: disc; }

#content-main a { text-decoration: none; font-weight: bold; color: #99ccff; }
#content-main a:hover { text-decoration: underline; }

#content-supp h2,
#content-supp h3,
#content-supp h4,
#content-supp h5 { margin-bottom: 0.5em; line-height: 1.3; }

#content-supp h2 { font-size: 1.5em; }
#content-supp h3 { font-size: 1.4em; }
#content-supp h4 { font-size: 1.3em; }
#content-supp h5 { font-size: 1.2em; }

#content-supp p,
#content-supp ul,
#content-supp ol { font-size: 1.1em; line-height: 1.3; margin-bottom: 1em; }

#content-supp ul ul,
#content-supp ul ol,
#content-supp ol ul,
#content-supp ol ol { font-size: 1em; }

#content-supp ul,
#content-supp ol,
#content-supp blockquote { margin-left: 20px; }

#content-supp ul,
#content-supp ol { list-style: disc; }

#content-supp a { text-decoration: none; font-weight: bold; color: #000; }
#content-supp a:hover { text-decoration: underline; }


/* Form Styles */

#content-main form fieldset { margin-bottom: 1em; }

#content-main form label { float: left; width: 130px; font-size: 1.2em; line-height: 1.3; margin-top: 3px; }
#content-main form .select label { margin-top: 4px; }

#content-main form .text,
#content-main form .select,
#content-main form .multitext,
#content-main form .datetime,
#content-main form .checkbox { overflow: hidden; margin-bottom: 1em; }

#content-main form .button { overflow: hidden; margin-bottom: 1em; }

#content-main form .text input,
#content-main form .select select,
#content-main form .multitext textarea { float: left; width: 260px; padding: 2px 4px; border: 1px solid #2076a1;}

#content-main form .select select { width: 310px; padding: 2px 2px; }
#content-main form .button input { float: right; border: 1px solid #000; background: #4c7791; height: 27px; font-size: 1.5em; color: #fff; font-weight: bold; }
#content-main form .checkbox input { float: left; margin: 3px 0 0; }

#content-main form .text input,
#content-main form .select select,
#content-main form .multitext textarea,
#content-main form .datetime .day,
#content-main form .datetime .month,
#content-main form .datetime .year,
#content-main form .datetime .hour,
#content-main form .datetime .minute,
#content-main form .datetime .ampm,
#content-main form .button input { font-size: 1.2em; line-height: 1.3; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }


/* Page Specific */
#home #content-main { width: 780px; padding: 10px 60px; }
#home #content-main h1 { padding: 25px 0 0; }
#home #content-main p { font-size: 1.4em; }
#home #content-main #homeglobal { min-height: 395px; }
#home #content-main #picbox { margin-top: -60px; padding-right: 0; }

#home #featured { height: 234px; margin: 10px 0;
			background: transparent url(/images/site/bg-home-featured.png) no-repeat left top; }
#home #featured .feature { position: relative; float: left; width: 170px; height: 200px ; overflow: visible ; border-right: 1px #ccc solid; margin-top: 10px; padding: 0 44px; }
#home #featured .feature h2 { font-size: 14px; font-weight: bold; }
#home #featured .feature img { margin-bottom: 3px ; }
#home #featured .feature p { font-size: 11px; line-height: 1.4; padding:0; }
#home #featured .feature.last { border: none; }
#home #featured .featurelink { position: absolute; top: 6px; left: 32px;text-indent: -9999px; width: 190px; height: 170px;
								background: transparent url(/images/site/bg-branding.png) no-repeat -9999px -9999px; }

#home #whoweare { height: 234px; margin: 30px 0; padding-bottom: 47px;
			background: transparent url(/images/site/bg-subcontent-bottom.png) no-repeat left bottom;  }
#home #whoweare h2 { padding: 20px 0 0 30px; font-weight: bold; font-size: 2.0em;
				background: transparent url(/images/site/bg-subcontent-top.png) no-repeat left top; }
#home #whoweare #whoweare-text { margin: 0 30px; }
#home #whoweare img { float: left; margin-left: 30px; }
#home #puddleduck {
	position: absolute; right: -14px; bottom: -46px; width: 84px; height: 120px;
	background: transparent url(/images/site/bg-puddleduck.png) no-repeat left top; }

#contact #content-main { overflow: hidden; }
#contact #content-main #contacttext { float: left; width: 320px; }
#contact #content-main #contactFrm { float: right; width: 400px; margin-left: 20px; margin-top: 2px; }
#contact #content-main #contactFrm #submitForm { cursor: pointer; }

#contact #content-main #error { margin-left: 400px; margin-bottom: 30px;  color: #FF0000; padding: 10px; padding: 15px;
								background: #ffeeee; border: 2px solid #FF0000;}
#contact #content-main #error h2 { font-weight: bold;}
#contact #content-main #error ul { margin-left: 14px; margin-bottom:0; }
#contact #content-main #error ul li { padding-bottom: 10px; }