.typography{color:#666; font-size: 1.7em; font-family: Lucida Grande, Lucida Sans, Helvetica, Arial;}



/* HEADINGS */

.typography h1 {font-size: 1.77em;}
	.typography h1.Title {font-size: 2.2em; margin-top: 0!important; padding-top:0!important;}
.typography h2 {font-size: 1.77em;}
.typography h3 {font-size: 1.33em;}
.typography h4{font-size: 1.33em;}
.typography h5{font-size: 1.11em;}
.typography h6{font-size: 1.11em;}

/*.typography h1:first-child,.typography h2:first-child,.typography h3:first-child,.typography h4:first-child,.typography h5:first-child,.typography h6:first-child {margin-top: 0px; padding-top: 0px;}  <- what is this I've never seen it before...*/

/* heading combos */

.typography h1, .typography h3, .typography h5  {color: #666;}
.typography h2, .typography h4, .typography h6  {color: #333;}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {margin: 1em 0 0.5em; font-family: Lucida Grande, Lucida Sans, Helvetica, Arial; line-height: 1.1em;}
.typography h3, .typography h4, .typography h5, .typography h6 {font-weight: normal;}

	.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {}

/* general font-size changes */
.typography p, .typography li, .typography address {font-size: 1em;}
	.typography td p {font-size: 1em;}
	.typography td li {font-size: 1em;}
	.typography li p {font-size: 1em;}
	.typography li li {font-size: 0.95em;}
		.typography li li li {font-size: 0.95em;}


/* paragraphs */
.typography p {margin-top: 0.5em; margin-bottom: 1em; line-height: 1.4em; text-align: left; }

/* lists */
.typography ul, .typography ol {padding: 0.1em 0 0.3em 2.3em; line-height: 1.2em;}
	.typography ul{}
		.typography li { padding: 0.3em 0; list-style-position: outside; list-style-image: url(../images/bullet.gif); text-align: left;}
	.typography ol{}
		.typography ol li { list-style-image: none; list-style-type:decimal;}
			.typography ol li li { list-style-type:lower-alpha;}
				.typography ol li li li { list-style-type:lower-roman;}
			.typography ul li li { list-style-type:disc ;list-style-image: none; }
				.typography ul li li li { list-style-type:circle;}
					.typography ul li li li li { list-style-type:square;}
	.typography dl{}
		.typography dl dd{}
		.typography dl dt{}

/* special block elements */
.typography blockquote{color: #aaa; padding: 0 30px 0 70px; font-style: italic; font-size: 1.3em; font-family: arial, helvetica;}
	.typography blockquote p {font-size: 1em;}
.typography address {font-style: italic; margin-left: 3em; margin-bottom: 1em; font-family: 'courier new', courier, monospace}
.typography pre {font-family: "courier new", courier, monospace; line-height: 1.5; font-size: 1em; padding: 0.7em; background-color: #B5AB8B; margin: 0.3em 0; text-indent: -0.3em; color: beige}

/* tables */
.typography table{margin: 1em 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
	.typography th, .typography td {padding: 0.3em; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
		.typography table th {vertical-align: middle; font-weight: bold; background-color: #f9f9f9;}
		.typography table td {vertical-align: top;}
			.typography table td p, .typography table td li{margin: 0px; padding: 0px;}
			.typography table td ol, .typography table td ul{margin-top: 0px; padding-top: 0px;}



/* ---- inline elements */
.typography strong, .typography b {font-weight: bold;}
.typography em, .typography i {font-style: italic; font-family: arial, helvetica;}
.typography u {text-decoration: underline;}
.typography q {font-style: italic; color: #aaa;}

/* links */
.typography a{color: #099; text-decoration: none;}
	.typography a:link{text-decoration: none; }
	.typography a:visited{text-decoration: none; }
	.typography a:focus {outline: none;}
	.typography a:hover{text-decoration: underline; color: #17b7b5;}
	.typography a:active{}
	/*.typography a[href^="http://"]{ background:transparent url(/themes/main/images/externalLink.gif) no-repeat scroll right center; padding-right:13px; display:inline;}*/

/* images */
.typography img{float: right; margin-left: 1em; margin-bottom: 1em; display: block;}
/* images for CMS formatting */
.typography img.left{float: left!important; margin: 1em 1em 1em 0!important;}
.typography img.right{float: right!important; margin: 1em 0 1em 1em!important;}
.typography img.center{float: none!important; display: block!important;margin: 1em auto 1em auto!important;}
.typography img.leftAlone{float: none!important; display: block!important;margin: 1em 0 1em 0!important; }

.typography .captionImage.left {float: left;margin: 0em 1em 1em 0;}
.typography .captionImage.right {float: right;margin: 0em 0 1em 1em;}
.typography .captionImage img {margin-bottom: 0px; padding-bottom: 0px; }
.typography .captionImage p {margin-top: 1em; padding-top: 0px; font-style: italic; color: #333;}



/* misc */
.smallFont{
	font-size: 0.7em;
}
.anchorpoint {border: 1px solid #999; margin-right: 10px; padding: 10px 20px; float: left; color: #999!important;}
.typography .anchorpoint:hover {background-color: #f2f2f2; text-decoration: none!important;}
hr {border-top: 1px solid #ccc;}

/* colour options*/
#colourTable td {width: 100px!important; height: 100px!important; vertical-align: top;}
.backgroundcolour1 {background-color: #333!important;}  /* charcoal */
.backgroundcolour2 {background-color: #666!important;}  /* gray */
.backgroundcolour3 {background-color: #999!important;}  /* light gray */
.backgroundcolour4 {background-color: #099!important;}  /* ocean blue */
.backgroundcolour5 {background-color: #17b7b5!important;} /* light blue */


.fontcolour1 {color: #333!important;}  /* charcoal */
.fontcolour2 {color: #666!important;}  /* gray */
.fontcolour3 {color: #999!important;}  /* light gray */
.fontcolour4 {color: #099!important;}  /* ocean blue */
.fontcolour5 {color: #17b7b5!important;} /* light blue */



/* WYSIWYG EDITOR ALIGNMENT CLASSES

-------------------------------------------- */

.typography .left {text-align: left;}

.typography .center {text-align: center;}

.typography .right {text-align: right;}