/* 
-------------------------------------------------------------------
WSPA stylesheet: print styles
-------------------------------------------------------------------
*/

body { background: #fff; color: #000; }

#header ul, #mainMenu, #searchBar, #advSearchBar, #pagetools, #leftCol{ display: none; }

p {font-size:10pt;}

#wrapper { width: auto; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.floatLeft {float:none;}
.floatRight {float:none;}
.marginLeft {margin-left:1.5em;}
.fullWidth {width:99.8%!important;}
.verticalDottedLine {background:url(/Images/verticalDottedLine.gif) repeat-y right; }


a { text-decoration: none; color:#bd6e3a; }
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

h2 {border-bottom:1px solid #ccc; }

/* Drop shadows, main wrapper, header, main menu and search bar
--------------------------------------------------------------------------
*/

#wrapper { width: auto;}

/* header */
#header { padding: 15px 10px; background: #fff; color: #333;}

#header #topRightNav  {display:none; }

#header ul {display:none; }

/* logo */
#header #logo { margin:1em .2em; float: left; }
/* #header #logo img{ width:17.5em; } */


#breadcrumb { padding: 6px 10px; font-size: 1.1em; color:#333; }
#breadcrumb ol { display: inline; }
#breadcrumb ol li { display: inline; }
#breadcrumb ol li a { color: #0057a1; font-weight:bold;}
#breadcrumb ol li a:hover { text-decoration: underline; }
#breadcrumb ol li img { vertical-align: middle; margin:0 .1em; }

/* Main content */


div.heading {position:relative; margin-top:2em;}
div.heading h2.hr {border:bottom:1px solid #999; width: 500px;}
div.heading p.more a  {display:none;  }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.floatLeft {float:left;}
.floatRight {float:right;}
.marginLeft {margin-left:1.5em;}
.fullWidth {width:99.8%!important;}
.clear {clear:both;}

.italic {font-style:italic;}
.smaller {font-size:1.2em;}
.noPad{padding:0;}

a { text-decoration: none; color:#217aa6; }
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

/* Drop shadows, main wrapper, header, main menu and search bar
--------------------------------------------------------------------------
*/

/* header */
#header { padding: 0 10px 20px 0; color: #333;  background: url(/Images/hr.gif) no-repeat 15px bottom; }

#header #topRightSearch { display:none; }

/* logo */
#header #logo { margin:10px; float: left; }

/* Breadcrumb */
#breadcrumb { padding: 6px 0 10px 0; font-size: 1.1em; color:#333; float: left;}
#breadcrumb ol { display: inline; }
#breadcrumb ol li { display: inline; }
#breadcrumb ol li a { color: #0057a1; font-weight:bold;}
#breadcrumb ol li a:hover { text-decoration: underline; }
#breadcrumb ol li img { vertical-align: middle; margin:0 .1em; }
#breadcrumb span.websiteBlue {font-size:1.2em; color:#217aa6; padding:0 .2em;}

/* Main content */

#content {/*border:1px solid #800000;*/ width:auto; margin: 0 0 2em 0; padding: 0; float: left; display: inline;   }
#content .mainContent { width: auto; margin-left:15px; float: left;   display:inline; }
#content .rightCol {display:none; }
#content .mainContent p.quote {color:#339999; font-size:1.7em; font-style:italic; line-height:1.2; padding:.7em .4em 0 .2em;}
#content .mainContent p.quoteBy {color:#339999; font-size:1.6em; font-style:italic; font-weight:bold; line-height:1.2; padding:0; text-align:right;}
#content .mainContent p.eventHeading {padding:0 0 .2em 0;}
#content .mainContent p.eventDesc {padding:0 0 .2em 0;}
#content .mainContent p.eventDetails {padding:0 0 .2em 0; font-style:italic;}
#content .mainContent p.more a  {background:url(/Images/blueArrow.gif) no-repeat 4px .2em; padding-left:22px;  }
#content .mainContent .resourceList{width:99%; float:left; padding-bottom:.8em;}
#content .mainContent .resourceList.list {margin-bottom:1em;}
#content .mainContent .resourceList h3 {font-size:1.4em; color:#217aa6; padding:0  0 0.2em 0; margin:0;}
#content .mainContent .resourceList img {float:left; margin-right:10px;}
#content .mainContent .resourceList p {padding:0 0 0 0;}
#content .mainContent .resourceList p span.label {font-weight:bold; color:#217aa6;}

form.regionSearch  {padding:1em 0 1.5em 0}
form.regionSearch select {width:200px; font-size:1.2em;}

#photosSpread {position:absolute; z-index:101; top:70px; right:20px; background: url(/Images/photosSpread.gif) no-repeat; width:200px; height:170px; }
#content .rightCol #photosSpreadBox {background: url(/Images/photosSpreadBoxBottom.gif) no-repeat bottom; margin:0px; margin-left:0px;  padding-bottom:10px;  }
#content .rightCol #photosSpreadBox div{ background: url(/Images/photosSpreadBoxBkg.gif) repeat-y center; padding-top:95px;  }
#content .rightCol #photosSpreadBox div p{color:#56060c; padding:10px 10px 0px 22px;; font-size:1.3em; font-style:italic; font-weight:bold; }
#content .rightCol #photosSpreadBox div a{color:#56060c; }


#content ul { list-style: none; font-size: 1.2em; margin: 0 0 0 0;/* zoom: 1;*/ }
#content ul li { list-style: none; background: url(/Images/arrowRightBlue2.gif) no-repeat 0 .25em; margin: 0 0 .5em 0em; padding: 0 0 0 .8em ; }

#calendar {margin: 0 auto;  padding:.5em 0 1.5em 1em; text-align : center;  width :19em; float:right;}
#content .mainContent #calendar  h3  {font-size:1.2em; margin-bottom:.2em;}
#content .mainContent #calendar  h3.calendar {margin:.8em 0;}
#content .mainContent #calendar  h3.calendar img {padding:.1em .4em;}


#content .mainContent #calendar form {font-size:1.1em; text-align:left!important; }
#content .mainContent #calendar fieldset{margin:0; padding:0;}
#content .mainContent #calendar form select {margin:0; padding:0; width:120px; font-size:1em;}
  
#content .mainContent #calendar ul#days, ul.weeks {
display:inline;
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 0 0;
  }

#content .mainContent #calendar  ul.weeks li,
#content .mainContent #calendar  ul#days li  {display:inline; float:left; width:1.4em; border:1px solid #999; font-weight : normal; color:#444444;  padding: 2px; margin:2px; }
#content .mainContent #calendar ul.weeks li.event {background:#d2dce1;}
#content .mainContent #calendar ul.weeks li.active {background:#7c9eae;}
#content .mainContent #calendar ul.weeks li.active a {color:#fff;}

#footer { width:99%;  text-align: left; float:left; background: url(/Images/footer_hr.gif) no-repeat top center; padding:2em 0; }
#footer ul { display:none; }
#footer p {color:#000; font-size:1em; padding:0; margin:0; }
#footer p img{vertical-align: text-bottom; }