/* screen.css - CMTA screen styles */



/* @group GLOBALS
============================= */

/* @group Globals - Text Resets
============================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	font-size: 62.5%;
	line-height: 1;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #727265;
	background: #f2f2ec url(i/bg-body.png) repeat-x -53% 0;
	}

p, ul, ol, dl, table, blockquote {
	margin: 0 0 1.5em;
	line-height: 1.5;
	}

p, li, dt, dd, table { font-size: 12px; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote {
	margin: -9px 0 9px;
	padding: 0 0 0 27px;
	border-left: 3px solid #0a4009;
	font-style: italic;
	color: #0a4009;
	}
blockquote p {
	margin: 0;
	padding: 9px 0;
	}
blockquote div cite { font-style: italic; }

strong { font-weight: 700; }
em { font-style: italic; }

ins { text-decoration: none; font-style: italic; color: green; }
del { text-decoration: line-through; }

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

sub { font-size: .75em; line-height: 1px; position: relative; bottom: -0.5em; }
sup { font-size: .75em; line-height: 1px; position: relative; top: -0.5em; }

pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-size: 1em; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* "Courier New", Monaco, Courier */

hr {
	border-color: #c5c5b9;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: -1px 0 17px;
	height: 0;
	}

a, a:link {
	text-decoration: none;
	color: #226868;
	}
a:visited {
	color: #226868;
	}
a:hover {
	text-decoration: underline;
	}
a:focus {}
a:active { outline: none; } /* remove outline from :active state only - http://people.opera.com/patrickl/experiments/keyboard/test*/

/* @end Globals - Text Resets
--------------------- */


/* @group Globals - Headings (H1-H6)
============================= */

#header h1 {
	position: absolute;
	top: 55px;
	left: 201px;
	z-index: 2;
	}
#header h1 a {
	display: block;
	position: relative;
	width: 536px;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
	}
#header h1 a em {
	display: block;
	width: 100%;
	height: 35px;
	background: url(i/logo-text.png) no-repeat 0 50%;
	}
#header h1 a span {
	display: block;
	position: absolute;
	top: -55px;
	left: -175px;
	width: 196px;
	height: 161px;
	background: url(i/logo-mark.png);
	}
/*h1 img {
	display: none;
	}*/

h2, h3, h4, h5, h6 {
	line-height: 1;
	font-weight: normal;
	}

h2 {
	font-size: 24px;
	color: #0a4009;
	}

h3 {
	margin: 0 0 1.112em;
	font-size: 18px;
	color: #0a4009;
	}
#sidebar h3 {
	color: #607848;
	}

h4 {
	margin: 21px 0 3px;
	font-size: 12px;
	text-transform: uppercase;
	color: #0a4009;
	}
#sidebar h4 {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	text-transform: none;
	}

h5 {
	margin: 21px 0 3px;
	font-size: 12px;
	font-weight: bold;
	color: #727265;
	}

h6 {
	font-size: 12px;
	font-weight: 700;
	}

/* @end Globals - Headings (H1-H6)
--------------------- */


/* @group Globals - Lists (UL, OL)
============================= */

ol, ul { margin: 0 1.5em 1.8em 1.5em; }
ol { margin-left: 2.5em; }

/* change bullet style when nesting lists */
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal; }
ol ol, ol.alpha { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

p + ul, p + ol { margin-top: -12px; } /* get lists below paragraphs closer to the paragraph */

li ul, li ol { margin-top: .5em; margin-bottom: .75em; } /* lists inside of LI's usually need room to breathe */

/* @end Globals - Lists (UL, OL)
--------------------- */


/* @group Globals - Definition Lists (DL)
============================= */

dt,
dd {
	line-height: 1.25;
	}

/* @end Globals - Definition Lists (DL)
--------------------- */


/* @group Globals - Tables
============================= */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption {
	text-align: left;
	font-weight: 700;
	}

th {
	font-weight: 700;
	}

th, td {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	}

tfoot { font-style: italic; }

/* @end Globals - Tables
--------------------- */

/* @end GLOBALS
--------------------- */



/* @group HELPER CLASSES
============================= */

ul.prompts {
	margin-left: 0;
	padding: 3px 0;
	list-style: none;
	}

ul.prompts li {
	line-height: 24px;
	}

a.prompt,
ul.prompts a {
	display: inline-block;
	padding-left: 10px;
	line-height: 24px;
	background: url(i/ico-arrow-blue.gif) no-repeat 0 .8em;
	}


/* Clearfix - to match clearfix'ed items in ie-lte7.css
   see: http://www.positioniseverything.net/easyclearing.html
        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.group:after,
#main:after,
#content:after,
#footer div.wrap:after,
#directory:after{display:block;clear:both;height:0;content:" ";font-size:0;visibility:hidden;}


/* @end HELPER CLASSES
--------------------- */



/* @group FORMS
============================= */

input,
select,
textarea {
	float: left;
	font-family: sans-serif; /* set typeface as needed */
	}

form div.buttons {}

button, .buttons input { cursor: pointer; }
input[type='submit'] { cursor: pointer; }

input[type='hidden'] { display: none !important; } /* for Fx<=3.5 See Bugzilla id# 436046 & 501959 */

/* @end FORMS
--------------------- */



/* @group LAYOUT
============================= */

#page {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding: 0 50px;
	background: url(i/bg-page.png) no-repeat;
	}

#main {
	position: relative;
	z-index: 20;
	background: url(i/bg-main.png) no-repeat 100% -7px;
	}

hr#main-rule { /* graphical HRs ~ http://borgar.undraland.com/s/2007/01/style-hr-elements/ */
	border: none;
	outline: none;
	clear: both;
	margin: 0;
	height: 61px;
	background: url(i/bg-footer-orn.gif) no-repeat 50% 50%;
	}


#content {
	margin: 0 10px;
	background: url(i/bg-content.png) no-repeat 100% 0;
	}


#primary {
	float: left;
	width: 600px;
	padding: 23px 0 0 0;
	margin: 0 0 -18px;
	}

#primary.article {
	width: 400px;
	padding-left: 190px;
	}

#primary div.section {
	float: left;
	width: 280px;
	padding: 0 10px;
	}

#primary div.bottom { 
    padding: 0 10px;
    float: left;
    }

.content img { /* #primary.content */
	border: 1px solid #c5c5b9;
	}

.content .pull-left {
	float: left;
	width: 160px;
	margin: 2px 0 0 -180px;
	}

.content .pull-right {
	float: right;
	width: 160px;
	margin: 0 -1px 0 20px;
	}


.footnotes {
	padding: 3px 0;
	}
.footnotes p {
	font-size: 10px;
	font-style: italic;
	}


.content dl.figure {}

.content dl.figure dt {
	margin: 0 0 4px;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #727265;
	}

.content dl.figure dt img {
	display: block;
	}

.content dl.figure dd {
	margin: -4px 0 0;
	font-size: 11px;
	line-height: 18px;
	color: #a5a598;
	}


#sidebar {
	float: right;
	width: 220px;
	min-height: 338px;
	margin: 0 0 -18px;
	padding: 23px 10px 0;
	background: url(i/bg-sidebar.png) repeat-x;
	}



#deck {
	margin: 0 10px;
	padding: 28px 70px 40px;
	background: url(i/bg-deck-border.png) repeat-x -10px 100%;
	}

#deck h2 {
	margin: 0 0 3px;
	padding: 2px 0 0;
	font-size: 30px;
	}

.home #deck h2 {
	margin: 0 0 2px -5px;
	padding: 0;
	font-size: 36px;
	}

#deck p {
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 1.715;
	color: #727265;
	}

#deck a.prompt {
	margin-left: -10px;
	font-size: 12px;
	}


/* @group Layout - Header
============================= */

#header {
	position: relative;
	z-index: 30;
	height: 224px;
	background: url(i/bg-header.jpg) no-repeat;
	}

#header .phone {
	position: absolute;
	left: 695px;
	bottom: 29px;
	z-index: 31;
	width: 190px;
	font-size: 1.8em;
	font-weight: bold;
	color: #8bab8b;
	text-shadow: 0 -1px 0 #0a4009;
	}

#header q {
	position: absolute;
	top: 84px;
	left: 574px;
	z-index: 1;
	width: 161px;
	height: 12px;
	text-indent: -9999px;
	background: url(i/logo-tagline.png);
	}

#o1 {
	display: block;
	position: absolute;
	top: 224px;
	left: -53px;
	z-index: 90;
	width: 73px;
	height: 173px;
	background: url(i/orn-sm.png);
	}

#o2 {
	display: block;
	position: absolute;
	top: 0;
	right: -79px;
	z-index: 90;
	width: 121px;
	height: 293px;
	background: url(i/orn-lg.png);
	}

/* @end Layout - Header
--------------------- */


/* @group Layout - Footer
============================= */

#footer {
	clear: both;
	position: relative;
	z-index: 40px;
	padding: 9px 9px 0;
	background: url(i/bg-footer.gif);
	}

#footer .wrap {
	position: relative;
	padding: 8px 0;
	border: solid #547a53;
	border-width: 1px 1px 0;
	border-color: rgba(255,255,255, .3);
	}

#footer a.contact {
	display: block;
	position: absolute;
	top: 8px;
	left: 730px;
	font-size: 12px;
	line-height: 15px;
	color: #fff !important;
	}

#footer a,
#footer a:link,
#footer a:visited {
	color: #bad9ad;
	}

#footer dl {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0 10px;
	}

#footer dt {
	margin: 0 0 14px;
	font-weight: normal;
	color: #fff;
	}
#footer dt a,
#footer dt a:link,
#footer dt a:visited {
	color: #fff;
	}

#footer a.contact:hover,
#footer dt a:hover,
#footer dd dt a:hover {
	margin: -1px -4px;
	padding: 0 3px;
	border: 1px solid #cae3bf;
	border-top-color: #ddecd6;
	text-decoration: none;
	color: #0a4009 !important;
	background: #bad9ad;
	text-shadow: 0 1px 0px rgba(255,255,255, .5);
	-moz-box-shadow: 0 1px 2px #042e04;
	-webkit-box-shadow: 0 1px 2px #042e04;
	box-shadow: 0 1px 2px #042e04;
	}

#footer dd {
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	}

#footer dd a {
	display: block;
	padding-left: 10px;
	background: url(i/ico-arrow-white.gif) no-repeat 0 .6em;
	}
#footer dd a:hover {
	color: #fff;
	}


#footer dd dl {
	padding: 20px 0 0;
	}

#footer dd dt {
	margin-bottom: 2px;
	font-size: 11px;
	}
#footer dd dt a {
	display: inline;
	padding-left: 0;
	background: transparent;
	}


#footer p {
	margin: 0;
	padding: 0 10px;
	font-size: 10px;
	line-height: 1;
	color: #bad9ad;
	}

/* @end Layout - Footer
--------------------- */

/* @end LAYOUT
--------------------- */



/* @group NAV/UI
============================= */

/* @group Nav - Main
============================= */

#nav-main {
	position: absolute;
	top: 145px;
	left: 0;
	width: 100%;
	padding: 0 0 15px;
	background: url(i/bg-orn-border-bot.png) repeat-x 0 100%;
	}

#nav-main ul {
	position: relative;
	height: 58px;
	overflow: hidden;
	margin: 0;
	padding: 15px 0 0;
	list-style: none;
	background: url(i/bg-orn-border-top.png) repeat-x 0 0;
	}

#nav-main li {
	float: left;
	height: 58px;
	margin: 0;
	}

#nav-main li#nav-phone {
	display: block;
	width: 190px;
	height: 58px;
	text-indent: -9999px;
	background: url(i/nav-main.png) no-repeat 100% 0;
	}

#nav-main .nav a {
	display: block;
	width: 120px;
	height: 58px;
	text-indent: -9999px;
	background: url(i/nav-main.png);
	}

.nav li#nav-home a		{ background-position: 0 0; width: 70px; }
.nav li#nav-about a		{ background-position: -70px 0; }
.nav li#nav-training a	{ background-position: -190px 0; }
.nav li#nav-members a	{ background-position: -310px 0; }
.nav li#nav-resources a	{ background-position: -430px 0; }
.nav li#nav-careers a	{ background-position: -550px 0; }

.nav li#nav-home a:hover, .nav li#nav-home.on a				{ background-position: 0 -58px; }
.nav li#nav-about a:hover, .nav li#nav-about.on a			{ background-position: -70px -58px; }
.nav li#nav-training a:hover, .nav li#nav-training.on a		{ background-position: -190px -58px; }
.nav li#nav-members a:hover, .nav li#nav-members.on a		{ background-position: -310px -58px; }
.nav li#nav-resources a:hover, .nav li#nav-resources.on a	{ background-position: -430px -58px; }
.nav li#nav-careers a:hover, .nav li#nav-careers.on a		{ background-position: -550px -58px; }

.nav li#nav-home.open a			{ background-position: 0 -116px; }
.nav li#nav-about.open a		{ background-position: -70px -116px; }
.nav li#nav-training.open a		{ background-position: -190px -116px; }
.nav li#nav-members.open a		{ background-position: -310px -116px; }
.nav li#nav-resources.open a	{ background-position: -430px -116px; }
.nav li#nav-careers.open a		{ background-position: -550px -116px; }


#nav-main-subs {
	background: #fff;
	}

#nav-main-subs div.sub {
	overflow: hidden;
	padding: 14px 20px;
	background: #bad9ad url(i/nav-main-sub.png) repeat-x;
	}

#nav-main div.sub dl {
	margin: 0;
	padding: 0;
	}
#nav-main div.sub dl.col {
	float: left;
	width: 410px;
	}

#nav-main div.sub dt {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: normal;
	color: #0a4009;
	}
#nav-main div.sub dt a {
	color: #0a4009;
	}
#nav-main div.sub dt a:hover {
	text-shadow: 0 1px 0 rgba(255,255,255, .25);
	}

#nav-main div.sub dd {
	float: left;
	width: 205px;
	margin: 0;
	line-height: 18px;
	}

#nav-main div.sub dd a {
	display: block;
	padding: 0 0 0 10px;
	background: url(i/ico-arrow-blue.gif) no-repeat 0 .5em;
	}
#nav-main div.sub dd a:hover {
	color: #064d4d;
	text-shadow: 0 1px 0 rgba(255,255,255, .25);
	}

/* @end Nav - Main
--------------------- */


/* @group Nav - Utility
============================= */

#nav-utility {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	margin: 0;
	list-style: none;
	}

#nav-utility li {float:left; padding: 3px}

#nav-utility a {}

#nav-utility li.contact a {
	display: block;
	width: 49px;
	height: 9px;
	overflow: hidden;
	padding: 7px 10px;
	text-indent: -9999px;
	background: url(i/bg-nav-utility.gif) no-repeat 50% 0;
	}
#nav-utility li.contact a:hover {
	background-position: 50% -23px;
	}

/* @end Nav - Utility
--------------------- */

/* @end NAV/UI
--------------------- */

/* M360 Tweaks */
.fullcontainer {
    background: transparent url(i/bg-content.png) no-repeat scroll 100% 0;
    margin: 0 10px;
    font-size: 12px;
    }
.listviewrow {
    font-weight: bold;
    }
/* EOF */