/*  =====================================================================  */
/*  CSS Document styles-PURE.css for www.pureacademy.ca
    Copyright now to all infinity by sevenworks Creative Design Studio,
	All Rights Reserved
    www.sevenworks.ca | www.sevenworks.com | www.sevenworksonline.com
	Rachel Ann Smit - email comments to css@sevenworksonline.com
	
    lteIE7 is ugly. Stealing is even uglier. Don't copy wholesale please.
	
                                                Version 2.0 - 01 Mar 2010  */
/*  =====================================================================  */


/*  to reset anoying browser defaults and begin with a clean canvas:       */
@import url(master-reset.css);

/* SITEWIDE STYLING */
html { background-color: #29210e; }
body {
	background: #2a200e url(http://pureacademy.ca/styling/images/graphics/bg-body.jpg) repeat top left;
	font: 62.5%/62.5% "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Tahoma, "Trebuchet MS", Arial, sans-serif;
	}
#container {
	width: 890px;
	margin: 0 auto;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/bg-content.jpg) repeat-y top center;
	}
#header {
	height: 260px;
	background: transparent url(http://pureacademy.ca/styling/images/graphics/bg-header.jpg) no-repeat top center;
	position: relative;
	z-index: 2;
	}
#content {
	min-height: 100%;
	height: auto !important; /* fixes IE */
	height: 100%; /* fixes IE */
	margin-top: 14px;
	padding-bottom: 14px;
	position: relative;
	z-index: 1;
	}
#content-home {
	min-height: 100%;
	height: auto !important; /* fixes IE */
	height: 100%; /* fixes IE */
	padding-bottom: 14px;
	position: relative;
	z-index: 1;
	}
#footer {
	height: 114px;
	background: transparent url(http://pureacademy.ca/styling/images/graphics/bg-footer.jpg) no-repeat top center;
	position: relative;
	z-index: 2;
	}
h1, h2, h3, h4, h5, h6, .h2, .h5 {
	font-family: Georgia, Palatino, "New York", "Times New Roman", serif;
	font-style: italic;
	}
h1 { font-size: 4.8em; line-height: 1em; color: #2a200e; }
h2, .h2 { font-size: 4.2em; line-height: 1em; color: #2a200e; }
h3 { margin-top: 15px; font-size: 3.2em; line-height: 1em; color: #392a0e; }
h4 { margin-top: 15px; font-size: 2.4em; line-height: 1em; color: #392a0e; }
h5, .h5 { margin-top: 15px; font-size: 1.8em; line-height: 1em; color: #429e95; }
h6 { margin-top: 15px; font-size: 1.4em; line-height: 1em; color: #429e95; }
p, .p, dl { margin-top: 15px; font-size: 1.1em; line-height: 1.6em; color: #2a200e; }
p + h2, p + h3 {margin-top: 45px; }
a { font-weight: bold; color: #f86d13; }
a:visited { color: #5e905d; }
a:hover, a:active { color: #cc0000; }
/* end SITEWIDE STYLING */


/* header stuff */
#home-link a {
	display: block;
	height: 115px;
	width: 290px;
	position: absolute;
	top: 45px;
	left: 20px;
	text-indent: -9999px;
	}
#sign-up a {
	display: block;
	height: 80px;
	width: 140px;
	background: transparent url(http://pureacademy.ca/styling/images/sprites/sign-up-now.jpg) no-repeat 0px -80px;
	position: absolute;
	top: 0;
	left: 698px;
	text-indent: -9999px;
	}
#sign-up a:hover, #sign-up a:active {
	background-position: 0px 0px;
	}
/* header content - twitter feed and photos */
#header-content {
	position: absolute;
	top: 80px;
	left: 438px;
	}
#header-content img {
	position: relative;
	top: 3px;
	left: -3px;
	}
div.twtr-hd, div.twtr-ft { display: none; }
div.twtr-widget-profile, #nojs-message {
	display: block;
	height: 77px;
	padding: 7px 79px 31px 12px;
	background: transparent url(http://pureacademy.ca/styling/images/graphics/bg-twitter.jpg) no-repeat top left;
	}
#nojs-message {
	padding-top: 15px;
	background: transparent;
	}
#nojs-message:before {
	content: "Please note: ";
	font-weight: bold;
	text-transform: uppercase;
	color: #429e95;
	}
div.twtr-tweet-text p {
	height: 88px;
	font-size: 14px;
	line-height: 18px;
	}
div.twtr-tweet-text p i {
	width: 110px;
	height: 65px;
	position: absolute;
	top: 59px;
	right: 7px;
	}
div.twtr-tweet-text p i a { font-weight: normal; }
div.twtr-widget div.twtr-tweet { border-bottom: 0 none; }
/* end content */
/* navigation */
#nav {
	width: 854px;
	margin: 0 auto;
	border-top: 1px solid #e4e3df;
	padding-top: 11px;
	position: relative;
	top: 210px;
	font: 15px Techno, Impact, Haettenschweiler, Chicago, Charcoal, sans-serif;
	text-align: right;
	text-transform: uppercase;
	z-index: 444444;
	}
#nav li {
	display: inline;
	}
#nav li a {
	margin-left: 18px;
	border-top: 8px solid transparent;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: normal;
	color: #392a0e;
	}
#nav li.home a:hover, #nav li.home a:active { color: #2a200e; border-top: 8px solid #2a200e; }
#nav li.about a:hover, #nav li.about a:active { color: #fc4848; border-top: 8px solid #fc4848; }
#nav li.contact a:hover, #nav li.contact a:active { color: #ff8ccf; border-top: 8px solid #ff8ccf; }
#nav li.programs a:hover, #nav li.programs a:active { color: #ffb355; border-top: 8px solid #ffb355; }
#nav li.services a:hover, #nav li.services a:active { color: #8dd8fe; border-top: 8px solid #8dd8fe; }
#nav li.spirit a:hover, #nav li.spirit a:active { color: #8bc63f; border-top: 8px solid #8bc63f; }
#nav li.teams a:hover, #nav li.teams a:active { color: #db0080; border-top: 8px solid #db0080; }
#nav li.community a:hover, #nav li.community a:active { color: #a4338d; border-top: 8px solid #a4338d; }
#nav li.going-on a:hover, #nav li.going-on a:active { color: #016359; border-top: 8px solid #016359; }


/* tell visitors where they are on the site */
#About #nav li.about a, #About-Our-Staff #nav li.about a { color: #fc4848; border-top: 8px solid #fc4848; }
#Contact #nav li.contact a { color: #ff8ccf; border-top: 8px solid #ff8ccf; }
/* using attribute selectors to still select body id's with extra names attached (the carrot means comes at the beginning) */
[id^="Our-Programs"] #nav li.programs a { color: #ffb355; border-top: 8px solid #ffb355; }
[id^="Other-Services"] #nav li.services a { color: #8dd8fe; border-top: 8px solid #8dd8fe; }
#PURE-Spirit #nav li.spirit a { color: #8bc63f; border-top: 8px solid #8bc63f; }
[id^="Teams"] #nav li.teams a { color: #db0080; border-top: 8px solid #db0080; }
#The-Community #nav li.community a { color: #a4338d; border-top: 8px solid #a4338d; }
[id^="Whats-Going-On"] #nav li.going-on a { color: #016359; border-top: 8px solid #016359; }
/* hilight the nav link as they hover whether the page is active or not */
#About #nav li.about a:hover, #About-Our-Staff #nav li.about a:hover, #Contact #nav li.contact a:hover,
[id^="Our-Programs"] #nav li.programs a:hover, [id^="Other-Services"] #nav li.services a:hover,
#PURE-Spirit #nav li.spirit a:hover, [id^="Teams"] #nav li.teams a:hover,
#The-Community #nav li.community a:hover, [id^="Whats-Going-On"] #nav li.going-on a:hover { color: #392a0e; }
/* hide span.reveal until it should be revealed! */
#nav li span.reveal { display: none; }
#nav li:hover span.reveal, #nav li a:hover span.reveal {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 6px 0;
	background-color: #fff;
	position: absolute;
	top: 31px;
	left: 0px;
	font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Tahoma, "Trebuchet MS", Arial, sans-serif;
	color: #392a0e;
	text-align: center;
	text-transform: none;
	z-index: 555555;
	}
/* end navigation */
/* end header stuff */




/* HOMEPAGE STYLING */
/* homepage showcase */
#showcase {
	height: 335px;
	width: 852px;
	margin: 0 auto;
	position: relative;
	z-index: 1001;
	}
#showcase a.nojs {
	height: 335px;
	width: 852px;
	position: absolute;
	top: 0px;
	left: 0px;
	}
#showcase a span.h2, #showcase a span.h5 {
	display: block;
	padding-bottom: 1em;
	position: absolute;
	right: 20px;
	font-style: normal;
	color: #392a0e;
	text-align: right;
	}
#showcase a span.h2 {
	top: 95px;
	}
#showcase a span.h5 {
	top: 210px;
	padding-top: 20px;
	}
/* make it work for javascript disabled browsers too. */
/* run the numbering element off the viewable space for the js gallery */
#showcase a span.first, #showcase a span.second, #showcase a span.third, #showcase a span.fourth,
#showcase a span.fifth, #showcase a span.sixth, #showcase a span.seventh, #showcase a span.eighth,
#showcase a span.ninth, #showcase a span.tenth {
	display: block;
	height: 12px;
	width: 12px;
	margin: 0px 3px 3px 0px;
	border: 1px solid #3c3c3c;
	background-color: #e4e3df;
	position: absolute;
	top: 335px;
	float: left;
	color: #392a0e;
	font-weight: bold;
	text-align: center;
	line-height: 12px;
	}
/* style the buttons so they look a bit like buttons */
#showcase a span.first { background-color: #6c6c6c; }
#showcase a:hover span.first, #showcase a:hover span.second, #showcase a:hover span.third, #showcase a:hover span.fourth,
#showcase a:hover span.fifth, #showcase a:hover span.sixth, #showcase a:hover span.seventh, #showcase a:hover span.eighth,
#showcase a:hover span.ninth, #showcase a:hover span.tenth { background-color: #6c6c6c; }	
#showcase a:active span.first, #showcase a:active span.second, #showcase a:active span.third, #showcase a:active span.fourth,
#showcase a:active span.fifth, #showcase a:active span.sixth, #showcase a:active span.seventh, #showcase a:active span.eighth,
#showcase a:active span.ninth, #showcase a:active span.tenth,
#showcase a:focus span.first, #showcase a:focus span.second, #showcase a:focus span.third, #showcase a:focus span.fourth,
#showcase a:focus span.fifth, #showcase a:focus span.sixth, #showcase a:focus span.seventh, #showcase a:focus span.eighth,
#showcase a:focus span.ninth, #showcase a:focus span.tenth { background-color: #9fd8d2; }
#showcase a span.first { left: 0px;	}
#showcase a span.second { left: 13px; }
#showcase a span.third { left: 26px; }
#showcase a span.fourth { left: 39px; }
#showcase a span.fifth { left: 52px; }
#showcase a span.sixth { left: 65px; }
#showcase a span.seventh {left: 78px; }
#showcase a span.eighth {left: 91px; }
#showcase a span.ninth {left: 104px; }
#showcase a span.tenth {left: 117px; }
/* make it possible using z-index - don't forget to explicitly set the position attribute */
#showcase a.first {
	position: absolute;
	z-index: 222222;
	}
#showcase a span.slide {
	overflow: hidden;
	position: absolute;
	z-index: 111111;
	}
#showcase a:hover span {
	z-index: 333333;
	}
/* end homepage showcase */
/* menu-home-only styling */
#boxes-menu {
	overflow: auto;
	width: 852px;
	margin: 0 auto;
	border-bottom: 1px solid #e4e3df;
	padding-bottom: 14px;
	position: relative;
	top: 14px;
	}
#boxes-menu li {
	display: inline;
	float: left;
	}
#boxes-menu li.bbt {
	margin-right: 30px;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/bbtheatre.jpg) no-repeat center center;
	}
#boxes-menu li.workshops {
	margin-right: 31px;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/workshops.jpg) no-repeat center center;
	}
#boxes-menu li.purewear {
	margin-right: 30px;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/purewear.jpg) no-repeat center center;
	}
#boxes-menu li.bookshelf {
	background: #fff url(http://pureacademy.ca/styling/images/graphics/bookshelf.jpg) no-repeat center center;
	}
#boxes-menu li a {
	display: block;
	height: 146px;
	width: 174px;
	border: 8px solid #e4e3df;
	text-indent: -9999px;
	}
#boxes-menu li a:hover, #boxes-menu li a:active {
	border: 8px solid #016359;
	}
/* end menu-home-only styling */
/* grant info styling */
p.grant-info a {
	display: block;
	height: 131px;
	width: 330px;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/grant-info.jpg) no-repeat top center;
	position: relative;
	top: 14px;
	left: 542px;
	color: #2a200e;
	font-weight: normal;
	line-height: 12px;
	text-align: right;
	}
/* end grant info styling */
/* end HOMEPAGE STYLING */



/* INNER PAGES MENUS */
ul.about li {background-color: #fc7e7e; }
ul.about li#menu-title { background-color: #fc4848; }
ul.contact li {background-color: #ffd1ec; }
ul.contact li#menu-title { background-color: #ff8ccf; }
ul.programs li {background-color: #ffb355; }
ul.programs li#menu-title { background-color: #f86d13; }
ul.services li {background-color: #e2f7ff; }
ul.services li#menu-title { background-color: #8dd8fe; }
ul.spirit li {background-color: #bfe88b; }
ul.spirit li#menu-title { background-color: #8bc63f; }
ul.teams li {background-color: #ff8ccf; }
ul.teams li#menu-title { background-color: #db0080; }
ul.community li {background-color: #c782b8; }
ul.community li#menu-title { background-color: #a4338d; }
ul.going-on li {background-color: #429e95; }
ul.going-on li#menu-title { background-color: #016359; }
ul.sign-up li {background-color: #bca991; }
ul.sign-up li#menu-title { background-color: #695436; }
ul.workshops li {background-color: #98c7d9; }
ul.workshops li#menu-title { background-color: #014c72; }
ul.purewear li {background-color: #9fd8d2; }
ul.purewear li#menu-title {background-color: #429e95; }
ul.black-box li {background-color: #9c9c9c; }
ul.black-box li#menu-title {background-color: #000; }
ul.bookshelf li {background-color: #a8d89e; }
ul.bookshelf li#menu-title {background-color: #2b6332; }
ul.sub-menu {
	width: 150px;
	position: absolute;
	top: 17px;
	left: 5px;
	z-index: 10;
	}
ul.sub-menu.wide {
	width: 160px;
	}
ul.sub-menu li {
	height: 30px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
ul.sub-menu li#last-menu-item {
	border-bottom: 1px solid #ddd;
	}
ul.sub-menu li#menu-title a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	}
ul.sub-menu li a {
	display: inline-block; /*combine this line with v-align below to fix extra vertical space (gaps) in IE6/7 */
	}
ul.sub-menu li a {
	display: block;
	padding: 10px 10px 10px 2px;
	font-size: 10px;
	letter-spacing: -0.1em;
	color: #29210e;
	line-height: 1em;
	vertical-align: top; /*combine this line (maybe "bottom") with display: inline-block above to fix extra v space in IE6/7 */
	}
ul.about li a { border-left: 8px solid #fc7e7e; }
ul.about li#menu-title a { border-left: 8px solid #fc4848; }
ul.contact li a { border-left: 8px solid #ffd1ec; }
ul.contact li#menu-title a { border-left: 8px solid #ff8ccf; }
ul.programs li a { border-left: 8px solid #ffb355; }
ul.programs li#menu-title a { border-left: 8px solid #f86d13; }
ul.services li a { border-left: 8px solid #e2f7ff; }
ul.services li#menu-title a { border-left: 8px solid #8dd8fe; }
ul.spirit li a { border-left: 8px solid #bfe88b; }
ul.spirit li#menu-title a { border-left: 8px solid #8bc63f; }
ul.teams li a { border-left: 8px solid #ff8ccf; }
ul.teams li#menu-title a { border-left: 8px solid #db0080; }
ul.community li a { border-left: 8px solid #c782b8; }
ul.community li#menu-title a { border-left: 8px solid #a4338d; }
ul.going-on li a { border-left: 8px solid #429e95; }
ul.going-on li#menu-title a { border-left: 8px solid #016359; }
ul.sign-up li a { border-left: 8px solid #bca991; }
ul.sign-up li#menu-title a { border-left: 8px solid #695436; }
ul.workshops li a { border-left: 8px solid #98c7d9; }
ul.workshops li#menu-title a { border-left: 8px solid #014c72; }
ul.purewear li a { border-left: 8px solid #9fd8d2; }
ul.purewear li#menu-title a { border-left: 8px solid #429e95; }
ul.black-box li a { border-left: 8px solid #9c9c9c; }
ul.black-box li#menu-title a { border-left: 8px solid #000; }
ul.bookshelf li a { border-left: 8px solid #a8d89e; }
ul.bookshelf li#menu-title a { border-left: 8px solid #2b6332; }
ul.sub-menu li a:hover, ul.sub-menu li a:active {
	border-left: 8px solid #ddd;
	}
ul.sub-menu li#menu-title a:hover, ul.sub-menu li#menu-title a:active {
	border-left: 8px solid #3c3c3c;
	}
ul.sub-menu li:hover, ul.sub-menu li:active {
	background-color: #ddd;
	}
ul.sub-menu li#menu-title:hover, ul.sub-menu li#menu-title:hover {
	background-color: #3c3c3c;
	}
/* tell visitors where they are on the inner pages */
ul li.current { background-color: #fff; border-right: 1px solid #fff; text-indent: 1em; }
ul li#menu-title.current { border-right: 1px solid #ddd; text-indent: 0px; }
ul li.current a:after { content: " »"; }
ul li#menu-title.current a:after { content: ""; }
/* end INNER PAGES MENUS */



/* define the inner pages text area */
#text-area {
	min-height: 400px;
	height: auto !important; /* fixes IE */
	height: 400px; /* fixes IE */
	width: 680px;
	padding-bottom: 30px;
	position: relative;
	left: 180px;
	top: 18px;
	}
#text-area.narrow {
	width: 670px;
	left: 190px;
	}
#text-area li {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #2a200e;
	}
/* end defining the inner pages text area */




/* style the policy pages */
.lead-lines {
	font-weight: bold;
	font-size: larger;
	color: #016359;
	}
/* end styling the policy pages */




/* style the PUREwear catalogue table */
#Other-Services-PUREwear h2.h2-titles {
	height: 180px;
	width: 680px;
	background: #fff url(http://pureacademy.ca/styling/images/graphics/PUREwear-Catalogue-sm.jpg) no-repeat top left;
	text-indent: -9999px;
	}
[id^="Other-Services"] table { margin-bottom: 50px; }
table, th, td {
	border: 0 none;
	padding-bottom: 15px;
	text-align: left;
	vertical-align: top;
	}
th.category {
	height: 30px;
	padding-bottom: 30px; 
	}
td.item-title, td.item-descr, td.item-colors, td.actual-colors,
td.child-sizes, td.sizes, td.adult-sizes {
	padding-left: 15px;
	}
td.item-photo {
	height: 225px;
	width: 225px;
	}
td.item-descr {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	}
td.item-colors, td.child-sizes, td.adult-sizes {
	width: 50px;
	font-weight: bold;
	}
/* end styling the PUREwear catalogue table */



/* style the bio pages */
img.bio-pic {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	clear: both;
	}
#About-Our-Staff #text-area {
	min-height: 630px;
	height: 100% !important;
	height: 660px;
	margin-bottom: 30px;
	}
/* end styling the bio pages */



/* style the operating hours pages */
#Contact table td {
	width: 275px;
	padding-right: 30px;
	}
#Contact dt {
	font-weight: bold;
	}
/* end styling the operating hours pages */



/* style the Our Programs pages */
a.view-schedule, a.register-now, a.register-later {
	display: block;
	height: 70px;
	width: 302px;
	margin-top: 45px;
	margin-bottom: 45px;
	position: relative;
	left: 122px;
	text-indent: -9999px;
	}
a.view-schedule {
	background: #fff url(http://pureacademy.ca/styling/images/sprites/view-schedule.jpg) no-repeat 0px -70px;
	}
a.register-now {
	background: #fff url(http://pureacademy.ca/styling/images/sprites/register-now.jpg) no-repeat 0px -70px;
	}
a.register-later {
	background: #fff url(http://pureacademy.ca/styling/images/sprites/register-later.jpg) no-repeat 0px -70px;
	}
a.view-schedule:hover, a.register-now:hover, a.register-later:hover {
	background-position: 0px 0px;
	}
#Our-Programs-Class-Descriptions #text-area {
	min-height: 680px;
	height: 100% !important;
	height: 720px;
	margin-bottom: 30px;
	}
/* styling also for birthday parties and facility rentals! */
#Our-Programs h4, #Our-Programs-Class-Descriptions h4,
#Other-Services h4 {
	margin-top: 30px;
	border: 1px solid #e4e3df;
	padding: 5px;
	text-align: center;
	color: #016359;
	}
.class-title, .student-age, .discipline, .class-type {
	font-weight: bold;
	font-size: larger;
	}
.class-title {
	border-top: 1px solid #e4e3df;
	padding-top: 11px;
	color: #016359;
	font-size: 1.5em;
	}
.class-title span {
	color: #2a200e;
	}
.student-age, .class-type {
	margin-top: 0px;
	}
.class-cost {
	font-weight: bold;
	font-size: larger;
	color: #016359;
	}
.class-cost span {
	color: #2a200e;
	}
/* end styling the Our Programs pages */
/* style the What's Going On? Pages */
#Whats-Going-On img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/* end styling for What's Going On? */


/* style the PURE Spirit pages */
#PURE-Spirit dt, #PURE-Spirit dd { font-weight: bold; }
#PURE-Spirit dd {
	font-size: larger;
	color: #016359;
	}
/* end styling of the PURE Spirit pages */



/* style the Teams pages */

/* end styling the Teams pages */



/* style the bookshelf pages */
.download {
	display: block;
	padding-top: 15px;
	}
a.download:visited {
	padding-left: 25px;
	background: url(http://pureacademy.ca/styling/images/graphics/check.jpg) no-repeat 0px 9px;
	}
/* end styling the bookshelf pages */



/* styling the footer */
#footer a.facebook-link, #footer a.twitter-link {
	display: block;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
	}
#footer a.facebook-link {
	position: absolute;
	top: 21px;
	left: 17px;
	}
#footer a.twitter-link {
	position: absolute;
	top: 21px;
	left: 185px;
	}
#footer p#copyright {
	margin: 0;
	position: relative;
	top: 101px;
	left: 19px;
	font-size: 9px;
	color: #9fd8d2;
	}
/*  -- important for sevenworks ------------------------------  */
a#sevenworks {
	display: block;
	height: 25px;
	width: 120px;
	margin: 0;
	border: 0 none;
	outline: none;
	padding: 0;
	position: relative;
	left: 755px;
	top: 73px;
	}
a#sevenworks span.expand {
	display: none;
	}
a#sevenworks:hover span.expand {
	display: block;
	width: 400px;
	padding: 0;
	background-color: transparent;
	position: absolute;
	top: 14px;
	right: 124px;
	font: 10px "Lucida Console", Monaco, monospace;
	color: #9fd8d2;
	text-align: right;
	}
/*  -- end important for sevenworks -------------------------  */
/* end footer styling */
/* style the bottom of the page */
div.bottom {
	height: 15px;
	margin: -16px 0 0;
	border-top: 1px solid #f84848;
	background-color: #29210e;
	position: relative;
	z-index: 1;
	}
/* end the bottom of the page */
/* throw in a few handy classes */
.hilighter {
	display: block;
	height: 20px;
	width: 99%;
	margin-top: 30px;
	border: 1px solid #429e95;
	background-color: #9fd8d2;
	padding: 5px 0px;
	font: 15px Techno, Impact, Haettenschweiler, Chicago, Charcoal, sans-serif;
	text-transform: uppercase;
	text-indent: 10px;
	color: #2a200e;
	}
.hilight1 {
	font-weight: bolder;
	}
.hilight2 {
	font-weight: bolder;
	}
.top-of-page {
	border: 2px solid #fc4848;
	padding: 2px 5px;
	position: relative;
	left: 620px;
	}
#Other-Services-PUREwear .top-of-page {
	top: -55px;
	}
#text-area .u-list li {
	margin-left: 30px;
	list-style: disc outside;
	}
[id^="Teams"] #text-area .o-list li {
	margin-top: 15px;
	margin-left: 60px;
	list-style: decimal outside;
	font-size: 16px;
	font-weight: bold;
	color: #db0080;
	}
.content-photos {
	margin-top: 15px;
	margin-bottom: 15px;
	}
.note {
	font-style: italic;
	}
.align-right {
	text-align: right;
	}
/* FINITO! */

/*  =========================================================  */
/*  my LIBRARY OF PROPERTIES AND FONTS TO MAKE CSSing EASIER:  */
/*  =========================================================  */
/*  -- order of properties ----------------------------------  */
/*	overflow: ;
	visibility: ;
	display: ;
	height: ;
	width: ;
	margin: ;
	border: ;
	border-radius: ;
	border-bottom-right-radius: ; //noted for syntax
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	outline: ;
	padding: ;
	background: ;
	position: ;
	top: ;
	left: ;
	bottom: ;
	right: ;
	float: ;
	vertical-align: ;
	z-index: ;
	list-style: ;
	text-decoration: ;
	font: ;
	color: ;
	text-align: ;
	text-transform: ;
	text-indent: ;
	text-shadow: ;
	white-space: ;
	line-height: ;
	letter-spacing: ;
	word-spacing: ;
	content: ;
	quotes: ;
	curser: ;
	*/
/*  -- fonts selection --------------------------------------  */
/*  generic font-families: serif, sans-serif, cursive, fantasy, monospace
    my favorite sans-serif fonts: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Tahoma, "Trebuchet MS", Arial, sans-serif
    (I removed verdana from the list because it's too wide for my designs.)
    my favorite sans-serif fonts for HEADLINES: Techno, Impact, Haettenschweiler, Chicago, Charcoal, sans-serif
    my favorite serif fonts: Georgia, Palatino, "New York", "Times New Roman", serif
    my favorite monospace fonts: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Courier New", Courier, "VT-100", monospace
    my favorite cursive fonts: "Monotype Corsiva", Textile, "Apple Chancery", "Zapf Chancery", cursive
    my favorite fantasy fonts: Copperplate, "Copperplate Gothic Light", fantasy
    */
/*  -- order of pseudo classes ------------------------------  */
/*  LoVe and HAte - a:link a:visited a:hover a:active a:focus  */
/*  =========================================================  */