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;
	}

html { background: #22221d; }

body {
	font-size: 62.5%;
	line-height: 1;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	}

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

p, li, dt, dd, table { font-size: 1.4em; }

li *, dt *, dd *, td *, th * { font-size: 1em !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote cite { font-style: normal; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

ins { text-decoration: none; font-style: italic; color: green; } /* remember to highlight inserts */
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', Monaco, 'Courier New', Courier monospace;
	line-height: 1.5;
	}

hr {
	border-color: #efeeee;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 2.5em 0 1em;
	height: 0;
	}
.content hr {
	margin-right: 50px;
	}

a {
	/*color: #00038b;*/
	color: #00038b;
	text-decoration: underline;
	}
a:visited {
	color: #666;
	}
a:hover {
	color: #0000DD;
	text-decoration: underline;
	}


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

h1 {
	width: 204px;
	height: 76px;
	position: absolute;
	top: 29px;
	left: -5px;
	}
h1 a {
	display: block;
	width: 204px;
	height: 76px;
	text-indent: -9999px;
	background-image: url('logo.png');
	}
h1 img { display: none; }

h2, h3, h4, h5, h6 { margin: 0 0 .5em; line-height: 1.2; }

h2 {
	margin: 0 0 .688em;
	font-size: 3.2em;
	line-height: 1.125em;
	color: #000;
	}

	 .green {
		color: #2e9c87;
		}

h3 {
	margin: 0 0 .477em;
	font-size: 2.1em;
	}
.pg-sub h3 { color: #2e9c87; }

h4 { font-size: 1.8em; font-weight: normal;  }
h5 { font-size: 1.6em; font-weight: bold;  }
h6 { font-size: 1.4em; font-weight: bold;  }


/* extra top margin for headers preceded by other text-based elements */
p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 {
	margin-top: 1.8em;
	}

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


/* @group Helper Classes
================================ */

.hide { display: none !important; }

.left { float: left !important; }
.right { float: right !important; }

img.left { margin: 0 1em 1em 0; }
img.right { margin: 0 0 1em 1em; }
img.center { display: block; margin: 1em auto; }

a.prompt {
	float: centre;
	display: block;
	overflow: hidden;
	width: 102px;
	height: 23px;
	margin: 0 12px 0 0;
	text-indent: -9999px;
	}

a.prompt:hover { background-position: 0 100%; }

/* @end Helper Classes
--------------------------- */


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

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

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

li { margin: 0 0 .45em; }

.content ul {
	padding: 9px 0 0 2em;
	list-style: none;
	}
.content li {
	padding-left: 1.917em;
	background: url(check.png) no-repeat 0 .5em;
	line-height: 1.8em;
	margin-bottom: 10px;
}

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


/* @group Definition Lists (DL)
================================ */
hr.sep {
      border-top: 1px dashed #888b76;
      color: #fff;
      height: 4px;
      width: 96%;
    }


dl { clear: both; }

dt {
	margin: 0 0 .2em;
	line-height: 1.2em;
/*	font-weight: bold;*/
	}

dt a { text-decoration: none; }

dd {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.25em;
	}

dd p {
	margin: 0 0 .5em;
	padding: 0;
	}

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


/* @group Tables
================================ */

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px dashed #555555;
	background: #FFF5BE;
	}

caption, th {
	text-align: left;
	font-weight: bold;
	}

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

tr.alt td { background: #eee; }

tfoot { font-style: italic; }

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

/* @end GLOBALS, RESETS
--------------------------- */




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


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

#nav-main {
	position: absolute;
	bottom: 0;
	right: -13px;
	margin: 0;
	padding: 0 0 7px;
	list-style: none;
	}

#nav-main li {
	float: left;
	margin: 0;
	font-size: 1.5em;
	}

#nav-main a {
	display: block;
	padding: 8px 13px;
	color: #fff;
	text-decoration: underline;
	}
#nav-main a:hover,
#nav-main li.on a {
	color: #f8a727;
	/*color: #ff9900;*/
	background: url(bg-nav-main-arrow.gif) no-repeat 50% 100%;
	}

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



/* @group Sub Nav
================================ */

.nav-sub {
	width: 259px;
	margin-left: 4px;
	margin-bottom: 35px;
	padding: 6px 0 0;
	}

.nav-sub h3 {
	margin: 0 0 16px;
	padding: 6px 11px 7px;
	font-size: 1.6em;
	font-weight: bold;
	color: #475A5C;
	background: #FFF5BE; /*#EAE4D3;*/
	border-top: 1px dotted;
	border-bottom: 1px dashed;
	}


/* @group Sub Nav (UL)
================================ */

.nav-sub ul {
	margin: -7px 10px 6.3em 2px;
	list-style: none;
	}

.nav-sub li {
	margin: 0;
	line-height: 1.4em;
	background: url(bullet-nav-sub.png) no-repeat 4px .95em;
	display: block;	
	padding: .5em 0 .5em 15px;
	border-bottom: 1px solid #efeeee;
	text-decoration: none;
	}
	
.nav-sub li a {
	color: #00038b;
	font-weight: normal;
	width: 100%;
	display: block;
	text-decoration: underline;
	}

.nav-sub li a:hover {
	color: #f39b0f;
	text-decoration: underline;
	}

/* @end Sub Nav (UL)
--------------------------- */


/* @group Sub Nav (DL)
================================ */

.nav-sub dl {
	min-height: 57px;
	overflow: hidden;
	position: relative;
	margin: 0 5px 1.1em 0;
	padding: 0 0 .9em;
	border-bottom: 1px dotted #868888;
	}
.nav-sub dt {
	float: right;
	width: 178px;
	margin: 0;
	line-height: 1.5em;
	color: #00038b;
	}
.nav-sub dt a { color: #00038b; text-decoration: underline;}
.nav-sub dt a:hover { color: #0000dd;}

.nav-sub dd {
	float: right;
	width: 178px;
	margin: 0;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #070707;
	}
.nav-sub dd.pic {
	width: auto;
	position: absolute;
	top: 0;
	left: 4px;
	}
.nav-sub .pic img {
	display: block;
	width: 48px;
	height: 48px;
	}

/* @end Sub Nav (DL)
--------------------------- */

/* @end Sub Nav
--------------------------- */


/* @group Member Nav
================================ */
#nav-member {
	float: left;
	margin: 20px 0px 0px 315px;
	list-style: none;
	}

#nav-member li {
	margin: 0;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	}

#nav-member a {
	display: block;
	padding: 5px 6px 5px 7px;
	color: #ffffff;
	text-decoration: underline;
	background: transparent url(divider-nav-utility.gif) no-repeat 0 50%;
	}

#nav-member li:first-child a { background: transparent; }

#nav-member a:hover { text-decoration: underline; }


/* @end Member Nav
--------------------------- */




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

/* @group Header
================================ */

#header {
	border-bottom: 5px solid #fff;
	background: #32332d url(bg-header.png) repeat-x 0 0;
	}
.pg-sub #header { border: none; }

#header .wrap {
	height: 11.7em;
	}


#header form {
	width: 25em;
	position: absolute;
	top: 19px;
	right: 0;
	text-align: right;
	}

#header form label {
	display: block;
	float: left;
	width: 4.55em;
	font-size: 1.1em;
	line-height: 2.1em;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	}

#header form input {
	display: block;
	float: left;
	width: 141px;
	margin: 0 0 0 11px;
	padding: 5px 4px 4px;
	font-size: 1.1em;
	vertical-align: top;
	border: 1px solid #826331;
	background: #fff url(bg-input.png) no-repeat 0 0;
	}

#header form button {
	display: block;
	float: right;
	width: 31px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: #24251f url(btn-go.png) no-repeat 0 0;
	}

#header form .hiddenFields {
	display: none;
	}

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


.wrap {
	width: 830px;
	position: relative;
	margin: 0 auto;
	}


#main {
	border-top: 5px solid #fff;
	background: #fff url(bg-main.png) repeat-x 0 0;
	padding-bottom: 20px;
	}
#main .wrap {
	left: 6px;
	}
.pg-home #main .wrap {
	padding-top: 32px;
	}


#primary {
	float: left;
	width: 512px;
	}
.pg-home #primary {
	widtH: 534px;
	}

#primary img {
	background: #404040;
	margin: 0 0 19px;
	padding: 1px;
	}


.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content dl,
.content ol,
.content ul,
.content table,
.content form,
.content blockquote {
	margin-left: 7px;
	margin-right: 21px;
	}
.content h4
{
	color: #BB0000;
}
.content p {
	font-size: 1.6em;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;	
	}


#sidebar {
	float: right;
	position: relative;
	right: -5px;
	width: 264px;
	margin: -5px 0 0;
	}
	

	
.pg-home #sidebar {
	width: 280px;
	right: auto;
	left: -6px;
	margin-top: -1px;
	}


/* @group Footer
================================ */

#footer {
	border-top: 4px solid #414136;
	color: #fff;
	background: #32322a url(bg-footer.png) repeat-x 0 0;
	}

#footer .wrap {
	width: 796px;
	padding-top: 10px;
	}

#footer h2 {
	margin: 0 0 .389em;
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	}


/* @group Footer Feeds
================================ */

#feeds {
	float: left;
	width: 222px;
	}
#feeds ul {
	margin: 0px 0px 30px 0px;
	list-style: none;
	}
#feeds li {
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #4c483b;
	font-size: 1.1em;
	}
#feeds li a {
	text-decoration: none;
	color: #f19e1b;
	}

/* @end Footer Feeds
--------------------------- */

/* @group Banner
================================ */

#banner {
	border-top: 1px dashed #bfbfb4;
	border-bottom: 1px dashed #c1c1ad;
	background: #eae4d3 url(bg-banner.jpg) repeat-x 0 0;
	}

#banner .wrap {
	padding: 2.6em 65px 1.8em;
	background: transparent url(bg-banner-spotlight.jpg) no-repeat 0 0;
	}
.pg-home #banner .wrap {
	width: 932px;
	overflow: hidden;
	padding: 2.6em 0 9px
	}

#banner h2 {
	float: left;
	width: 570px;
	height: 47px;
	position: relative;
	z-index: 15;
	margin: 0;
	padding: 7px 0 0;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 4.6em;
	font-weight: bold;
	text-indent: -9999px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	}

#banner p {
	float: right;
	width: 258px;
	position: relative;
	z-index: 15;
	margin: 0;
	padding: 0 0 .4em;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #010101;
	}
.pg-home #banner p {
	float: none;
	width: 642px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.334em;
	text-align: center;
	}

#slogan {
	height: 90px;
	border-top: 1px dotted #c8d4dc;
	border-bottom: 1px dotted #c8d4dc;
	background-image: url(bg-slogan.png);
	}
	
#slogan p {
	position: relative;
	z-index: 15;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	color: #010101;
	float: none;
	width: 800px;
	margin: 0 auto;
	padding: 8px 0 0;
	font-size: 1.8em;
	line-height: 1.334em;
	text-align: left;
	}
	

/* @group Breadcrumb Nav
================================ */

#breadcrumbs {
	width: 796px;
	margin: 0 auto;
	padding: 0.7em 0;
	color: #EEEEEE;
	background: #22221d;
	}

#breadcrumbs p {
	margin: 0;
	font-size: 1.3em;
	color: #c8d4dc;
	}

#breadcrumbs a {
	color: #c8d4dc;
	text-decoration: underline;
	}

#breadcrumbs a:hover {
	color: #FFF5BE;
	text-decoration: underline;
	}
/* @end Breadcrumb Nav
--------------------------- */

.yo a {
display: block;
width: 159px;
height: 50px;
background: transparent url(order-button.png) no-repeat;
}

.yo a:hover {
background: transparent url(order-button-on.png) no-repeat;
}

/* @group Fineprint
================================ */

#fineprint {
	width: 796px;
	margin: 0 auto;
	padding: 0.9em 0;
	color: #EEEEEE;
	background: #22221d;
	}

#fineprint p {
	margin: 0;
	font-size: 1.3em;
	color: #AAAA88;/*#808071;*/
	}

#fineprint a {
	color: #AAAA88; /*#808071;*/
	text-decoration: underline;
	}

#fineprint a:hover {
	color: #FFF5BE; /*#808071;*/
	text-decoration: underline;
	}
/* @end Fineprint
--------------------------- */

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




/* @group CLEARFIX
================================ */
/* http://www.positioniseverything.net/easyclearing.html */

.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .contain { height: 1%; } /* IE6 */
*:first-child+html .contain { min-height: 1px; } /* IE7 */

/* @end CLEARFIX
--------------------------- */



div.dateblock{
line-height: 1.02em;
width: 40px;
float: left;
margin-top: 6px;
background: #414136;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
color: #aaa;
position: absolute;
text-align: center;
margin-right: 10px;
letter-spacing: 0.17em;
font-family: Verdana, sans;
padding: 1px;
}
span.dateblock_mon{
font-size: 9px;
display: block;
text-align: center;
color: #F19E1B;
font-family: Tahoma, Verdana, sans;
}
span.dateblock_day{
font-weight: bold;
font-size: 15px;
display: block;
font-family: Tahoma, Verdana, sans;
text-align: center;
position: relative;
top: -1px;
color: #FFFFFF;
}
span.dateblock_year{
font-size: 9px;
display: block;
text-align: center;
color: #EAE4D3;
font-family: Tahoma, Verdana, Arial, sans;
}

	div.expandable_note_box {
		width: 259px;
		min-height: 100px;
		background-image: url("top_note.gif");
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 30px;
		font-size: 90%;
	}
	
	div.expandable_note_box div.middle {
		width: 259px;
		background-image: url("top_note.gif");
		background-position: center;
		background-repeat: repeat-y;
	}

	div.expandable_note_box div.inside {
		padding-left: 20px;
		width: 225px;
		font-family: Georgia, Tahoma, Verdana, Arial, sans;		
	}
	
/* EOF */