/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY    |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS ¥ COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1                                        |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http: //csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+
 */
 
/*
COLOR KEYS


dark brown: #82613c

red: #831f24

blue: #005f82

header blue: #26385e

tan: #b5ad96

off white #d3d3d6

*/


/* RESET */
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 {
	line-height: 1
	}

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

fieldset,img {  
	border: 0; 
	} 
	
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
	} 
	
ol,ul { 
	list-style: none; 
	} 
	
caption,th { 
	text-align: left; 
	} 
	
h1,h2,h3,h4,h5,h6 { 
	font-size: 100%; 
	font-weight: normal; 
	} 
	
blockquote,q {
	quotes: none
	}

blockquote: before,blockquote: after,q: before,q: after {
	content: '';
content: none
	}
	
abbr,acronym {
	border: 0; 
	}
	
*: focus {
	outline: 0
	}

ins {
	text-decoration: none
	}
	
a {
	text-decoration: none
	}

del {
	text-decoration: line-through
	}


	

/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/


html {
	font-size: 100%;
	min-height: 101%;
	padding: 0;
	margin: 0;
	}

body {
	font-size: 62.5%;
	font-family: Lucida Bright, "Liberation Serif", Lucida, "Nimbus Roman No9 L Regular", Utopia, Georgia, "Times New Roman", Times, serif;
	color: #2a2a2a;
	background: #999 url(/gfx/darkwrinkles15-5.jpg);
	/* border-top: 0.5em solid #666; */
	padding: 0;
	padding-bottom: 0;
	margin: 0 auto;
	}
	
* html #container {
	height: 100%;
	position: relative;
	}
	
#wrapper {
	width: 94em;
	margin: 0 0 0 0;
	margin-left: 2em;
/*	background: #f9f8f6 url(/gfx/grid.gif) top center repeat-y; */
	padding: 0;
	float: left;
	position: relative;
	}
	
#container {
	margin: 0 auto;
	margin-top: 0 !important;
	width: 98em;
	padding: 0;
	padding-bottom: 0;
	background: transparent url(/gfx/wrapperback.png) top center repeat-y;

	}
	
#leftwrap {
	float: left;
	width: 98em;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent url(/gfx/wrapperbackleft.png) top left repeat-y; 
	}
	
#rightwrap {
	float: left;
	width: 98em;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent url(/gfx/wrapperbackright.png) top right repeat-y; 
	}


#header {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background: #26385e url(/gfx/bluegradmottle.jpg) repeat-x;
	font: 1em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	position: relative;
	border-bottom: .12em solid #0b1e47;
	}
	
	
#headwrap {
	width: 94em;
	margin: 0 auto;
	position: relative;
	}
	
#headboard {
	width: 100%;
	margin-top: 0;
	text-align: center;
	padding: 0;
	padding-bottom: 0;
	float: left;
	background: #26385e;
	position: relative;
	border-top: .12em solid #0b1e47;

	}
	

	
#headboardwrap {
	width: 94em;
	margin: 0 auto;
	text-align: center;
	padding: .33em 0 .33em 0em;
	position: relative;
	
	}
	
#headboardwrap .adcontainer {
	margin: 0 auto;
	text-align: center;
	}
	
#headboardwrap .msg {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}
	
#headboardwrap img {
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	}
			
	
#footer {
	height: 14.75em;
	clear: both;
	background: #26385e url(/gfx/bluegradmottle.jpg) repeat-x;
	color: #fff;
	margin: -1.85em 0 0 0;
	border-top: .12em solid #0b1e47;
	z-index: 5;
	}
	
#IEroot #footer, #IE7root #footer {
	margin-top: -.1em;
	}
	
#footwrap {
	width: 94em;
	margin: 0 auto;
	position: relative;

	}

#footwrap .nav {
	margin-bottom: 5em;
	width: 90em;
	}
	
.footerright {
	float: right;
	width: 23em;
	}
	
.copyright {
	margin-top: -1.5em;
	margin-right: 6.5em;
	width: 17em;
	position: relative;
	text-align: right;
	float: right;
	}
	
.hosting {
	margin-top: -2.5em;
	width: 15em;
	position: relative;
	text-align: right;
	float: right;
	}
	
.webdesign {
	margin-top: 1em;
	width: 17.5em;
	position: relative;
	text-align: right;
	float: right;
	}
	
.hosting img {
	margin-top: 1em;
	}
	
.webdesign a:link, .webdesign a:visited {
	color: #fff;
	}

	
#toolbarwrap {
	margin: 0 auto;
	bottom: 0;
	width: 94em;
	}
	
	
#toolbar {
	width: 100em;
	height: 6em;
	bottom: 0;
	background: transparent url(/gfx/toolbargrey.png) no-repeat center top;
	margin: 0 0 0 -3em;
	position: fixed;
	z-index: 99;
	}
	
.toolbarcontent {
	margin: 3.2em 5em 1em 2.7em;
	width: 97%;
	color: #fff;
	font: normal 1em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	letter-spacing: -.02em;
	}
	
.toolbarcontent a:link {
	color: #fff;
	}
	
.toolbartools {
	margin-left: 2em;
	margin-right: 0;
	}
	
.toolbartools li {
	float: left;
	margin-left: .66em;
	padding: 0 0 0 0;
	}
	
.toolbartools li a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 2.1em;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
	}
	
.toolbartools li a:hover {
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
	}
	
.toolbarcontent a:visited {
	color: #fff;
	}
	
.toolbartools li img {
	vertical-align: middle;
	}
	
#toolbar .fb-like {
	background: #999;
	width: 3.95em;
	overflow: hidden;
	}
	
#toolbar .plus_one_toolbar {
	margin-top: .20em;
	margin-top: .08em\9;
	}
	
	
#toolbar .plus_one_toolbar span {
	position: relative;
	height: 1.35em;
	width: 100%;
	background: #7F7F7F;
	margin-top: -1.8em;
	margin-top: -1.3em\9;
	display: block;
	z-index: 888;
	filter:alpha(opacity=58);
	-moz-opacity:0.58;
	-khtml-opacity: 0.58;
	opacity: 0.58;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
#toolbar .plus_one_toolbar span {
	margin-top: -1.4em !important;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#toolbar .plus_one_front span {
	margin-top: -1.8em !important;
}
}
	
#toolbar .plus_one_toolbar span:hover {
	background: none;
	margin-top: 12em;
	}
	
.toolbarprinter {
	margin-left: 1em;
	}
	

	
#tooltipchecker {
	display: none;
	float: right;
	margin-right: 1em;
	margin-left: 0;
	font: normal 1.2em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	letter-spacing: -.02em;
	}
	
#IEroot #morelinkers, #IE7root #morelinkers {
	margin-left: 3em;
	
	}
	
#IEroot #morelinkers li, #IE7root #morelinkers li {
	margin-top: -2.1em;
	
	}

#morelinkers.up {
	display: none;
	}
	

a:link {
	color: #0f337f;
	}
	
a:visited {
	color: #435170;
	}
	
a:hover {
	color: #435170;
	}

a:active {
	color: #b5ad96;
	}
	
.hidden, .ui-tabs-hide {
	display: none;
	}
	
.show {
	display: block;
	margin-left: 1.6em;
	}


::selection {
	background: #f5dc91;
	}

::-moz-selection {
	background: #f5dc91;
	}

::-webkit-selection {
	background: #f5dc91;
	}


/*NAVIGATION
-------------------------------------------------------- */
#nav {
	float: left;
	clear: both;
	}

#nav a {
	color: #fff;
	}

#nav a:hover {
	text-decoration: none;
	}

#nav span {
	float: right;
	margin-top: -1.2em;
	}
	
.nav, .topnav, .bottomnav {
	float: left;
	clear: both;
	}
	
.topnav {
	margin: .33em 0 .33em 0;
	width: 100%;
	font-size: .8em;
	z-index: 222;
	
	}
	
.footnav, .bottomnav {
	width: 99%;
	}
	
.topnav li, .footnav li{
	margin-left: 1em;
	}
	
.topnav a, .footnav a {
	color: #fff;
	}

	
.topnav li.date {
	float: right;
	color: #fff;
	margin: 0 3em 0 0;
	}
	
.topnav li a:hover, .footnav li a:hover {
	border-bottom: .07em dashed #d3d3d6;	
	}
	
.footnav {
	margin-bottom: 1em;
	float: left;
	}
	
.topnav a.skip, .footnav a.skip {
	color: #333;
	margin-right: 12em;
	}
	
.topnav a.skip:hover, .footnav a.skip:hover {
	border-bottom: .07em dashed #333;	
	}
	
	
.nav li, .topnav li, .footnav li {
	float: left;
	display: inline;
	}
	
div.nav {
	background-color: #333;
	width: 102em;
	margin: 0 0 0 0;
	padding: .33em 0em 0em 2em;
	margin-left: -5em;
	background: url(/gfx/blacksectionerback.png);
	border-top: 1px solid #464646;
	border-left: 1px solid #464646;
	border-right: 1px solid #252525;
	border-bottom: 1px solid #252525;
	}
	
ul.headernav {
	float: left;
	margin-bottom: 0em;
	height: 2em;
	}
	
.headernav .active {
	background-color: #666;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #444;
	}
	

	
ul.bottomnav {
	float: left;
	clear: both;
	margin-left: 2em;
	margin-bottom: .33em;
	text-align: left;
	width: 70em;
	height: 2em;
	}
	
#footer .footstat {
	font-weight: normal;
	}
	
#IEroot ul.bottomnav, #IE7root ul.bottomnav, #IE8root ul.bottomnav {
	margin-top: .25em;
	margin-bottom: .45em;
	}
	
ul.centering15 {
	padding-left: 15%;
	width: 55em;
	}
	
ul.centering20 {
	padding-left: 20%;
	width: 50em;
	}
	
ul.centering25 {
	padding-left: 25%;
	width: 45em;
	}
	
ul.centering30 {
	padding-left: 30%;
	width: 40em;
	}
	
ul.centering35 {
	padding-left: 35%;
	width: 30em;
	}
	
ul.centering40 {
	padding-left: 50%;
	width: 25em;
	}
	
.nav li, .nav li a {
	color: #fff;
	padding: .11em .43em .05em .43em;
	font-size: 1.15em;
	font-weight: bold;
	letter-spacing: -.06em;
	}
	
.nav li a:hover {
	background-color: #dfb265;
	color: #666;
	}
	
.bottomnav {
	display: none;
	margin-top: -1.2em;
	}

.bottomnav.active {
	display: block;
	}

.nav .bottomnav li, .nav .bottomnav li a {
	color: #fff;
	padding: .12em .2em .25em .2em;
	font-size: 1.1em;
	font-weight: normal;
	display: inline;
	}
	
.bottomnav li a:hover {
	color: #dfb265;
	background-color: #333;
	}
	
.nav .bottomnav a.donatebutton:hover {
	background-color: #518654;
	}

	
#logo {
	float: left;
	clear: both;
	height: 7em;
	margin-top: 0em;
	margin-left: 2em;
	z-index: 12;
	}
	
#headwrap #headtag {
	margin-left: .46em;
	margin-top: 2.60em;
	color: #ebebeb;
	font: 1.5em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	float: left;
	font-style: italic;
	
	
	}
	
.search {
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 5em;
	}
	

.searchbox {
	margin: .25em 0 0 0 !important;
	padding: 0 !important;
	width: 15em !important;
	background: #fff !important;
	vertical-align: top !important;
	font-size: 1.2em !important;
	border-bottom: .07em solid #d3d3d6 !important;
	border-right: .07em solid #d3d3d6 !important;
	color: #666 !important;
	}
	
.search .searchglass {
	margin-top: -.6em;
	}
	

	
#profileinfo {
	float: right;
	height: 2.8em;
	padding: 0 0 0 0;
	margin-top: 0;
	width: 28em;
	color: #fff;
	font-size: .9em;
	z-index: 99;
	}
	
#profileinfo ul {
	float: right;
	}
	
#profileinfo .welcome {
	margin: .15em .5em 0 0;
	padding: 0;
	text-align: right;
	}
	
#profileinfo .pmwelcome {
	margin: .15em .5em 0 0;
	padding: 0;
	text-align: right;
	}
	
#profileinfo .links {
	margin: .15em .5em 0 0;
	padding: 0;
	text-align: right;
	}	
	
#profileinfo .login_prompt {
	margin: 4em .5em 0 0;
	padding: 0;
	text-align: right;
	list-style: none;
	}
	
#profileinfo .avatar {
	float: right;
	padding: 0
	margin: 0 1.5em 0 0;
	position: relative;
	width: 5.5em;
	}
	
#profileinfo a {
	margin: 0 0 0 0;
	padding: .46em;
	padding-bottom: .25em;
	color: #fff;
	}
	
#profileinfo a:hover {
	color: #dfb265;
	}
	
/* .lavaLamp li.back {
	          border-bottom: .07em dashed #fff;
	          z-index: 8;
	          position: absolute;
	          height: 1.5em;

	      }	
	      
.lavaLamp li a {
	          position: relative; 
	          overflow: hidden;
	          z-index: 10;
	          height: 1.2em;
	          margin: auto 0;
	          }
	          
	          */
	

/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer-nav {
	word-spacing: 0.2em;
	}

#footer-nav a {
	color: #fff;
	font-variant: small-caps;
	}

/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
#wrapper div {
	float: left;
	padding-top: 1em;
	margin-bottom: 2em;
	}

/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear {
	clear: both;
	}

/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end {
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
	
.onesixty {
	width: 16em;
	margin-right: 2em;
	}

.twotwenty {
	width: 22em;
	margin-right: 2em;
	}
	
.twothirty {
	width: 23em;
	margin-right: 2em;
	}
	
.twoforty {
	width: 24em;
	margin-right: 2em;
	}

.twoeighty {
	width: 28em;
	margin-right: 2em;
	}
	

.threehun {
	width: 30em;
	margin-right: 2em;
	}
	

.threethirty {
	width: 33em;
	margin-right: 2em;
	}


.threeforty {
	width: 34em;
	margin-right: 2em;
	}
	
.threesixty {
	width: 36em;
	margin-right: 2em;
	}

.threeeighty {
	width: 38em;
	margin-right: 2em;
	}


.fourhun {
	width: 40em;
	margin-right: 2em;
	}
	
.fourthirty {
	width: 43em;
	margin-right: 2em;
	}

	
.fourforty {
	width: 44em;
	margin-right: 2em;
	}


.foursixty {
	width: 46em;
	margin-right: 2em;
	}
	
.foureighty {
	width: 48em;
	margin-right: 2em;
	}


.fivetwenty {
	width: 52em;
	margin-right: 2em;
	}


.fiveeighty {
	width: 58em;
	margin-right: 2em;
	}
	
.fiveninety {
	width: 59em;
	margin-right: 2em;
	}
	
.sixhun {
	width: 60em;
	margin-right: 2em;
	}
	
.sixten {
	width: 61em;
	margin-right: 2em;
	}
	

.sixtwenty {
	width: 62em;
	margin-right: 2em;
	}
	

.sixthirty {
	width: 63em;
	margin-right: 2em;
	}


.sixforty {
	width: 64em;
	margin-right: 2em;
	}


.sevenhun {
	width: 70em;
	margin-right: 2em;
	}


.sevensixty {
	width: 76em;
	margin-right: 2em;
	}


.eighttwenty {
	width: 82em;
	margin-right: 2em;
	}


.eighteighty {
	width: 88em;
	margin-right: 2em;
	}


.nineforty {
	width: 94em;
	}
	
.nineeighty {
	width: 98em;
	}

/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}

/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro: first-line {
	font-variant: small-caps;
	}

/* Styles a drop cap on each paragraph with this class */
p.drop: first-letter {
	float: left;
	font-size: 3em;
	margin-top: -0.05em;
	margin-right: 0.1em;
	margin-bottom: -0.5em;
	}

/*HEADINGS
-------------------------------------------------------- */
h1 {
	color: #000;
	margin-bottom: 0.6em;
	line-height: 1.2em;
	font: bold 3em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	
	}

h2 {
	color: #000;
	margin-bottom: 0.9em;
	line-height: 0.9em;
	font: bold 2em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	}

h3 {
	color: #831f24;
	margin-bottom: 1.2em;
	line-height: 1.2em;
	font-variant: small-caps;
	font: bold 1.5em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	}

h4 {
	color: #323232;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	font-variant: small-caps;
	font: bold 1.2em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	}

h5 {
	color: #444444;
	margin-bottom: 1.4em;
	line-height: 1.4em;
	font-variant: small-caps;
	font: bold 1.1em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	}

h6 {
	color: #000;
	margin-bottom: 1.8em;
	line-height: 1.8em;
	font: bold 1.2em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	font-style: italic;

	}

/*LINKS
-------------------------------------------------------- */
p a {
	color: #2D407B;
	}

p a:hover {
	text-decoration: none;
	}

h1 a {
	color: #2D407B;
	}

h1 a:hover {
	text-decoration: none;
	}

li a {
	color: #2D407B;
	}

li a:hover {
	text-decoration: none;
	}

/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-style: italic;
	font-weight: normal;
	}

blockquote p cite {
	font-style: normal;
	}

#wrapper div strong {
	font-weight: bold;
	}

#wrapper div em {
	font-style: italic;
	font-weight: inherit;
	}
	
#wrapper div .small {
	font-size: 87%;
	}

.amp { /* Give those ampersands a right sexy look */
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
	line-height: inherit;
	}

abbr {
	border-bottom: 1px dotted #666;
	border-color: inherit;
	cursor: help;
	}

.clear {
	clear: both;
	}

.right-float { /* Float any item to the right */
	float: right;
	margin-left: 2em;
	margin-right: 0;
	}

.left-float { /* Float any item to the left */
	float: left;
	margin-right: 2em;
	margin-left: 0;
	}

.code { /* Styling for and code type items */
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	background: #ddd;
	font-size: 1em;
	}

/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img {
	font-size: 1em;
	}

img.left-img { /* Float any image to the LEFT and give it some margin */
	font-size: 1em;
	float: left;
	padding: 4px;
	margin-bottom: 1.8em;
	margin-right: 2em;
	margin-top: 0.3em;
	}

img.right-img { /* Float any image to the RIGHT and give it some margin */
	font-size: 1em;
	float: right;
	padding: 4px;
	margin-bottom: 1.8em;
	margin-left: 2em;
	margin-top: 0.3em;
	}

/*CONTACT FORM STYLES
-------------------------------------------------------- */


#contact-form label {
	width: 10em;
	float: left;
	margin-top: 0.6em;
	}



#comments {

	}




#submit {
	clear: both;
	padding: 5px;
	border: 2px solid #666;
	background: #fff !important;
	cursor: pointer;
	margin-left: 9em;
	}

#reset {
	clear: both;
	padding: 3px;
	border: none;
	background: #f00 !important;
	cursor: pointer;
	float: right;
	color: #fff;
	margin-top: -28px;
	}

/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul {
	margin-bottom: 1.8em;
	}

ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	}

ul li.caption { /* Apply this class to the first list item in a list to give it a caption */
	font-variant: small-caps;
	list-style: none;
	color: #000;
	}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 5em;
	}

li > ul li, li > ol li {
	font-size: 1em;
	}

ol {
	margin-bottom: 1.8em;
	list-style: decimal inside;
	}

ol li {
	font-size: 1.2em;
	line-height: 1.5em;
	}

/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/


/*
	LAYOUT
*/

#mainfront {

	}

#sidebar {
	background: #999 url(/gfx/whitewrinkles15.jpg);
	margin: 1.5em 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	}
	
#wrapper #sidebar {
	padding-top: 0em;
	}
	
#sidebar p, #sidebar ul {
	padding: 0 .77em 0 .5em;
	}
	
#sidebar p, #sidebar ul {
	margin-left: .45em;
	width: 98%;
	}
	
#sidebar h3 {
	margin-left: .75em;
	width: 98%;
	}
	
#sidebar p {
	font: normal 1.2em "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", "Myriad Pro", Myriad, Tahoma, "Liberation Sans", Arial, sans-serif;
	line-height: 1.35;
	}
	
#sidebar .weather {
	width: 98%;
	margin-bottom: .77em;
	margin-top: 1em;
	padding-left: 0;
	}
	
#sidebar .weather img {
	margin-top: -1.77em;
	margin-bottom: 4em;
	float: left;
	
	}
	
.adcontainer {
	z-index: 88;
	position: relative;
	}
	
#sidebar .adcontainer {
	padding: 0 0 0 0;
	width: 30em;
	}
	
.adcontainer .adthx {
	display: block;
	text-align: left;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	color: #6b6658;
	}
	
#sidebar .adcontainer .adthx {
	display: block;
	text-align: right;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 1em 0 0;
	color: #6b6658;
	}
	
#sidebar .adcontainer a, #sidebar .adcontainer a img {
	margin: 0 auto;
	text-align: center;
	}
	
.adcontainer.hubbottom {
	margin-left: 18em;
	padding-top: 0;
	
	}
	
.hubbottom a, .hubbottom a img {
	margin: 0 auto;
	display: block;
	text-align: center;
	}
	
.msg {
	z-index: 88;
	position: relative;
	}
	
.headmsg {
	z-index: 101;
	position: relative;
	}
	
#sidebar .msg {
	padding: 0 0 0 0;
	width: 30em;
	}
	
.msg .adthx {
	display: block;
	text-align: left;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	color: #6b6658;
	}
	
#sidebar .msg .adthx {
	display: block;
	text-align: right;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 1em 0 0;
	color: #6b6658;
	}
	
.msg .thx {
	display: block;
	text-align: left;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	color: #6b6658;
	}
	
#sidebar .msg .thx {
	display: block;
	text-align: right;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 1em 0 0;
	color: #6b6658;
	}
	
	
#sidebar .msg a, #sidebar .msg a img {
	margin: 0 auto;
	text-align: center;
	}	

.msg.hubbottom {
	margin-left: 18em;
	padding-top: 0;
	
	}	
	
.hub_msg {
	text-align: center;
	font: normal 1em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	color: #6b6658;
	}	
	
	
.hub_msg_block {
	display: inline-block; 
	text-align: center;
	font: normal 1em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 auto;
	margin-top: 1.5em;
	margin-bottom: 3.5em;
	color: #6b6658;
	width: 300px;
	height: 285px;
	}	
	
	
.hub_msg_block div {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0;
	}
	
.hub_msg .thx {
	display: block;
	text-align: left;
	font: normal .9em Helvetica,Tahoma,Arial,Verdana,sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	color: #6b6658;
	}


	
#mainfront .breakinglist {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1em;
	padding-right: .5em;
	padding-bottom: .5em;
	padding-left: 2.5em;
	}
	
	
.breakinglist h2 {
	color: #666;
	margin: 0 0 0.7em 1em;
	padding: 0 0 0 0;
	line-height: 1em;
	font: bold 1.25em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	display: list-item;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: square;

	}
	
.breakinglist h2 a:link{
	color: #0f337f;
	padding: 0 0 0 0;
	}
	
.breakinglist h2 a:visited, .breakinglist h2 a:hover {
	color: #435170;
	}
	
.breakinglist h2 a:active {
	background-color: #dfb265;
	}

.breakinglist h3, .breakinglist h3 a:link, .breakinglist p a:link, .breakinglist h3 a:visited, .breakinglist p a:visited {
	color: #b31f24;
	}
	
.breakinglist p {
	float: right;
	margin-right: 2em;
	font: normal .85em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	}
	

#mainfront .frontinfo {
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	}
	

.frontinfo .skyscraper {
	width: 16em;
	}
	
.frontinfo .boxad {
	width: 30em;
	}
	
.frontinfo .mediapartners {
	margin: .25em 0 .25em 0;
	}
	
	
/*------------- CALENDAR WIDGET ------------------------ */
	
	
#sidebar .calendarwidget {
	float: left;
	clear: left;
	margin: 0 0 0 0;
	width: 100%;
	padding: 0 0 0 0;
	margin-bottom: -1.5em;
	}
	
#IEroot #sidebar .calendarwidget, #IE7root #sidebar .calendarwidget {
	margin-bottom: 1.9em;
	}

.calendarwidget h3 {
	background: #82613c url(/gfx/darkwrinkles15-5.jpg);
	text-transform: uppercase;
	font: bold 1.5em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	color: #f9f8f6;
	padding: 0.2em 0 0.1em 0.5em;
	margin: 0 0 0 0;
	}
	
.calendarwidget h3 a.submit {
	font: 0.8em Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	float: right;
	color: #f9f8f6;
	padding: 0.35em 0.5em 0 0;
	clear:  both;
	margin-top: -.25em;

	}
	
#IEroot .calendarwidget h3 a.submit, #IE7root .calendarwidget h3 a.submit {
		margin-top: -1.5em;
		}
	
.calendarwidget h3 a.submit:hover {	
	text-decoration:  none;
	color: #f0e1d2;
	}
	
.calendarwidget h3 a.eventsheader {
	text-decoration:  none;
	color: #f9f8f6;
	}
	
.calendarwidget h3 a.eventsheader:hover {
	text-decoration:  none;
	color: #f0e1d2;
	}
	
.calendarwidget #calendarselect {
	padding-right: 0;
	}
	
#calendarselect h5 {
	font:  1.1em/1.1em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	color: #a3bde3;
	}

#calendarselect h4 {
	font: bold 2.1em/1em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	color: #0f337f;
	}
	
#IEroot #calendarselect h4, #IE7root #calendarselect h4 {
	font-size: 2em;
	}
	
	

#calendarselect h6 {
	font: bold 1em Courier, "Courier New", "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	color: #f9f8f6;
	background:  #82613C none repeat scroll 0 0;
	text-transform: uppercase;
	margin: 0.2em 0 0 0;
	}
	
#IEroot #calendarselect h6, #IE7root #calendarselect h6 {
	font-size: .66em;
	
	}

#cal_down, #cal_up {
	font: bold 2.8em Arial, Helvetica, sans-serif;
	color: #0f337f;
	padding: 0.4em 0 0 0;
	margin: .11em .25em 0 .15em;
	cursor: pointer;
	float: left;
	}
	
#cal_down {
	margin-left: .4em;
	margin-right: -.3em;
	}

#IEroot #cal_down, #IEroot #cal_up, #IE7root #cal_down, #IE7root #cal_up {
	font-size: 2.4em;
	}

#calendarselect {
	margin: 1.33em 0 0 0;
	float: left;
	}

#calendarselect div {
	float: left;
	}

#calendar_button_left {
	margin-left: 0.3em;
	}

#calendar_button_right, #calendar_button_left {
	float: left;
	}
	
#datesnow div {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 3.2em;
	text-align: center;
	border-left: 2px solid #F0E1D2;
	height: 3.5em;
	background-color: #f9f8f6;
	}
	
#datesnow h4, #datesnow h5, #datesnow h6 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
		
#calendarselect #datesnow {
	padding-right: 0;
	}
	
#datesnow a:hover h5, #datesnow a:hover h4, #datesnow a:hover h5:hover, #datesnow a:hover h4:hover {
	background-color:  #b8b89b;
	text-decoration:  none;
	}
	
#datesnow a:hover h5, #datesnow a:hover h5:hover {
	color:  #fff;
	}
	
#IERoot #datesnow a:hover h5, #IERoot #datesnow a:hover h5:hover, #IERoot #datesnow a:hover h4, #IERoot #datesnow a:hover h4:hover {
	color:  #b8b89b;
	}

.calendar_promos {
	padding: 1em;
	font-size: 1.2em;
	}
	
.calendar_promos ul {
	clear: left;
	float: left;
	list-style: square inside;
	color: #323232;
	width: 33%;
	}
	
.calendar_promos li {
	margin: 0.5em 0;
	}

.calendar_promos li a.video {
	padding-left: 1.9em;
	background-position:  top left;
	}
	
#promo1, #promo2, #promo3, #promo4, #promo5 {
	float: left;
	width: 28%;
	margin-left: 2%;
	border-left: 1px solid #323232;
	padding-left: 2%;
	margin-bottom: 0.5em;
	}



#promo1 .promo_space, #promo2 .promo_space, #promo3 .promo_space, #promo4 .promo_space, #promo5 .promo_space {
	padding: 0 0 5em 0;
	margin:  0 0 0.5em 0;
	background-repeat: no-repeat;
	}

#promo1 h4, #promo2 h4,#promo3 h4, #promo4 h4, #promo5 h4  {
	color: #fff;
	padding: 0.3em 0.5em;
	margin: 0;
	position: relative;
	top: 0.3em;
	width: auto;
	display: inline;
	background: #005F82;
	text-align: center;
	font: 1em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	}
	
	
	


/*-------------------------------------------+
|                                            |
|               SLIDER                       |
|                                            |
+-------------------------------------------*/

#slidewrapper {
	width: 36em;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#slider {
	width: 36em;
	height: 45em;
	overflow: hidden;
	margin: 0em 0 0 0;
	color: #000;
	float: left;
	padding: 0;
	clear: left;
	z-index: 1;
	position: absolute;
	}
	
#IEroot #slider, #IE7root #slider {
	margin-top: -6.5em;
	}
	
#IEroot8 #slider {
	margin-top: -5.5em;
	}

			
#slider div {
	padding: 0;
	margin: 0;
	width: 36em;
	}
	
#slider .huboffset {
	display: none;
	width: 36em;
	position: relative;
	}
	
#slider div div.imagecontainer {
	width: 36em;
	padding: 0;
	margin: 0 0 .88em 0;
	height: 27em;
	overflow: hidden;
	position: relative;
	z-index: 4;
	background: url(/gfx/whitewrinkles15.jpg);

	}
	
#slider span.cyclebottom {
	position: relative;
	height: 2em;
	width: 100%;
	background: transparent url(/gfx/sliderbottom15-2.png) bottom center;
	margin-top: -.25em;
	display: block;
	}

	
#slider div img {
	padding: 0;
	margin: 0;
	z-index: 66;
	}
	
	
#slider div div h1 {
	background: url(/gfx/transpblack.png);
	padding: .5em 1em 0em .5em;
	margin-right: .5em;
	color: #fff;
	height: 3.2em;
	position: absolute;
	z-index: 999;
	font: bold 1.75em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	letter-spacing: -.03em;
	vertical-align: baseline;
	width: 97%;
	}
	
#slider h1 a:link, #slider h1 a:visited {
	color: #fff;
	}
	
#slider h1 a:hover {
	color: #dfb265;
	}
	
#slider div p 	{
	padding: 15em .5em 1em .66em;
	margin: .5em 0em 0 0em;
/*	position: relative; */
	z-index: 66;
	font-size: 1.2em;
	background: url(/gfx/whitewrinkles15.jpg);
	}
	
#IEroot #slider div p, #IE7root #slider div p {

	}
	
#slider .read {
	margin-left: 1em;
	font: bold .93em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	}
	
#slidernav {
	float: left;
	margin: 0;
	padding: .25em;
	width: 32em;
	margin: 0 0 0 0;
	color: #555;	
	z-index: 8;
	position: relative;
	}
	
#slidernav a img {
	color: #555;
	padding: .33em;
	font-size: 1em;
	margin-left: .33em;
	margin-top: -.5em;
	background: url(/gfx/transpblack.png);
	width: 2em;
	height: 2em;
	overflow: hidden;
	border: 1px solid #555;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	}
	
#IEroot #slidernav, #IE7root #slidernav {
	margin-top: .5em;
	}
	
#IEroot #slidernav a, #IE7root #slidernav a {

	}

	
#slidernav a.activeSlide img {
	color: #dfb265;
	background-color: #dfb265;
	border: 1px solid #dfb265;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	}
	
#slidernav a:hover img {
	background-color: #b31f24;
	color: #b31f24;
	}
	
#slidernav a:active img {
	background-color: #b6950a;
	color: #b6950a;
	}
	
	
.hubtoppromo {

	}
	

/*------------- HUB SECTION STORIES ------------------------ */

#sectionstories {
	width: 43em;
	}
	
#IEroot #sectionstories, #IE7root #sectionstories {
	margin-bottom: 2em;
	}

#sectionstories h3 {
	width: 100%;
	margin: 0 0 0 0;
	padding: .22em 0 .22em 0em;
	background: #26385e url(/gfx/splashmottle.jpg);
	color: #fff;
	position: relative;
	float: left;
	border-left: .77em solid #26385e;
	border-bottom: .11em solid #26385e;
	font: bold 1.77em "Courier New", Courier, "Lucida Sans Typewriter", LucidaTypewriter, "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, Andale Mono, Verdana, Arial;
	}
	
#sectionstories h3 .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(/gfx/sectionerback.png);
	} 
	
#sectionstories h3 a:link, #sectionstories h3 a:visited {
	color: #ebebeb;
	margin: 0 0 0 1.33em;
	float: left;
	}
	
#sectionstories h3 .nolink {
	color: #ebebeb;
	margin: 0 0 0 1.33em;
	float: left;
	}
	
#sectionstories .topstory {
	margin: O 0 .5em .53em;
	margin-bottom: .5em;
	margin-left: .53em;
	width: 42.5em;
	float: left;
	}
	
#sectionstories .sectionstorylist {
	padding-top: 0;
	margin-bottom: 1.5em;
	width: 100%;
	}
	
#sectionstories .sectionstorieslist {
	padding-top: 0;
	margin-bottom: 0;
	margin-left: .63em;
	width: 42.5em;
	}
	
#sectionstories .toggle {
	margin-bottom: 0;
	padding-top: 0;
	}
	
#sectionstories .photos {
	float: right;
	}

#sectionstories .photos img {
	float: right;
	clear: both;
	margin: 0 0 .5em .87em;
	padding: 0 0 0 0;
	}
	
#sectionstories .text {
	width: 26em;
	padding-top: 0;
	margin-bottom: 0;
	}
	
#IEroot #sectionstories .text, #IE7root #sectionstories .text {
	width: 26em;
	margin-top: -14.5em;
	}
	
#sectionstories h2 {
	font: bold 1.33em Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Myriad Pro", Arial, Helvetica, sans-serif;
	line-height: 1;
	display: list-item;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 1em;
	}
	
#sectionstories h2 a:link {
	color: #0f337f;
	}
	
#sectionstories h2 a:visited, #sectionstories h2 a:hover {
	color: #435170;
	}
	
#sectionstories h2 a:active {
	background-color: #dfb265;
	}
	
#sectionstories .topstory h1 {
	font: bold 1.9em 'Arial Black', Arial, Univers, "Gill Sans", "Myriad Pro", Helvetica, sans-serif;
	margin: .43em 0 .33em .13em;
	line-height: 1em;
	position: relative;
	}
	
#sectionstories h1 .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(/gfx/sectionerback.png);
	} 
	
#sectionstories h1 a:hover .overlay {
	background: transparent;
	}
	
#sectionstories h3 .handle {
	float: right;
	right: 2em;
	z-index: 99;
	position: absolute;
	width: 1em;
	}
	
#sectionstories .updown {
	background: url(../gfx/icons/updown.png);
	margin-right: -1em;
	cursor: row-resize;
	}
	
#sectionstories .windowshade {
	background: url(../gfx/icons/windowshade.png);
	margin-right: -1.44em;
	cursor: n-resize;
	}
	
#sectionstories .up {
	background: url(../gfx/icons/windowshadeup.png);
	margin-right: -1em;
	cursor: s-resize;
	}

#sectionstories h3 #localbutton, #sectionstories h3 #artsbutton, #sectionstories h3 #opbutton, #sectionstories h3 #natlbutton, #sectionstories h3 #sportsbutton, #sectionstories h3 #commentbutton {
	float: right;
	right: 4em;
	z-index: 99;
	position: absolute;
	}

.divhidden {
	display: none;
	}
	
.comment_total {
	white-space: nowrap;
	}
	
.comment_total img {
	margin-left: .25em;
	margin-right: .25em;
	margin-bottom: .14em;
	vertical-align: text-bottom;
	}
	

/*-------------------------------------------+
|                                            |
|               INLINE LOGIN                 |
|                                            |
+-------------------------------------------*/	



#loginforminline {
	display: none;
	z-index: 22;
	position: relative;
	background: url(/gfx/whitewrinkles15.jpg);
	padding: 1em 1em 1em 1em;
	color: #333;
	width: 27em;
	margin-left: -11em;
	border: .2em solid #b31f24;
	}

.loginforminline {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
	}
	
	
.modalform {
	color: #333;
	
	}
	

	
/*-------------------------------------------+
|                                            |
|               IE 6 JS                      |
|                                            |
+-------------------------------------------*/	


#ie6-notice {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	margin: 0;
	background: #ffffcc;
	filter: alpha(opacity=85);
	}
#ie6-text
	{
	text-align: left;
	float: left;
	color: #000;
	padding: 5px 0 5px 50px;
	margin: 0;
	width: 65%;	
	background:transparent url('/gfx/icons/warning.gif') no-repeat center left;	
	}
#ie6-hide-notice a
	{
	text-align: right;
	float: right;
	color: #000;
	padding: 5px 30px 5px 0px;
	margin: 0;
	width: 17%;	
	background:transparent url('/gfx/icons/cancel.gif') no-repeat center right;
	border-bottom: 0;
	}

/*-------------------------------------------+
|                                            |
|               FONT RESIZER                 |
|                                            |
+-------------------------------------------*/	


.fontResizer {
	float: left;
	}
	
.fontResizer li {
	display: block;
	float: left;
	width: 1.4em;
	height: 1.4em;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 1.4em;
	color: #ebebeb;
	text-decoration: none;
	background: #999;
	vertical-align: bottom;
	}
	
.fontResizer li:hover { color: #000; text-decoration: none; }
/* The following control the way the font-resizer links appear only */
.fontResizer .FontSizeDec { font-size: .8em; }
.fontResizer .FontSizeReset { font-size: 1.2em; }
.fontResizer .FontSizeInc { font-size: 1.4em; }
.fontResizer .curFont { background: #EEEEF7; }
	
	
	
	
	
/*-------------------------------------------+
|                                            |
|               COFFEE                       |
|                                            |
+-------------------------------------------*/	



#wrapper #coffee {
	margin-bottom: 0;
	margin-right: .5em;
	padding-top: 0;
	height: 100%;
	width: 99%;
	position: relative;
	background: transparent url(/gfx/coffee/rotator.php) no-repeat 4% bottom;
	}
	


/*-------------------------------------------+
|                                            |
|               TURN                         |
|                                            |
+-------------------------------------------*/	

	
#turn_wrapper {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}

#turn_hideme {
	width: 85%;
	height: 85%;
	overflow: hidden;
	display: block;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	z-index: 1;
	}

#turn_object{
	position: relative;
	}

#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
	float: right !important;
	}

#turn_wrapper.right #turn_hideme {
	float: right !important;
	right: 0 !important;
	left: auto;
	}
#turn_wrapper.right #turn_object {
	right: 0 !important;
	left: auto !important;
	}

#turn_wrapper.right {
	position: absolute;
	top: 0;
	width: 100%;
	height: 0;
	right: 0 !important;
	}

#turn_wrapper.right #turn_object * {
	position: absolute;
	right: 0 !important;
	}

#turn_wrapper #turn_object img#turn_fold {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1000;
	right: 0;
	position: absolute;
	}

/* the jQuery CSS Framework */
#turn_wrapper .ui-resizable { position: relative;}
#turn_wrapper .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-image: url(#none)}
#turn_wrapper .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; }
#turn_wrapper .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; }





/*-------------------------------------------+
|                                            |
|               CLUETIP                      |
|                                            |
+-------------------------------------------*/	
	
/* global */
#cluetip-close img {
	border: 0;
	}
	
#cluetip-title {
	overflow: hidden;
	}
	
#cluetip-title #cluetip-close {
	float: right;
	position: relative;
	}
	
#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background-image: url(/gfx/wait.gif);
	}
	
.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#cluetip-extra {
	display: none;
	}
	
/***************************************
	 =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	background-color: #d9d9c2;
	}
	
.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #d9d9c2;
	}
	
.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #87876a;
	color: #fff;
	}
	
.cluetip-default #cluetip-title a {
	color: #d9d9c2;
	font-size: 0.95em;
	}  
	
.cluetip-default #cluetip-inner {
	padding: 10px;
	}
	
.cluetip-default div#cluetip-close { 
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
	}

/* default arrows */

.clue-right-default .cluetip-arrows {
	background-image: url(/gfx/darrowleft.gif);
	}
	
.clue-left-default .cluetip-arrows {
	background-image: url(/gfx/darrowright.gif);
	left: 100%;
	margin-right: -11px;
	}
	
.clue-top-default .cluetip-arrows {
	background-image: url(/gfx/darrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;  
	}  
	
.clue-bottom-default .cluetip-arrows {
	background-image: url(/gfx/darrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
	}

/***************************************
	 =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
	background-color: transparent;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	}
	
.tipdropshadow {
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
	}
	
.cluetip-jtip #cluetip-outer {
	position: relative;
	background: transparent url(/gfx/tiptopper.png) no-repeat top center;
	margin-top: -3em;
	}
	
.cluetip-jtip #cluetip-extra {
	position: relative;
	height: 2em;
	width: 100%;
	background: transparent url(/gfx/tiptopperbottom.png) no-repeat bottom center;
	margin-top: -.25em;
	display: block;
	}

.cluetip-jtip h3#cluetip-title {

	}

.cluetip-jtip #cluetip-inner {
	margin-top: 1.5em;
	padding: 0 5px 5px;
	display: inline-block;
	background: transparent url(/gfx/whitewrinkles15.jpg);
	}
	

	
.cluetip-jtip div#cluetip-close { 
	float: right;
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	}
	
.cluetip-jtip h1 {
	font-size: 1.4em;
	padding: .5em .5em .1em .5em;
	}
	
.cluetip-jtip p {
	font-size: 1.1em;
	padding: .5em .5em .5em.5em;
	}
	
.cluetip-jtip img {
	margin-left: .5em;
	}
	
.cluetip-jtip #photos img {

	}
	
.cluetip-jtip .hubpopad {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	position: relative;
	float: left;
	margin: 0 auto;
	}
	
.cluetip-jtip .hubpopad .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(/gfx/sectionerback.png);
	}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
	background-image: url(/gfx/arrowleft.gif);
	}
	
.clue-left-jtip .cluetip-arrows {
	background-image: url(/gfx/arrowright.gif);
	left: 100%;
	margin-right: -11px;
	}
	
.clue-top-jtip .cluetip-arrows {
	background-image: url(/gfx/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;  
	}  
	
.clue-bottom-jtip .cluetip-arrows {
	background-image: url(/gfx/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
	}
	
	
	
/***************************************
	 =cluetipClass: 'jtip2'
-------------------------------------- */
.cluetip-jtip2 {
	background-color: transparent;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	}
	
.cluetip-jtip2 #cluetip-outer {
	position: relative;
	background: transparent url(/gfx/tiptopper2.png) no-repeat top center;
	margin-top: -3em;
	}
	
.cluetip-jtip #cluetip-extra {
	position: relative;
	height: 2em;
	width: 100%;
	background: transparent url(/gfx/tiptopperbottom.png) no-repeat bottom center;
	margin-top: -.25em;
	display: block;
	}

.cluetip-jtip2 h3#cluetip-title {

	}

.cluetip-jtip2 #cluetip-inner {
	margin-top: 1.5em;
	padding: 0 5px 5px;
	display: inline-block;
	background: transparent url(/gfx/whitewrinkles15.jpg);
	}
	
.cluetip-jtip2 div#cluetip-close { 
	float: right;
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	}
	
.cluetip-jtip2 h1 {
	font-size: 1.4em;
	padding: .5em .5em .1em .5em;
	}
	
.cluetip-jtip2 p {
	font-size: 1.1em;
	padding: .5em .5em .5em.5em;
	}
	
.cluetip-jtip2 img {
	margin-left: .5em;
	}
	
.cluetip-jtip2 #photos img {

	}
	
.cluetip-jtip2 .hubpopad {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	position: relative;
	float: left;
	margin: 0 auto;
	}
	
.cluetip-jtip2 .hubpopad .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(/gfx/sectionerback.png);
	}

/* jtip2 arrows */

.clue-right-jtip2 .cluetip-arrows {
	background-image: url(/gfx/arrowleft.gif);
	}
	
.clue-left-jtip2 .cluetip-arrows {
	background-image: url(/gfx/arrowright.gif);
	left: 100%;
	margin-right: -11px;
	}
	
.clue-top-jtip2 .cluetip-arrows {
	background-image: url(/gfx/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;  
	}  
	
.clue-bottom-jtip2 .cluetip-arrows {
	background-image: url(/gfx/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
	}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
	zoom: 1;
	}
	
.hubpopsection {
	color: #666;
	font-variant:small-caps;
	font-size: 1.4em;
	margin: 0 0 0 .44em;
	padding: 0 0 0 0;
	}
	
.hubpopsectionimages {
	margin: 0 0 .15em .37em;	
	}
	
.hubpop h1 {
	margin-top: .25em !important;
	padding-top: 0 !important;
	}
	
.hubpoph1images {
	margin-top: 0;
	padding-top: 0;
	}
	
.hubpopsection a {
	color: #666;
	}

/*-------------------------------------------+
|                                            |
|               TWITTER TICKER               |
|                                            |
+-------------------------------------------*/	


#twitter-link {

}

#twitter-ticker{
	width: 30em;
	height: 35em;
	background: url(/gfx/slickbg.png) no-repeat #f5f5f5;

	/** display: none; */
	margin: 0 auto;
	-moz-border-radius: 10px 10px 6px 6px;
	-khtml-border-radius:  6px;
	-webkit-border-radius:  6px;
	border-radius: 6px;
	position: relative;
	text-align: left;
	}
	
#tweet-loading {
	width: 30em;
	margin: 125px 0 0 0;
	text-align: center;
}

#twitIcon{
	margin-top: -2.66em;
	margin-left: -1em;
	width: 6.4em;
	height: 6.4em;
	z-index: 33;
	position: relative;
	}

#sidebar #twitter-ticker .top-bar {
	height: 2em;
/*	background: url(/gfx/top_bar.png) repeat-x; */
	border-bottom: 1px solid white;
	position: relative;
	margin-bottom: .25em !important;
	width: 30em;
	-moz-border-radius: 6px 6px 0 0;
	}

/* Blackbird pie */


#storymain .bbpBox {
	width: 430px !important;
	padding: 10px !important;
	clear: after;
	}
	
#storymain .bbpTweet {
	width: 420px !important;
	}
	
/* Remapping Debate tracker */

.remapptracker {
	margin-left: 9000em;
	}

	
/*-------------------------------------------+
|                                            |
|               THICKBOX	                 |
|                                            |
+-------------------------------------------*/	



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/


/*



#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/gfx/darkbluegradmottle.png) repeat;}
.TB_overlayBG {
	background: url(/gfx/darkbluegradmottle.png) repeat;
	filter:alpha(opacity=93);
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	opacity: 0.93;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: .2em solid #b31f24;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	float: left;
	position: relative;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}







#wrapper .twtr-tweet {
	width: 600px;
	height: 70px !important;
	margin-bottom: 0;
	padding-top: 0;
	}

#wrapper .twtr-tweet-wrap {
	height: 70px !important;
	margin-bottom: 0;
	padding-top: 0;
	}
	
#wrapper .twtr-tweet-avatar {
	margin-bottom: .22em;
	padding-top: .25em;
	}
	
#wrapper .twtr-tweet-text {
	margin-bottom: .22em;
	padding-top: .25em;
	clear: left;
	margin-left: 50px;
	margin-top: -50px;
	width: 535px;
	height: 60px !important;
	font-size: 12px !important;
	}
	
#wrapper .twtr-tweet-text p {
	font-size: 11px;
	}


#wrapper .twtr-hd {
	margin-bottom: 0;
	padding-top: 0;
	height: 20px;
	}
	
#wrapper .twtr-bd, #wrapper .twtr-timeline {
	margin-bottom: 0;
	padding-top: 0;
	}
	
#wrapper .twtr-ft, #wrapper .twtr-ft div {
	margin-bottom: .25em;
	padding-top: .25em;
	height: 20px;
	color: #26385e;
	}
	
#wrapper twtr-join-conv {
	color: #26385e !important;
	}

#wrapper #livetwitter, #wrapper #twtr-widget-1 {
	margin-bottom: 0;
	padding-top: 0;
	}


#storysidebar #sentineldonationform, #sidebar #sentineldonationform {
	width: 99%;
	padding-top: 0;
	margin-bottom: 1em;
	padding-bottom: 0;
	padding-left: .5em;
	border-left: solid 1px #518654;
	border-bottom: solid 1px #518654;
	}
	
#storysidebar #sentineldonationform p, #sidebar #sentineldonationform p {
	width: 99%;
	font-style: italic !important;
	font-size: .9em;
	margin-bottom: .5em;
	margin-left: .8em;
	color: #666;
	}
	
	
#storysidebar #sentineldonationform #PayPalDonation, #sidebar #sentineldonationform #PayPalDonation {
	font: normal 1.2em "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", "Myriad Pro", Myriad, Tahoma, "Liberation Sans", Arial, sans-serif;
	line-height: 1.2;
	margin-bottom: 0;
	padding-top: 0;
	}
	
#storysidebar #sentineldonationform #PayPalDonation2, #sidebar #sentineldonationform #PayPalDonation2 {
	font: normal 1.2em "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", "Myriad Pro", Myriad, Tahoma, "Liberation Sans", Arial, sans-serif;
	line-height: 1.2;
	margin-bottom: 0;
	padding-top: 0;
	}
	
#storysidebar #sentineldonationform input, #sidebar #sentineldonationform input {
	margin-left: .44em;
	margin-bottom: .33em;
	margin-right: .72em;
	}
	
#storysidebar #sentineldonationform #txtsubdonation, #sidebar #sentineldonationform #txtsubdonation {
	padding-top: .33em;
	margin-bottom: .33em;
	margin-left: .44em;
	}
	
#storysidebar #sentineldonationform #txtdonation, #sidebar #sentineldonationform #txtdonation {
	padding-top: .33em;
	margin-bottom: .33em;
	margin-left: .44em;
	}
	

#storysidebar #sentineldonationform #txtdonation input, #sidebar #sentineldonationform #txtdonation input {
	padding-top: .33em
	margin-bottom: .5em;
	}
	
	
#storysidebar #sentineldonationform .paypal_btn, #sidebar #sentineldonationform .paypal_btn {
	float: left;
	clear: left;
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: 1.33em;
	}




/* Adjust header spacing for mobile devices and tablets */
@media only screen and (max-width: 1024px) {

    #headboardwrap {
        width:728px !important;
        padding-left:0 !important;
    }

    div.nav {
        width:98em !important;
    }

}