/* Based upon Blueprint, v0.6 */

/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
   * Sets up some sensible default typography.
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { 
  /*font-size: 75%;*/
  font-size: 12px;
  line-height: 1.5; 
/* Default fonts and colors. */
  color: #666; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/*h1 { color: #96c61a; font-size: 1.567em; line-height: 1; margin-bottom: 1em; font-weight: bold; }*/

h1 {
	color: #6e85c8;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	margin: 0 0 10px 0;
}
h2 { color: #da2128; font-size: 0.9167em; line-height: 1.25; font-weight: bold; margin-bottom: 0; }

h4 /*green */
{
color:  #96c61a;
font-size: 12px;
font-weight: bold;
line-height: 21px;
margin: 3px 0 7px 0;
}

h6 /*purple */
{
color: #6e85c8;
font-size: 12px;
font-weight: bold;
line-height: 21px;
margin: 3px 0 7px 0;
}

body.home h2 { color: #da2128; font-size: 1.583em; line-height: 1.25; font-weight: bold; margin-bottom: 10px; }


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0; padding: 0; }
ul          { list-style-type: none;}
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1em; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color: #666; }

a:focus, 
a:hover     { color: #b7c68d; }
a           { color: #7794b9; text-decoration: none; }

blockquote  { margin: 1.5em; color: #4a4b4b; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */
table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */
.small      { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.skip		{ position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; border: none; font-size: 0; }
.highlight  { background: #ff0; }
.added      { color: #060; }
.removed    { color: #900; }

.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }
.left		{ float: left; margin: 0 10px 10px 0; }
.right		{ float: right; margin: 0 0 10px 10px; }


/* -------------------------------------------------------------- 
   * Sets up the basic structure.
-------------------------------------------------------------- */
body { text-align: center; background: #fff; margin-top: 70px; }
#container { background: url(i/bg-container.png) no-repeat 0 210px; width: 1012px; margin: 0 auto; text-align: left; }
#masthead { position: relative; background: #fff; width: 898px; }
#main { width: 720px; margin-left: 215px; }
/*#content { position: relative; padding: 20px 40px; font-size: 0.9167em; }*/
#content { position: relative; padding: 20px 40px; font-size: 12px; }

#footer { position: relative; margin: 50px 0 0; padding: 50px 0 0; }



/*#masthead p#wh { background: url('i/wh.png'); width: 213px; height: 38px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 0px; left: 10px; }*/
#masthead p#wh { background: url('i/logo_WH.jpg'); width: 174px; height: 103px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 0px; left: 10px; }
/*#masthead p#wh a { width: 213px; height: 38px; display: block; }*/
#masthead p#wh a { width: 174px; height: 103px; display: block; }
/*#masthead p#logo { background: url('i/logo.png'); width: 77px; height: 107px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 60px; left: 60px; }*/
#masthead p#logo { background: transparent; width: 77px; height: 1px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 60px; left: 60px; }
#masthead ul { width: 704px; margin: 35px 0 0 240px; padding: 10px 0; text-align: right; }
#masthead ul li { display: inline; position: relative; }
#masthead ul li a { color: #585757; font-size: 1.083em; padding: 5px 15px; font-weight: bold; }
#masthead ul li a.selected { color: #83974b; cursor: default; }
#masthead ul li a:hover { color: #7794b9; }

#content ul { list-style: none; list-style-type: disc; }
#content ul li { margin-bottom: 0.5em; }

#main #footer p { color: #999898; font-size: 0.9167em; margin: 0; padding: 5px 0 5px 40px; border-top: 1px solid #ddd; }
#footer a:focus, #footer a:hover { color: #7794b9; }
#footer a { color: #999898; }
#footer .right { float: none; margin: 0 0 0 10px; }
#footer .right a { margin-right: 10px; margin-left: 10px; }
#footer img { position: absolute; left: 600px; top: 3px; margin: 0; }

/* -------------------------------------------------------------- 
   * Home Page Styling.
-------------------------------------------------------------- */
#feature, #ctl00_CPH_WH_Feature_feature, #ctl00_CPH_WH_Feature_featureNonhome { width: 715px; margin: 22px 0 0 218px; }
body.home #feature, #ctl00_CPH_WH_Feature_feature { overflow: hidden; width: 717px; background-color: #85a8be; }
body.home #feature, #ctl00_CPH_WH_Feature_feature img { vertical-align: bottom; }

body.home #feature-nav, #ctl00_CPH_WH_Main_feature_nav { width: 153px; overflow: hidden; margin: 10px 0 0 430px; padding: 0 60px; text-align: center; }
body.home #feature-nav, #ctl00_CPH_WH_Main_feature_nav li { float: left; margin: 0 0 0 11px; }
body.home #feature-nav, #ctl00_CPH_WH_Main_feature_nav li a.selected { font-weight: bold; color: #c21b0a; }

body.home #feature_nav { width: 153px; overflow: hidden; margin: 10px 0 0 430px; padding: 0 60px; text-align: center; }
body.home #feature_nav li { float: left; margin: 0 0 0 11px; }
body.home #feature_nav li a.selected { font-weight: bold; color: #c21b0a; }

body.home #content { width: 350px; font-size: 1.167em; }
body.home #helping, #ctl00_CPH_WH_Content_helping { position: absolute; top: 25px; left: 525px; }
body.home #main p { line-height: 1.5; }
body.home #content h2 { font-weight: normal; }

body.home #feature p { color: #fff; font-size: 2em; text-align: center; margin: 10px 0 20px; font-weight: normal; }
body.home #feature blockquote { width: 391px; font-family: Georgia, sans-serif; }
body.home #feature blockquote p { padding: 0 10px; color: #447696; font-size: 3em; }
body.home #feature blockquote .bqstart { color: #fff; float: left; margin: -20px 0 0; font-size: 2em; }
body.home #feature blockquote .bqend { color: #fff; float: right; height: 25px; margin: -0.7em 1.2em 0 0; font-size: 2em; }
body.home #feature blockquote cite { color: #fff; display: block; text-align: right; font-style: normal; font-size: 0.45em; margin-top: 2.4em; }


/* -------------------------------------------------------------- 
   * Secondary and Tertiary Page Styling.
-------------------------------------------------------------- */
body.secondary #main { width: 650px; margin: 0 15px 0 190px; }

#main p { line-height: 2; margin: 0 0 1em; }

#sidebar { float: left; width: 175px; padding: 0 0 20px; margin-top: 10px; font-size: 0.9167em; color: #999; }
#sidebar ul { list-style: url('i/nav-bullet.png'); }
#sidebar ul li { margin-bottom: 0.75em; line-height: 1.1; }
#sidebar ul li a {  }
#sidebar ul li.last {  }
#sidebar ul li a:hover, #sidebar ul li a.selected {  }
#sidebar h3 { font-size: 1.083em; font-weight: bold; margin: 2em 0 0.75em; color: #666; }
#sidebar h3#contact { color: #da2128; margin: 0; }
#sidebar img {  }

#content #links { float: left; width: 165px; margin-left: -855px; list-style-image: none; list-style: none; }
#content #links li { background: url(i/nav-border.png) repeat-x 0 100%; margin-bottom: 0; }
#links li a { padding: 7px 0 7px 5px; display: block; font-size: 1em; color: #666; margin: 0; }
#links li a.selected, #links li a.selected:hover { color: #da2128; cursor: default; }
#links li a.selected { font-weight: bold; }
#links li a:hover { color: #6896b1; }
#links li ul { list-style: none; margin-top: -10px; }
#content #links li ul li { background: none; border-bottom: 1px solid #ededed; }
#content #links li ul li.last { background: none; border-bottom: none; }
#links li ul li a { padding: 2px 0 2px 5px; }

#content #back { position: relative; top: -0.25em; left: 1em; font-size: 0.833em; font-weight: normal; }
#content div.photo { border: 1px solid #c1bfbf; padding: 5px; width: 331px; margin-bottom: 20px; }
/*
#content div.photo img { margin: 0; vertical-align: bottom; }
#content div.photo p { line-height: 1.25; text-align: center; margin: 10px 15px 5px; font-family: "Lucida Handwriting", Georgia, serif; font-size: 1em; }
*/



#galleryPhotos, #ctl00_CPH_WH_Content_galleryPhotos {height: auto;}
#galleryPhotos, #ctl00_CPH_WH_Content_galleryPhotos div.photo { border: 1px solid #c1bfbf; padding: 5px; width: 341px; margin-bottom: 20px; }
#galleryPhotos, #ctl00_CPH_WH_Content_galleryPhotos  div.photo img { margin: 0; vertical-align: bottom; }
#galleryPhotos, #ctl00_CPH_WH_Content_galleryPhotos  div.photo p { line-height: 1.25; text-align: center; margin: 10px 15px 5px; font-family: "Lucida Handwriting", Georgia, serif; font-size: 1em; }




#galleryPhotosNav,#ctl00_CPH_WH_Content_galleryPhotosNav { width: 341px;}
#galleryPhotosNav,#ctl00_CPH_WH_Content_galleryPhotosNav li { float: left; margin: 10px 0 10px 0; list-style: none;}
#galleryPhotosNav, #ctl00_CPH_WH_Content_galleryPhotosNav a { padding: 0; display: block; border: 3px solid #ffffff;  }
#galleryPhotosNav, #ctl00_CPH_WH_Content_galleryPhotosNav a.activeSlide { border: 3px solid #6e85c8;}
#galleryPhotosNav, #ctl00_CPH_WH_Content_galleryPhotosNav a:focus { outline: none; }
#galleryPhotosNav,#ctl00_CPH_WH_Content_galleryPhotosNav img { border: none; display: block; }