/* ------ NOTES ---------------------------------------------------------------

Master Screen Style for Office News Express, http://www.nationalofficeweek.com

--------- UPDATE INFO ---------------------------------------------------------

Last updated: 28 March 2008
Last update made by: Thomas Ingram (tingram@ingserv.com)

--------- CONTENTS ------------------------------------------------------------

1: BODY AND HIDDEN MENU
2: PAGE STRUCTURE
	a) Contianers
	b) Columns
	c) Header
3: LISTS
4: FORMS & TABLES
	a) Tables
5: GLOBALS
	a) Links
	b) Typography
	c) Images
6: MISC
	
---------------------------------------------------------------------------- */




/* 1: BODY AND HIDDEN MENU
============================================================================ */

body { margin:0px; padding:0px 0px 20px 20px; min-width:860px; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; color:#000000; text-align:left; background-color:#ffffff; /* background:url('../assets/images/bg_grid.gif') 20px repeat-y; */ }

p.skipmenu { position:absolute; left:-999px; width:990px; }

/* 2: PAGE STRUCTURE
============================================================================ */

/* a) Containers */

#container { width:860px; text-align:left; }

.field_440_container { width:440px; float:left; text-align:left; }

#field_420_container { margin-bottom:20px; width:420px; float:left; text-align:left; border-bottom:1px solid #e5e5e5; /* background:url('../assets/images/byline.gif') bottom left no-repeat; */ }
html* #field_420_container { /* IE7 and below hack */
	padding-bottom:16px;
	}
.field_420_container_stroke { margin-bottom:20px; width:420px; float:left; text-align:left; border-bottom:1px solid #e5e5e5; }
html* .field_420_container_stroke { /* IE7 and below hack */
	padding-bottom:14px;
	}
.field_420_container { margin-bottom:20px; width:420px; float:left; text-align:left; }

.field_220_container { width:220px; float:left; text-align:left; }

.field_200_container { width:200px; float:left; text-align:left; }

#field_860_container_stroke { margin-top:34px; width:860px; float:left; text-align:center; border-bottom:3px solid #d9d9d9; }
.field_860_container { width:860px; float:left; text-align:left; }
html* .field_860_container { /* IE7 and below hack */
	padding-top:10px;
	}
#field_860_header { margin-bottom:20px; width:860px; float:left; text-align:center; border-top:3px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
html* #field_860_header { /* IE7 and below hack */
	padding-bottom:12px;
	}

/* b) Columns */

.field_310 { width:310px; float:left; text-align:left; }

.field_90 { width:90px; float:left; text-align:left; }
* html .field_90 {
	/*--IE5.2-Mac--*/
	width:90px;
	/*--IE-PC--\*/
	width:89px;
	/*--End--*/
	}

.field_200 { width:200px; float:left; text-align:left; }
.field_200_stroke { margin-bottom:20px; width:200px; float:left; text-align:left; border-bottom:1px solid #e5e5e5; }
html* .field_200_stroke { /* IE7 and below hack */
	padding-bottom:14px;
	}
.field_200_ad { margin-bottom:20px; width:200px; float:left; text-align:left; }

.margin_20 { width:20px; float:left; }

.field_640 { width:640px; float:left; text-align:left; }

/* c) Header */

#logo { width:860px; float:left; text-align:left; }
#logo a { width:860px; height:90px; display:block; text-decoration:none; background:url('../assets/images/mast.jpg') top left no-repeat; }

/* 3: LISTS
============================================================================ */

ol#global_nav_ol { display:block; }
ol#global_nav_ol li { font-size:0.80em; line-height:2.0em; color:#cc0000; }
ol#global_nav_ol a:link, ol#global_nav_ol a:active, ol#global_nav_ol a:visited {
	color:#555555;
	text-decoration:none;
	}
ol#global_nav_ol a:hover {
	color:#333333;
	text-decoration:none;
	}
	
ol#archived_ol { list-style:none; }
ol#archived_ol li { margin-right:10px; display:inline; font-size:0.95em; line-height:2.0em; }
ol#archived_ol a:link, ol#archived_ol a:active, ol#archived_ol a:visited {
	color:#555555;
	text-decoration:none;
	}
ol#archived_ol a:hover {
	color:#333333;
	text-decoration:none;
	}
	
ul.global_ul { padding-left:12px; display:block; list-style-type:square; }
html* ul.global_ul { /* IE7 and below hack */
	margin-left:3px;
	}
ul.global_ul li { font-size:0.75em; color:#333333; line-height:150%; }
ul.global_ul a:link, ul.global_ul a:active, ul.global_ul a:visited {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
ul.global_ul a:hover {
	color:#cc0000;
	}

ol.global_ol { padding-left:12px; display:block; }
html* ol.global_ol { /* IE7 and below hack */
	margin-left:3px;
	}
ol.global_ol li { font-size:0.75em; color:#333333; line-height:150%; }
ol.global_ol a:link, ol.global_ol a:active, ol.global_ol a:visited {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
ol.global_ol a:hover {
	color:#cc0000;
	}

/* 4: FORMS & TABLES
============================================================================ */

/* a) Tables */

table#tsp_table { margin-bottom:20px; }

table#tsp_table caption {
	margin:20px 0px;
	padding-bottom:13px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
	font-size:0.70em;
	font-weight:normal;
	font-weight:lighter;
	color:#555555;
	letter-spacing:0.30em;
	line-height:2.0em;
	text-transform:uppercase;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
	}

table#tsp_table th {
	padding-bottom:20px;
	font-size:0.85em;
	font-weight:normal;
	text-align:left;
	}
html* table#tsp_table th { /* IE7 and below hack */
	padding:20px 0px;
	}
table#tsp_table th#core, table#tsp_table th#desired, table#tsp_table th#deferred { font-style:italic; }
table#tsp_table th.total { text-align:right; }

table#tsp_table td {
	padding-bottom:10px;
	font-size:0.80em;
	color:#666666;
	line-height:170%;
	text-align:left;
	vertical-align:top;
	}

/* 5: GLOBALS
============================================================================ */

/* a) Links */

p.body a:link, p.preface a:link, p.footnote a:link, p.body a:active, p.preface a:active, p.footnote a:active, p.body a:visited, p.preface a:visited, p.footnote a:visited { color:#cc0000; text-decoration:none; }
p.body a:hover, p.preface a:hover, p.footnote a:hover { text-decoration:underline; }

p.date a:link, p.date a:active, p.date a:visited { color:#cc0000; text-decoration:none; }
p.date a:hover { color:#555555; }

/* b) Typography */

p.body { margin-top:0px; font-size:0.75em; /* 9pt */ color:#333333; line-height:150%; }
p.body span { font-size:85%; font-variant:small-caps; letter-spacing:0.10em; text-transform:uppercase; }

p.preface { margin-top:0px; font-size:0.875em; /* 10.5pt */ color:#333333; line-height:150%; }
p.preface span { font-size:85%; font-variant:small-caps; letter-spacing:0.10em; text-transform:uppercase; }

p.caption { margin-top:0px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif; font-size:0.70em; color:#666666; line-height:130%; }
p.caption span { font-size:85%; font-weight:bold; font-variant:small-caps; color:#333333; letter-spacing:0.10em; text-transform:uppercase; }

p.intro { margin-top:0px; font-family:Palatino, Georgia, "Times New Roman", Times, serif; font-size:1.125em; /* 13.5pt */ font-style:italic; font-weight:lighter; color:#666666; line-height:140%; }

p.footnote { font-size:0.75em; /* 9pt */ color:#666666; line-height:150%; }

p.note { font-size:0.70em; font-style:italic; color:#aaaaaa; line-height:150%; }

p#date { margin-top:0px; font-size:0.75em; /* 9pt */ color:#666666; }
p.date { margin-top:0px; font-size:0.75em; font-style:italic; color:#666666; }

p.break { margin:0px; font-size:1.25em; font-style:italic; color:#555555; line-height:125%; text-align:right; }

p.chapter { margin-top:50px; font-size:4.75em; color:#e5e5e5; text-align:right; }

p.commentary { font-size:0.70em; font-style:italic; color:#cc0000; line-height:150%; text-align:right; }

p.citiation { margin-top:0px; font-size:0.75em; color:#666666; text-align:right; }

p.lead { margin-top:0px; font-size:0.70em; /* 9pt */ font-style:italic; color:#333333; line-height:150%; text-align:center; }

p.slogan { margin-top:0px; font-size:0.75em; /* 9pt */ font-style:italic; color:#666666; }

p.quotation { margin-top:0px; font-size:0.875em; /* 10.5pt */ font-style:italic; color:#333333; text-indent:-0.5em; line-height:150%; }
* html p.quotation {
	/*--IE5.2-Mac--*/
	text-indent:0em;
	/*--IE-PC--\*/
	text-indent:0em;
	/*--End--*/
	}

h1 {
	margin-top:0px;
	font-size:2.00em; /* 24pt */
	font-weight:bold;
	line-height:130%;
	}
h1 a:link, h1 a:active, h1 a:visited { color:#000000; text-decoration:none; }
h1 a:hover { color:#cc0000; }

h2 {
	margin-top:0px;
	font-size:1.20em; /* 14pt */
	font-weight:bold;
	line-height:130%;
	}
h2 a:link, h2 a:active, h2 a:visited { color:#000000; text-decoration:none; }
h2 a:hover { color:#cc0000; }

h3 {
	margin-top:0px;
	padding-bottom:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
	font-size:0.70em; /* 8pt */
	font-weight:lighter;
	color:#555555;
	letter-spacing:0.30em;
	line-height:130%;
	text-transform:uppercase;
	border-bottom:1px solid #e5e5e5;
	}

span.dcap {
	float:left;
	display:inline;
	font-size:3.75em;
	color:#cc0000;
	text-transform:uppercase;
	line-height:0.8em;
	}

span.amp { font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif; font-style:italic; }

span.prise_open { letter-spacing:0.10em; }

span.grey { color:#aaaaaa; }

span.uppercase { font-size:85%; font-variant:small-caps; letter-spacing:0.10em; text-transform:uppercase; }

span.hide { position:absolute; left:-999px; width:990px; }

span.quote { font-style:normal; }

address { margin-top:13px; font-size:0.80em; color:#666666; line-height:170%; }
html* address { /* IE7 and below hack */
	margin-top:0px;
	}

blockquote { margin-right:0px; margin-left:0px; }

q { quotes:none; }
	
cite { font-style:normal; }
	
/* c) Images */

img.cover_img { margin-bottom:20px; /* border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; */ }
	
img.body_img { margin:4px 20px 10px 0px; float:left; display:inline; }

/* 6: MISC
============================================================================ */

abbr, acronym { border-bottom:1px dotted #aaaaaa; cursor:help; }