* {
	margin:0;
	padding:0;
}
img { border: none; }
body {
	background: #464646 url(../i/bg-body.gif) repeat-x;
	text-align: center;
	font: normal 62.5%/18px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header {
	background: url(../i/bg-header.jpg) no-repeat center top;
	position:relative;
	height: 141px;
	text-align: left;
	margin: 0 auto;
	width: 910px;
}
#header h1 {
	background: url(../i/logo.gif) no-repeat;
	position:absolute;
	text-indent: -9999px;
	height: 28px;
	width: 471px;
	top: 80px;
	left: 90px;
}
#orange {
	clear:left;
	background:url(../i/bg-orangestrip.jpg) no-repeat center top;
	height:177px;
	text-align: left;
}
.orange {
	position:relative;
	margin: 0 auto;
	width: 518px;
	padding:35px 12px 10px 380px;
	height:132px;
}
div.moduletableorange {
	position:absolute;
	top:1px;
	left:1px;
}
.orange h3 a,
.orange .moduletable a.contentpagetitle { color: #fff; font-weight:bold; font-size:1.2em; line-height:1.8;}

#topnav {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:35px;

}
#topnav .l {
	position:absolute;
	top:0;
	left:0;
	width:6px;
	height:6px;
	background:url(../i/topnav-corner-l.png) no-repeat;
}
#topnav .r {
	position:absolute;
	top:0;
	right:0;
	width:6px;
	height:6px;
	background:url(../i/topnav-corner-r.png) no-repeat;
}
ul#mainleveltopnav {
	list-style:none;
	height:34px;
	overflow:hidden;
	border:1px solid #7fb6da;
	border-bottom:none;
}
ul#mainleveltopnav li {
	float:left;
	border-right:1px solid #7fb6da;
}
ul#mainleveltopnav a {
	display:block;
	padding:0 15px;
	height:34px;
	color:#fff;
	text-decoration:none;
	font:bold 12px/36px Arial, Helvetica, sans-serif;
}
ul#mainleveltopnav a:hover,
ul#mainleveltopnav a:focus {
	color:#333;
}
ul#mainleveltopnav a#active_menutopnav { color:#f15c22; background:#333;}

#crumbs {
	position:relative;
	background:url(../i/bg-crumbs.gif) no-repeat;
	margin: 0 auto;
	width: 870px;
	height:37px;
	padding:0 20px 0;
	font: normal 12px/37px Arial, Helvetica, sans-serif;
	color:#f15c22;
	text-align:left;
}
#crumbs strong {color:#fff; padding:0 1em;}
#crumbs a.pathway {color:#f15c22; font-weight: bold; text-decoration:none;}
#crumbs img { padding:0 5px;}

#fontsizer {
	position:absolute;
	list-style:none;
	right:10px;
	top:0px;
}
#fontsizer li {
	float:left;
	height:20px;
	padding:0 8px;
	font-size:12px;
	font-weight:bold;
}
#fontsizer a {
	text-decoration:none;
	color: #a7a9ac;
}
.a11 #cont,
.a11 #orange {
	font-size:1.1em;	
}
.a12 #cont,
.a12 #orange {
	font-size:1.3em;	
}
.a14 #cont,
.a14 #orange {
	font-size:1.4em;	
}
.a11 #fontsizer a.a11,
.a12 #fontsizer a.a12,
.a14 #fontsizer a.a14 { color: #000;}

#main { 
	position:relative;
	margin:20px 0 0;
	background:url(../i/bg-main-narrow.png) no-repeat bottom center;
}
#wrap {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 918px;
}
#cont {
	background:url(../i/bg-main-top-narrow.png) no-repeat top center;
	color: #fff;
	width:482px;
	margin:0 200px 15px 200px;
	padding:25px 18px;
	position:relative;
	font: normal 1em/18px Verdana, Geneva, sans-serif;
}
#left {
	float:left;
	width:195px;
	background:url(../i/bg-sidenav.png) no-repeat bottom left;
	margin-bottom:15px;
}
#rite {
	float:right;
	width:195px;
	background:url(../i/bg-sidenav.png) no-repeat bottom left;
	margin-bottom:15px;
}

#mainlevelnav {
	list-style: none;
	background:url(../i/bg-sidenav-top.png) no-repeat top left;
	padding:60px 20px 20px;
}
#mainlevelnav li {
	background:url(../i/dash.gif) no-repeat 100% 12px;
}
#mainlevelnav li.mainlevel_activenav, 
#mainlevelnav li.mainlevel_currentnav {
	background-image:url(../i/red-dash.gif);
}
#mainlevelnav li.mainlevel_activenav a, 
#mainlevelnav li.mainlevel_currentnav a {
	color:#f15c22;
}
#mainlevelnav li.mainlevel_activenav li a, 
#mainlevelnav li.mainlevel_currentnav li a {
	color:#ddd;
}
#mainlevelnav li li a#active_menunav {color:#f15c22;}
#mainlevelnav a {
	display:block;
	color:#fff;
	background:url(../i/bg-sidenav-item.gif) repeat-x bottom left;
	/*height:32px;*/
	line-height:32px;
	text-decoration:none;
	font-size:1.2em;
	/*font-weight:bold;*/
}
#mainlevelnav a:hover { text-decoration:underline; }
#mainlevelnav li li {
	list-style:none;
	background: url(../i/bg-sidenav-bullet.gif) no-repeat 9px 11px;
	padding-left:21px;
}
#mainlevelnav li li a {
	background:none;
	line-height:18px;
	padding:6px 0;
}

.moduletablegoogleads {
	background:transparent url(../i/bg-sidenav-top.png) no-repeat scroll center top;
	padding:50px 15px 10px 18px;
}

#footer { 
	background: #1f1f1f url(../i/bg-footer.gif) repeat-x;
	clear:both;
}
.footer {
	margin:0 auto;
	width:880px;
	line-height:40px;
	text-align:left;
	color:#828282;
}
#footer a {color:#f15c22;}
.contentpane { width:auto;}


/* typography */
#cont .componentheading,
#cont td.contentheading {
	font-size: 1.4em;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
	padding-bottom:5px;
}
#cont td.contentheading a {color:#fff;}
#cont a {color:#f26522 !important;}
#cont a:hover,
#cont a:focus {text-decoration: underline;}
#cont h1, #cont h2, #cont h3, #cont h4 { font-family: Arial, Helvetica, sans-serif;}
#cont h1 {font-size: 1.6em; letter-spacing:1px;}
#cont h2 {font-size: 1.4em;}
#cont h3 {font-size: 1.1em;}
#cont h4 {font-size: 1em; text-transform: uppercase;}
#cont h5 {font-size: 1em; color: #ff6600;}
#cont p, #cont pre, #cont blockquote, #cont ul, #cont ol, #cont h1, #cont h2, #cont h3, #cont h4, #cont h5, #cont h6 {margin: 15px 0;}
#cont ul {list-style: none;}
#cont ul li {
	padding-left: 30px;
	background: url(../i/bullet.gif) no-repeat 18px 8px;
	line-height: 1.8;
}
#cont ol li {
	margin-left: 35px;
	line-height: 1.8;
}
#cont th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
#cont fieldset {
	border: none;
}
#cont fieldset a {
	font-weight: bold;
}
#cont hr {
	border:none;
	border-top: 1px solid #464646;
	height: 1px;
}
#cont .readon {
	background: url(../i/readmore.gif) no-repeat left center;
	padding-left: 13px;
	color: #245d36;
	text-decoration: none;
	font-weight: bold;
}
#cont span.article_seperator {
	display: block;
	background: url(../i/separator.gif) no-repeat center top;
	height: 24px;
	margin:8px 0;
	clear:right;
}

/* BONUS TYPOGRAPHY STYLES--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #666666;
	background-color: #464646;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 3px 0 3px 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 3px 20px 3px 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Dropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #F26522;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #FF4444;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #F26522;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #469EC0;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #F26522;
	font-weight: bold;
}

/* Note Style */
#cont p.stickynote {
	padding: 10px 0px 20px 50px;
	border: 1px solid #464646;
	background: url(../images/sticky-bg.gif) no-repeat 5px 10px #2A2A2A;
}

#cont p.download {
	padding: 10px 0px 20px 50px;
	border: 1px solid #464646;
	background: url(../images/download-bg.gif) no-repeat 5px 10px #2A2A2A;
}

#cont .blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
#cont ul.checklist {
	list-style: none;
}

#cont ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Check list */
#cont ul.stars {
	list-style: none;
}

#cont ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Smallnumber */
#cont ol.smallnumber {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cont ol.smallnumber li {
	margin: 10px 0 10px 30px;
	padding: 3px 0 5px 30px;
	line-height: 150%;
}

#cont ol.smallnumber li.number-1 {
	background: url(../images/n-1.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-2 {
	background: url(../images/n-2.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-3 {
	background: url(../images/n-3.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-4 {
	background: url(../images/n-4.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-5 {
	background: url(../images/n-5.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-6 {
	background: url(../images/n-6.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-7 {
	background: url(../images/n-7.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-8 {
	background: url(../images/n-8.gif) no-repeat left top;
}

#cont ol.smallnumber li.number-9 {
	background: url(../images/n-9.gif) no-repeat left top;
}

/* Bignumber */
#cont .bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	color: #FFFFFF;
	background: url(../images/ol-bg.gif) no-repeat top left;
	font: 20px/normal Arial, sans-serif;
	font-weight: bold;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background-color: #2A2A2A;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: -12px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #666666;
	background-color: #2A2A2A;
	position: relative;
}

#left form {padding:0 20px 20px; color:#999; font-size:1.1em;}
#left form input[type='text'],
#left form input[type='password'] { width:153px; background:#464646; border:solid 1px #606060; color:#ccc;}
#left form input[type='checkbox'] { margin:5px 0 10px; background:#464646; border:solid 1px #606060; color:#ccc;}
#left form input[type='submit'] { font:normal 1em/1.6 Arial, Helvetica, sans-serif; width: 80px;}
#left form a { color:#999;}

#cont h2.tab {margin:1px -1px 1px 2px; font-size:11px;}
#cont h2.selected {margin:1px -3px -3px 0;}

#dbview {background:#464646; font-size:11px;}
#dbview thead th {background:#F15C22;}
#dbview thead td {background:#646464;}
#dbview tr.odd {background:#464646;}
#dbview tr.even {background:#646464;}
#dbview td, #dbview th {border-color:#4d4d4d;}
#dbview tfoot .paginator { clear:both;}