@charset "utf-8";
/* CSS Document */
/* 	Global reset & Toolboxes
	This set of classes are basic universal tools that is useful with any css driven layout & presentation.
	
	The Tag resets allows Tag elements default to be overridden so that the particular site formatting can be constructed from a clean pallette.
	
	This Toolkit was developed by Jayson Perry and its derivatives to be used only in websites of his design.  However, since he has had the good fortune to have learned these techniques from other designers and their CSS rules; so have at this rules, they are pretty good and effective in all the browsers.  Thanks to everyone who shares knowledge.
	copyright © 2008-2010 by Jayson perry
*/

/* TOC (to jump to a particular section, us the find command and search for the "^ + #")
	^1 Universal Reset
	^2 HTML4 Resets
	^3 Floating & Clearing Controls
	^4 Margin & Padding Tools
	^5 Text Alignment
	^6 Printing Tools
	^8 Typographical Tools
	^9 Typographical Resets
	^10 Useful Gerneral Use Rules
	^12 Display Values
	^14 Image Tools
*/


/* ---- ^1 Universal Resets ---- */

body {
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 0px;	
}

* {
	margin: 0;
	padding: 0;
}

/* ---- ^2 HTML4 Resets ---- */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

h2 {
	font-size: 1.5em;
	margin: .75em 0;
}

h3 {
	font-size: 1.17em; 
	margin: .83em 0;
}

h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu {
	margin: 1.12em 0;
}

h5 {
	font-size: .83em; 
	margin: 1.5em 0;
}

h6 {
	font-size: .75em; 
	margin: 1.67em 0;
}

h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bolder;
}

/* ========== HTML5 TYPOGRAPHY RESETS ========== 
	This set of classes are in globalStylings.css, and not cssToolsResets.css, due to the custom nature of presentation of the HTML5 Headers as opposed to h1... h6
*/

address, article, aside, section, header, figure, footer, nav {
	display: block;
	margin: 0;
	padding: 0;
}

.header1, .header2, .header3, .header4, .header5, .header6 {
	font: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}

.header1 {
	font-size: 2em;
	margin: .67em 0;
}

.header2 {
	font-size: 1.5em;
	margin: .75em 0;
}

.header3 {
	font-size: 1.17em; 
	margin: .83em 0;
}

.header4, {
	font-size: 1em;
	margin: 1.12em 0;
}

.header5 {
	font-size: .83em; 
	margin: 1.5em 0;
}

.header6 {
	font-size: .75em; 
	margin: 1.67em 0;
}

/* ---- ^2 Floating & Clearing Controls ---- */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearfloats {
	clear: both;
	margin: 0;
}

.clearfloatLeft {
	clear: left;
	margin: 0;
}

.clearfloatRight {
	clear: right;
	margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.layoutCenter {
	margin: 0 auto;
}

/* ----- ^4 Margin & Padding Tools ----- */

.clearMarginsPaddings {
	margin: 0;
	padding: 0;
}

.clearMarginTopBottom {
	margin-top: 0;
	margin-bottom: 0;
}

.clearMarginRightLeft {
	margin-right: 0;
	margin-left: 0;
}

.clearMarginTop {
	margin-top: 0;
}

.clearMarginRight {
	margin-right: 0;
}

.clearMarginBottom {
	margin-bottom: 0;
}

.clearMarginLeft {
	margin-left: 0;
}

.marginsClear {
	margin: 0;
}

.marginLeft8px {
	margin-left: .5em;
}

.marginLeft1em {
	margin-left: 1em;
}

.marginLeft2em {
	margin-left: 2em;
}

.marginLeft3em {
	margin-left: 3em;
}

.marginLeft4em {
	margin-left: 4em;
}

.clearPaddings {
	padding: 0;
}

/* ----- ^5 Text Alignment ----- */

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.elementCenter {
	margin: 0 auto;
}


/* ----- ^6 Printing Tools ----- */
	/* use printMedia.css for full page print formating (../css/printMedia.css) */
.page-break {
	page-break-before: always;
}

/* ----- ^8 Typographical Tools ----- */

.error {
	border: 1px solid #fb4343;
	padding: 3px;
	color: #fb4343; 
}

.warning {
	border: 1px solid #d4ac0a;
	padding: 3px;
	color: #d4ac0a;
}

.success {
	border: 1px solid #149b0d;
	padding: 3px;
	color: #149b0d;
}

.callOut {
	font-size: 125%;
	font-weight: bold;
}

.strikeOut {
	text-decoration: line-through;
}

.overline {
	text-decoration: overline;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.bolder {
	font-weight: bolder;
}

.fontStyleNormal {
	font-style: normal;
}

.oblique {
	font-style: oblique;
}


.italic {
	font-style: italic;
}

.signature {
	font: 1em "Comic Sans MS", cursive;
	font-style: italic;
}

.resetTypeStyle {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	text-decoration: none;
	background-color: none;
	word-spacing: normal;
	letter-spacing: 0px;
	text-transform: none;
	text-indent: 0px;
}

/* ----- ^9 Typographical Resets ----- */

p, li, dt, dd, q, a {
	font-size: 0.88em;
}

/* ----- ^10 Useful Gerneral Use Rules ----- */

a:link, a:visited {
	color: #265699;
	text-decoration: none;
}

a:hover {
	color: #fbb829;
	text-decoration: underline;
}

a:active {
	color: #660000;
	text-decoration: line-through;
}

a[href^="mailto"] {
	background: url(../_assets/imagesUtility/email-16x16.png) left center no-repeat;
	padding-left: 20px;
}

a[href~=".pdf"] {
	background: url(../_assets/imagesUtility/pdficon_small.gif) left center no-repeat;
	padding-left: 20px;
}

a.button {
	color: black;
	border: 1px solid black;
	padding: 3px;
}

a.button:hover {
	background: black;
	color: white;
}

.transpBlack {
	background: none;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

dfn:before {
	content: open-quote;
}

dfn:after {
	content: close-quote;
}

/* ----- ^11 Positioning Setting Values ----- */

.positionRelative {
  position: relative;
}

.positionAbsolute {
  position: absolute;
}

.positionFixed {
  position: fixed;
}

.positionStatic {
  position: static;
}

/* ----- ^12 Display Values ----- */

.hide {
	display: none;
}

.show {
	display: block;
}

.invisible {
	visibility: hidden;
}

/* ----- ^14 Image Tools ----- */

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

img a {
	margin: 0px;
	padding: 0px;
	border: none;
}

.imgCenter {
	margin: 0 auto;
	padding: 0;
}