/*
/**
/**     File: stylesheet.css
/**	Stylesheet by Mike Cygalski of digibee.net Web Design (London Ontario)
/**	For Huron Pines Housing Co-operative Inc.
/**	Copyright 2008, 2009. All rights reserved.
/**
*/


/* Global Elements */

html	{ margin: 0; padding: 0; background-color: #ffffff; font-family:  "Gotham Light", trebuchet ms, arial, sans-serif; border-top: 0.625em solid #54BA4C; border-bottom: 0.625em solid #54BA4C; }
html *	{ letter-spacing: 0; margin: 0 0 0 0; padding: 0 0 0 0; text-indent: 0; color: #000000; }

body	{ margin: 0; padding: 0; height: auto !important; min-height: 100%; font-size: 100%; background-color: transparent; }

#sitemap-column li a { font-family: arial, sans-serif; }

* html body { height: 100%; }

h1, h2, h3 { font-family: "Gotham Book", "Gotham Light", trebuchet ms, sans-serif; clear: left; }
h1 	{ color: #64A86F; }
h2 	{ color: #4A687E; font-variant: small-caps; }
h3	{ font-variant: small-caps; }

#content-column h2 { border-top: 3px dotted #ffffff; }


h1	{ font-size: 130%; font-weight: bold; margin: 0 0 0.1em 0; }
h2	{ font-size: 110%; margin: 0 0 0.2em 0; text-shadow: 1px 1px 1px #F0F9F0; }
h3	{ font-size: 90%; margin: 1em 0 0.1em 0; }

ul	{ margin: 0.5em 0.5em 1.50em 0.5em }
ul	{ font-size: 90%; text-align: left; }
ul li	{ list-style-type: disc; list-style-position: inside; }
li { text-indent: -1em; margin-left: 1em; }


p	{ line-height: 120%; color: #444444; padding: 0; margin: 0 0 1.5em 0; }

a 	{ border: none;  }
a	{ color: #507088; }
a:visited { color: #662222; }

#content-column a { margin: -1px -3px; padding: 1px 3px; }
#content-column a:hover { background-color: #F7F7EB; }
#content-column a:visited:hover { background-color: #F7F7EB; }

a:focus, a:active { border: none; outline-style: none; }

#content-column a.pdf { padding-left: 2em !important; background: transparent url(../images/pdficon_medium.gif) no-repeat 0% 0%; }
#content-column a.pdf:hover { padding-left: 2em !important; background-color: transparent !important; background: transparent url(../images/pdficon_medium.gif) no-repeat 0% 0%; }

#content-column a.swf { padding-left: 2em !important; background: transparent url(../images/swficon_medium.gif) no-repeat 0% 0%; }
#content-column a.swf:hover { padding-left: 2em !important; background-color: transparent !important; background: transparent url(../images/swficon_medium.gif) no-repeat 0% 0%; }


cite	{ background-image: url(../images/white20trans.png; )}
cite:before { content: open-quote; }
cite:after { content: close-quote; }

pre	{ background: transparent url(../images/white90trans.png); padding: 1em; margin: 1em; margin-left: 0em; font-size: 90%; line-height: 1.25em; }


#container { 
	width:				61em!important; width: 63.80em;
	margin:				0 0 0 0.625em;
	height:				auto !important; /* detect height automatically, incompatible with early ie */
	min-height:			100%;
	height: 			100%;
	background-color:		transparent; }
	

/* Header */

#header { background-color: transparent; width: 61.4375em; height: 80px; padding: 0px; margin: 0px 0px 0px 0px;  }
#header a { float: left; margin: 0 0 0 0; }
#header a img { border: none; margin: 5px 40px 5px 14px; z-index: 1; }


/* Sitemap Column */

#sitemap-column { clear: left;  }
#sitemap-column h2 { color: #507088; }
#sitemap-column a { color: #222222; }
#sitemap-column { font-size: 1em; 
	float: right; border: none; border-left: 1px dotted #64A86F;
	background-color: transparent; 
	padding: 1.5em;
	margin: 0.3125em 0.625em 0 0.3125em;
	width: 12.5em!important; width: 16.25em; }	

#sitemap-column ul li a { font-size: 0.9em; }

	#sitemap-column ul { margin: 0px 0px 1em 0px; padding: 0px; }
	#sitemap-column ul li { margin: 0px; padding: 0px; } 
	#sitemap-column ul li { list-style-type: none; list-style-position: outside; }
	#sitemap-column ul li a { font-variant: small-caps; margin: 0px; padding: 0px; text-decoration: none; text-shadow: 1px 1px 1px #eeeeee; } 
	#sitemap-column ul li a { display: block; line-height: 1.5em; height: 1.5em; padding-left: 1em ; }


/* height needed for lt IE6 - otherwise IE spaces between li a items are off */

	#sitemap-column ul li.top a { padding-left: 0.25em; margin-top: 0.25em; }

	#sitemap-column li a:hover { text-decoration: underline; }


/* Sitemap Current Page Indication */

#home .home, #whats-a-cooperative .whats-a-cooperative, #accessible-units .accessible-units, #coop-unit-features .coop-unit-features, #nearby .nearby, #becoming-a-member .becoming-a-member, #housing-charges .housing-charges, #photos .photos, #model-suite-photos .model-suite-photos, #map .map, #board-of-directors .board-of-directors, #contact .contact, #FAQ .FAQ, #external-links .external-links, #about-the-founder .about-the-founder, #note-of-appreciation .note-of-appreciation, #contact-the-board .contact-the-board, #newsletter .newsletter, #request-maintenance .request-maintenance { margin: 0px; background-color: #507088; color: #ffffff; text-decoration: none !important; border: none; text-shadow: 1px 1px 1px #666666; }


/* The Third Column */

#third-column { font-size: 1em;
	border: none;
	background-color: #BEE5BB; 
	margin: 0.3125em 0.3125em 0.625em 0.3125em; padding: 1.5em;
	float: left;
	width: 12.5em!important; width: 16.25em;
	height: auto !important; min-height: 525px; height: 550px;  }
	
#editing-page #third-column, #writing-page #third-column, #communications-page #third-column, #book-page #third-column { }

#editing-page #container, #writing-page #container, #communications-page #container, #book-page #container { background-image: none; }

#third-column * { line-height: 120%; color: #333333; }
#third-column p { font-size: 80%; }
#third-column i { color: #000000; }
#third-column img { width: 15.625em; }
#third-column img.books { width: 100px; }
#third-column a img { margin: 0; padding: 0px; border: none; }
#third-column h2 { margin-bottom: 0.75em; color: #ffffff; text-shadow: 1px 1px 1px #9DD99A; }

#third-column ul { margin: 0 0 0 0; font-size: 90%; text-align: left; }
#third-column ul li { margin: 0 0 0 0; list-style-type: square; }
#third-column ul li.top { list-style-type: none; margin: 0em 0 0.5em 0; list-style-position: outside; } 
#third-column ul li.top a { }

#third-column #testimonials p { font-size: small; line-height: 1.25em; }
#third-column #testimonials h2 { margin-bottom: 0.75em; }
#third-column #testimonials p { margin-bottom: 2em; }


/* Content Column */

#content-column {
	float: left; background-color: #E6F4E5;
	padding: 1.5em;
	margin: 5px 0.375em 5px 0px;
	bottom: 50px;
	width: 25em!important; width: 28.75em;
	height: auto!important; min-height: 525px; height: 550px; }
	
#content-column p  { font-size: 0.9em; text-align: justify; word-spacing: 0.1em; }

.contactdivs { width: 150px; float: left; margin-right: 50px; }


/* Photo Gallery */

#album *, #gallery * { margin: 0 0; border: none; border-width: 0px; outline-style: none; list-style-type: none; list-style-position: outside; text-decoration: none; background-color: transparent; outline-width: 0px; outline: none !important;
 }

#album { width: 400px;
height: auto !important; height: 600px; min-height: 600px;
background: url(apartments_photos/apartments_7658_12.jpg) transparent 0 0 no-repeat;
margin-bottom: 20px; }

#album ul	{ margin: 0 0 0 0 }
#album ul li	{ list-style-type: none; list-style-position: inherit; }
#album ul li    { text-indent: 0; padding: 0 0 0 0; margin: 0 6px 6px 0; }


/* thumb gallery and polaroid gallery */

#gallery { width: 400px; position:relative; top: 10px; left: 2px; }

#gallery li { float:left; padding: 0px !important; }
#gallery li a, #gallery li a:visited {  float:left; border: 1px solid #BEE5BB !important; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;  }

#gallery li, #gallery li a { line-height: 0em; font-size: 0em;}

#gallery li a:hover, #gallery li a:active, #gallery li a:focus { border: 1px solid #46606E !important; }

#gallery li a img.thumb { margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; border: 1px solid #BEE5BB !important;}

#gallery li a:hover img.thumb { border-color: #46606E;}
#gallery li a:active img.thumb { border: 1px solid #ffffff !important; }

#gallery li a img.polaroid { position: absolute; top: 167px; left: -2px; visibility: hidden; }
#gallery li a:active img.polaroid, #gallery li a:focus img.polaroid { visibility:visible; }

.thumb { width: 70px; height: 70px; margin: 0px 0px 0px 0px !important; padding:  0px 0px 0px 0px !important; border: none !important; }


/* Various */

.clearboth { clear: both; }
.clearleft { clear: left; }


/* Footer */

#footer { clear: both; font-variant: small-caps; }
#footer * { color: #64A86F; }
#footer { width: 100%; height: auto; margin-top: 5px;  }
#footer a { }
#footer #credits_rights { margin-left: 10px; width: auto; font-size: 80%; white-space: normal; position: relative; padding: 15px; }
#footer #credits_rights a { text-decoration: none; border: none; background: transparent; }

/* forms */

#formdiv input { float:right; }
#formdiv textarea { float:right; }
#formdiv fieldset { padding:0.5em; }