.typography{color:#fff;}

/* HEADINGS */
.typography h1 {color: #fff; font-size: 2em; line-height: 0.85em;}
	.typography h1#mainPageTitle{margin-top: 0!important; padding-top: 0!important;}
.typography h2 {color: #fc3; font-size: 2em;}
.typography h3 {color: #fc3; margin-top: 1.2em;}
.typography h4{color: #fff; font-size: 1.2em;}
.typography h5{color: #fc3; font-size: 0.8em;}
.typography h6{color: #fff; font-size: 0.8em;}

/* heading combos */
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {padding: 0.7em 0 0.3em 0; font-weight: bold;}
	.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {}

/* general font-size changes */
.typography p, .typography li, .typography address {font-size: 1.1em; font-weight: bold;}
	.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.85em;}


/* paragraphs */
.typography p {margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.3em; padding-bottom: 8px;}

/* lists */
.typography ul, .typography ol {padding: 0.1em 0 0.3em 2.3em;}
	.typography ul{}
		.typography li { padding: 0.3em 0; list-style-position: outside; list-style-image: url(../images/bullet.gif); text-align: justify;}
		.typography li { padding: 0.3em 0; list-style-position: outside; list-style-image: url(../images/bullet.gif); text-align: justify;}
	.typography ol{}
		.typography ol li { list-style-image: none; list-style-type:decimal; line-height: 1.3em; padding-bottom: 8px;}
			.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{ padding: 0 30px 0 70px; font-style: italic; background-image: url(../images/blockquote_start.png); background-repeat: no-repeat; background-position: 0 0; font-size: 1.3em;}
	.typography blockquote p {font-size: 1em;}
.typography address {font-style: italic; margin-left: 3em; 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;}
	.typography th, .typography td {padding: 0.3em; border-left: 6px solid #fff;border-top: 6px solid #fff; background-color: #BFC1C1; font-size: 1.3em; }
		.typography table th {vertical-align: middle; font-weight: bold; color: #82274B; background-color: #808383}
		.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{font-style: italic;}
.typography u{}
.typography q {font-style: italic; color: #B5AB8B;}

/* links */
.typography a{color: #fc3;  border-bottom: 1px dotted transparent;}
	.typography a:link{text-decoration: none; }
	.typography a:visited{text-decoration: none; }
	.typography a:focus {outline: none;}
	.typography a:hover{border-bottom: 1px dotted #c00; color: #c00}
	.typography a:active{color: #c00;}
	.typography a[href^="http://"]{ background:transparent url(../images/externalLink.gif) no-repeat scroll right center; padding-right: 13px; display:inline;}

/* images */
.typography img{border: none;}
.typography img.left{float: left; margin: 1em 1em 1em 0;}
.typography img.right{float: right; margin: 1em 0 1em 1em;}

/* misc */
.smallFont{
	font-size: 0.7em;
}

/* colour options*/
#colourTable td {width: 100px!important; height: 100px!important; vertical-align: top;}
.backgroundcolour1 {background-color: #808383!important;}  /* grey */
.backgroundcolour2 {background-color: #317010!important;}  /* green */
.backgroundcolour3 {background-color: #FFCC33!important;}  /* yellow */
.backgroundcolour4 {background-color: #B5AB8B!important;}  /* sandy grey */
.backgroundcolour5 {background-color: #82274B!important;} /* red */

.fontcolour1 {color: #808383!important;}  /* grey */
.fontcolour2 {color: #317010!important;}  /* green */
.fontcolour3 {color: #FFCC33!important;}  /* yellow */
.fontcolour4 {color: #B5AB8B!important;}  /* sandy grey */
.fontcolour5 {color: #82274B!important;} /* red */