/**
 * Global CSS
 * 
 * Created 12 June 2010 
 * Updated 08 September 2012
 *
 * @version 2.0
 */


/**
 * CSS to reset common styles for better browser compatibility
 *
 * Based on Eric Meyer's Reset CSS {@link http://meyerweb.com/eric/tools/css/reset/}
 */


/* ensure short pages in firefox get a scrollbar to prevent 'jumping' */

html {
    min-height:101%;
}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend, caption {
    margin:0;
    padding:0;
	border:none;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
}

body {
    line-height:1;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
	content:none;
}


/*
	leave the default behaviour for focus in place to ensure browser defaults are respected
	all menu items should have :focus defined at the same time as :hover
*/

*:focus {
}


/* common page elements
------------------------------------------------------------ */

body {
	border-top:4px solid #989898;
	background:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

h1, h2, h3, h4, h5, h6 {
	padding:20px 0 7px;
}

h1 {
	margin:0;
	font-family:'Times New Roman', Times, serif;
	font-size:630%;
	font-weight:normal;
}

h1 sup {
	font-size:37%;
	font-weight:normal;
	letter-spacing:-1px;
}

h2 {
	margin-left:-0.35em;
	padding:30px 0 7px;
	font-family:'Times New Roman', Times, serif;
	font-size:230%;
	font-weight:normal;
}

h3 {
	font-size:130%;
	font-weight:normal;
	font-family:Georgia, 'Times New Roman', Times, serif;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#474747;
}

p {
	padding:5px 0 10px;
	line-height:150%;
}

ul,
ol {
	margin:0;
	padding:15px 0 20px 20px;
}

ul ul {
	padding-left:20px;
}

li {
	line-height:160%;
}


/* links
------------------------------------------------------------ */

a {
	text-decoration:none;
	color:#868686;
}

a:hover,
a:focus {
	color:#000;
}

a img {
	border:none;
}

p a,
li a {
	padding:1px;
}


/* layout containers
------------------------------------------------------------ */

#outer {
	width:100%;
	border-bottom:4px solid #989898;
}

#wrapper {
	max-width:960px;
	margin:0 auto;
}

#page_container {
	padding:20px;
}

#tagline {
	text-indent:19px;
	font-size:110%;
	text-transform:uppercase;
	letter-spacing:10px;
}

#docdata {
	padding:0 0 7px;
	border-bottom:1px solid #bcbcbc;
	text-align:right;
	text-transform:uppercase;
	font-size:x-small;
	letter-spacing:2px;
}

#content {
	max-width:680px;
	padding:30px 25px;
	background:#fff;
}

.pull_quote {
	position:relative;
	float:right;
	width:45%;
	margin:1.4em -12% 0 1.4em;
	padding:27px 26px;
	border-top:1px solid #ddd;
	border-bottom:2px solid #dedede;
	font-family:'Times New Roman', Times, serif;
	font-size:123%;
	font-style:italic;
	font-weight:bold;
	color:#555;
}

.pull_quote p {
	padding:0 0 5px;
	font-size:110%;
	line-height:110%;
}

#page_footer {
	border-top:1px solid #bcbcbc;
}

#pagedata {
	padding:50px 0 10px;
	text-align:right;
	font-size:x-small;
}


@media all and (max-width:880px) {
	.pull_quote {
		float:none;
		width:auto;
		margin:1em 0 30px;
		padding:20px;
	}
}

@media all and (max-width:600px) {
	h1 {
		padding:0;
		font-size:280%;
	}
	
	#tagline {
		font-size:86%;
		text-indent:9px;
		letter-spacing:normal;
	}
	
	#docdata {
		font-size:57%;
		letter-spacing:normal;
	}
	
	.date {
		font-size:120%;
	}
}