* {

    margin: 0;

    padding: 0;

}

body {

    font-family: Verdana, Helvetica, sans-serif;

    font-size: 0.8em;

	line-height:1 em;

    text-align: left;

    color: black;

	height:100%;

    xbackground: #fafafa;

	xbackground:#eaeaea url(images/background-horizontal-gradients.png) repeat-y center top;	

	background:#eaeaea;

	/* the header gradient image */

	xbackground:#eaeaea url(images/header-gradient.png) repeat-x top left;

}



body.blank { background:white; }









/* Main Section Structure

------------------------------------------------------------------------- */



#header {

	/*float:left;*/

	width:auto;

	height:96px;

	overflow:visible;

}

/*

#header-content-wrap {

	width:62.1em;

	margin:0 auto;

}

*/

#header-content {

	margin: 0 auto;

	/* dimension converted to pixel width in normal font size */

	width:62.1em;

	xwidth:794px;

	overflow:visible;

}



/* #main-wrapper contains #main-left-border,

 which contains #main-right-border 

 which contains #main */

#main-wrapper {  }



#main-center { overflow:hidden; width:62.1em; margin:0 auto; }



#main-left-border {

	/* dimension converted to pixel width in normal font size */

	width:62.1em;

	xwidth:794px;

	margin:0 auto;

	background: #fff url(images/left-side-shadow.png) repeat-y top left;

	overflow:auto

}



#main-right-border {

	/* dimension converted to pixel width in normal font size */

	xwidth:61.6em;

	xwidth:789px;

	xmargin:0 0 0 .5em;

	margin:0; float:right;

	background: url(images/right-side-shadow.png) repeat-y top right;

}







#main {

	clear:both;

	/* should be 60.5. the .6 leaves a bit of room to keep IE from breaking */

	width:60.9em;

	margin:0 auto;

	margin-right: .7em;

	padding:.5em 0;

	overflow:hidden;

}





/* classes for content areas inside a blank main area template */

/* this first one just addssome padding from the left border of the main area because for some odd reason I never added this to our main templates */

.main-centered-area { margin:1em 5em; }

.medium-centered-column { width:40em; margin:0 auto; }



#tutorial-submission-form { margin:1em; }



#guide-summaries { width:60em; margin:0 auto; overflow:auto; }





#lessons-main-page-content {

	padding: 0; margin: 0;

}



#forums-content-wrap {

	padding: 0; margin: 0;

}

#forums-content { padding: 0; margin: 0 1em; }



#content {

    float: left;

    width: 43.5em;

	xwidth: 44.55em;

    margin-left:17em;

	xmargin-left:16.25em;

    padding: 0;

}

#contentColumns { overflow:auto; }

/* main content area layout */

#main-content-chapter { overflow:hidden; width:29em; float:left; margin:0 1em 0 0; }
#main-content { overflow:hidden; float:left; margin:0 1em 0 0; }


#extra-column { width: 13.5em; float:left; margin:0; }

/* for testing: specifying an extra-column height equivalent to the skyscraper ad size 

#extra-column { height:47.5em; } */



/* same columns positioned for front page with less margins */

#frontPageContent {

	float: left;

	width:44.55em;

	margin-left:16.25em;

	padding: 0;

}

#frontPageMainContent { overflow:hidden; width:31.25em; float:left; margin:0 .25em 0 0; }

#frontPageExtraColumn { width: 13em; float:left; margin:0; }

#frontPageIndex {

	float:left;	

	width:16em;

    margin-left: -60.8em;

    padding: 0;

	overflow:hidden;

}





/* IE layout hacks */

* html #content {

	margin-left:8.5em;

	xmargin-left:8.125em;

}

* html #frontPageContent {

	margin-left:8.125em;

}



#index {

	float:left;	

	width:16em;

    margin-left: -60.5em;

    padding: 0;

	overflow:hidden;

}

/* IE-only hack to set smaller left margin 

* html #index { margin-left: -60.5em; }*/



#footer {

    margin: 0; padding: 0;

}



#footer-content {

	/* dimensions converted to pixel width in normal font size */

	width:62.1em;

	xwidth:794px;

	height:30px;

	margin:0 auto;  padding:0;

}

/* IE-only hack to set proper width.  */

* html #footer-content { xwidth:62.1em; }









/* General Element Styles

------------------------------------------------------------------------- */



body { xbackground: #fafafa url(images/side_gradient.jpg) repeat-x left 96px; }



a , a:link, li a, li a:link {

	text-decoration:underline;

	color:#616f67;

}

a:hover { color:#819489; }

a:active { color:#819489; }

a img { border:none; }



h1,h2,h3,h4,h5,h6 {

	color:#cb9350;

	margin: 1em auto;

	font-family: times,georgia,serif;

	text-transform: uppercase;

	clear:both;

	line-height:1.3em;

}

h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary {

	color:#687e84;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#687e84; }

h1 { font-size:2.1em; font-weight:600; letter-spacing:.1em; }

/* IE hack */

* html h1 {  font-weight:600;  letter-spacing:.25em; }

h2 {font-size: 1.6em; }

h3 {font-size: 1.4em; }

h4 {font-size: 1.2em; }

h5 {font-size: 1.1em; }

h6 {font-size: 1.0em; }

#content h1:first-letter, #content h2:first-letter, #content h3:first-letter { font-size:1.3em; }

ul, ol , dl { margin: .5em auto; }

ul li { margin-left: 1.25em; }

ol li, dl dd { margin-left: 2.5em; }

ol.lalpha { list-style-type: lower-alpha; }

ol.lroman { list-style-type: lower-roman; }

ul { xmargin-left: 2em; }

dt { font-weight:bold; }

dt a { font-weight:normal; }

dd { margin:.5em 0 .5em 2em; }

p {

	margin: 1em 0;

	text-align:left;

}

img, object {

	display:block;

	margin: 2em auto;

}

img.inline { display:inline; margin:0; vertical-align:text-bottom; }

.clear { clear:both; }

/*br.clear { height:0; margin:0; padding:0; }*/

/*table { border:1px solid #aaa; margin:0 auto;}*/

table { 

border:1px solid #aaa; 

margin:0 auto;

table-layout:fixed; 

width:100%; 

overflow:hidden; 

word-wrap:break-word; 

} 

td { border:1px solid #aaa; }

td, th { padding:2px 4px; }

pre {

	display:block; margin:1em auto; width:510px; overflow:auto; xfont-size:1.25em;

	padding:5px 20px 25px 5px;

	scrollbar-face-color: white;

	scrollbar-shadow-color:#c0c0c0;

	scrollbar-darkshadow-color:#808080;

	background-color:#fefedd;

	border:1px solid #cfd1d4;

	color:#4e6165;


}

/* IE 5-6 hack to make sure a scrollbar appears when the pre's contents extend past it's container's width. */

* html pre {

	width:500px; overflow:auto;

}

code { font-family:monospace; font-size:1.25em; }

blockquote {

	margin:1em auto 1em auto; padding:1em; float:inherit;

	background-color:#f6fffe; border:3px solid #f0f9f9;

	font-style:italic;

}







/* Content Specific styles

------------------------------------------------------------------------- */



#main { background: #fff; }





.B_crumbBox { float:left; margin: 1em 0; }

.B_crumbBox a, #forums-content .B_crumbBox a {

	font-size: .80em;

	/*color:#687f87;*/

}

.B_crumbBox a:hover, #forums-content .B_crumbBox a:hover {

	text-decoration:underline;

}



.chapterNumber {

	font-size:10em;	font-family: times,georgia,serif; line-height: .85em;

	float:left; clear:left;

	color:#fff; background-color: #687f87;

	margin: .15em auto .3em .2em; padding: 0 .1em;

}

/* IE hack */

* html .chapterNumber { margin: .15em auto .1em .1em; }

#sectionHeading { clear:both; padding-top:.5em; }

#sectionHeading .chapterNumber {

	font-size:5em; background-color: #e3e7e8; margin:0;

}

#sectionHeading  h1 { clear:none; }



#introtext {

	text-align:center;

	margin: 1em .5em 1em 0;

	padding:1em;

	/* color: #6b8085; */

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

#introtext ol, #introtext ul {

	text-align: left; margin: 0 auto;

}





/* summary list on "Full Guides" page */

.guide-summary-block { width:30em; float:left; }

.guide-summary-content { margin:1em; }

.guide-summary-block h2 { margin:.5em 0; }

.guide-summary-block p { margin:.5em; }



/* summary list on chapter intro pages */

dl.pagesSummary { margin: 1em 0; }

dl.pagesSummary dt a {

	padding-left:1.5em;

	background: url(images/unchecked.gif) no-repeat left 2px;	

}

dl.pagesSummary dt a:visited {	background: url(images/checked.gif) no-repeat left 2px; }

dl.pagesSummary dd, .guide-summary-block p {

	margin:.5em 0 .5em 3em; line-height:2em; font-style:italic; }





/* these are our containing elements. Set their margin-right to 13em to leave room for the right empty space.

Headers are meant to center over the whole content area and invade to right empty area, so no extra margin-right for them. */

/* #content p, #content ul, #content ol, #content dl { margin-right: 13em; } */





#content h1 { text-align:center; padding:0 1.5em; }



/* apply .image-area class to paragraph or div tags to center images and text within */

.image-area { text-align:center; margin:2em auto; }

.image-area img { display:inline; margin:0; }

.insert { width:15em; margin:.5em; }

/* set the img.insert width back to auto to use the image's width. The ImgResize plugin will constrain all images to a pixel value for us. Here (because of IE) we could only set a width, not a max width. */

img.insert { width:auto; margin:0;}



.left { float:left; clear:left; margin-left:0; margin-right: 1em; }

img.left { margin: 1em 1em 1em 0; }

.right { float:right; clear:right; margin-right:13em; margin-left: 1em; }

/* set the image margin-right to 13em for uncontained images to give way to the right empty space */

img.right { margin: 1em 13em 1em 1em; }

/* now set the margin-right back to  0 for all contained images */

p img.right, li img.right  { margin-right: 0; }



/* this is to indent a ul or ol element on the left to allow a left insert to fit beside it. */

.insert-indent { display:block; margin-left: 15em; margin-right:0;}



/* this is a wrapper class to place around list elements that are beside left-floated elements to make sure their list items are indented properly */

.InsertIndent { overflow:auto; }

.InsertIndent ul, .InsertIndent ol, .InsertIndent dl { float:left; }

.InsertIndent ul ul, .InsertIndent ol ol, .InsertIndent dl dl { float:none; }



.ad-break .ad-placeholder{
	float: left;
	width: 336px;
}



/* From the Microsoft Word Tutorial.

These styles are for blocks of text meant to describe a learning activity, an extra tip or a cautionary note.

The extra tips will most likely be cut out of the document content and placed in the 'sidequote' field,

but we have a style for them anyway. */

.activity { color:#006887; }

.note { color:#cb5050; }

.fact { color:#cb5050; }





/* Extra column content

------------------------------------------------------------------------*/



#extra-column { line-height:1.25em; }



/* general styles for content blocks in the extra column */

#extra-column h1, #extra-column h2, #extra-column h3 { text-align:center; }



/* size down our headings by default in this column so that we don't have to do it in every individual content block we design for it. */

#extra-column h1 { font-size:1.25em; }

#extra-column h2 { font-size:1.1em; }

#extra-column h3 { font-size:1em; }



/* for testing purposes only */

#extra-column .ad-placeholder { width:13em; xbackground-color:#eee; }

/* for testing: specifying a height equivalent to the skyscraper ad size 

#extra-column { background:#eee;} */



#extra-column .extraColumnBlock { margin: 3em auto; }

#extra-column .extraColumnBlock ul { margin-left:1em; }



/* classes for different numbers of extra content blocks. Assuming they are all roughly the same size, if there are two blocks of content, give them class 'half'. If there are three, give them 'third', etc. */

#extra-column .full {  margin:13.5em 0 0 0; padding:0; }

#extra-column .half { margin:8em 0 0 0; padding:0; }

#extra-column .third { margin:5em 0 0 0; padding:0; }

#extra-column .quarter { margin:2em 0 0 0; padding:0; }



#extra-column blockquote {

	margin: 0; width:160px;

	font-size:1em;

	line-height: 1.5em;

	font-weight:bold;

	font-family:georgia;

	border:none; /* to cancel out any border styles we set at the top level */

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 1.5em 0 0 .75em;

	color: #6b8085;

	 background: #fff url(images/open-quote.png) no-repeat top left; 

}

#extra-column blockquote p {

	padding: 0 0 1.5em 0;

	margin: 0;

    background: url(images/close-quote.png) no-repeat bottom right;

	text-align:left;

}









/* Tutorial Submission Promo Block for the extra column

-------------------------------------------------------------------------------*/

#extra-column .tutorialSubmissionPromo {

	font-size:.7em; background-color:#f2f2f2; border:1px solid #e5e5e5;

}

#extra-column .tutorialSubmissionPromo h2, #extra-column .tutorialSubmissionPromo h3 {

	text-align:center; margin:.5em auto; letter-spacing:.1em; line-height:1.1em;

}

#extra-column .tutorialSubmissionPromo h2 { font-size:1.4em; }

#extra-column .tutorialSubmissionPromo h3 { font-size:1.1em; margin:.5em auto .5em auto; }

#extra-column .tutorialSubmissionPromo .tutorialSubmitPromoContent {

	width:163px; height:80px; margin:0 auto; color:white; line-height:1.5em;

	background:#8cd6f2 url(images/featured-title-bkgd-blu.png) no-repeat top left;

}

#featured-titles  .summary-a { background:#8cd6f2 url(images/featured-title-bkgd-blu.png) no-repeat top left; }

#extra-column .tutorialSubmissionPromo .tutorialSubmitPromoContent p {

	margin:0; padding:.25em .5em 0 .5em; text-align:center; font-weight:bold;

}

#extra-column .tutorialSubmissionPromo  .tutorialSubmitPromoLink {

	margin:0 0 .5em .5em; text-align:left;

}









/* URL Submission Links for the extra column

-------------------------------------------------------------------------------*/

#extra-column .urlSubmissionLinks { xmargin: 3em auto 2em auto; }

#extra-column .urlSubmissionLinks h2 { font-size:1em; }

#extra-column .urlSubmissionLinks ul { margin: .5em auto; }

#extra-column .urlSubmissionLinks ul li { list-style: none; margin:.5em auto; }



.urlSubmissionLinks .digg-link {

	padding-left:17px;

	background: url(images/digg.gif) no-repeat top left;

}

.urlSubmissionLinks .delicious-link {

	padding-left:17px;

	background: url(images/delicious.png) no-repeat top left;

}

.urlSubmissionLinks .furl-link {

	padding-left:17px;

	background: url(images/furl.gif) no-repeat top left;

}

.urlSubmissionLinks .ieBookmarkLink {

	padding-left:17px;

	background: url(images/ie-icon.png) no-repeat top left;

}

.urlSubmissionLinks .firefoxBookmarkLink {

	padding-left:17px;

	background: url(images/firefox-icon.png) no-repeat top left;

}

.urlSubmissionLinks .operaBookmarkLink {

	padding-left:17px;

	background: url(images/opera-icon.png) no-repeat top left;

}

.urlSubmissionLinks .emailLink {

	padding-left:17px;

	background: url(images/email-icon.png) no-repeat top left;

}









/* Navigation Below Content

------------------------------------------------------------------------- */



#continueLink { margin:0; text-align:left; }

#continueLink img { display:inline; }





div.PNR_Menu {

	clear:both;

	margin:1em auto; height:40px;

	text-align:right;

	border-top: 1px solid #ccc;

	padding: .5em;

	xoverflow:auto;	

}

div.PNR_Menu div.PNR_arrows { xoverflow:auto; width:10em;  float:right; clear:both; }

div.PNR_Menu span { display:none; }

div.PNR_Menu .nextLink {

	display:block; width:35px; height:28px; float:right;

	background:url(images/arrow-next.png) no-repeat left top;

}

div.PNR_Menu .prevLink {

	display:block; width:35px; height:28px; float:left;

	background:url(images/arrow-prev.png) no-repeat left top;

}





.forum-reference {

	clear:both;

	margin:1em auto 1em auto;

}

.forum-reference p {

	text-align: left;	

	xoverflow:auto;

}

.forum-reference a {

	padding-left:17px;

	xpadding:8px 0 0 40px;

	xdisplay:block; xheight:32px; xwidth:216px;

	xfont-size:15px; font-weight:bold;

	background:url(images/tiny-quote.png) no-repeat;

	xbackground:url(images/medium-quote.png) no-repeat;

}











/* Front page elements

------------------------------------------------------------------------- */



#front-promo-area { background-color:#ccc; }

#frontPageMainImage { margin:0 auto; }



#front-page-text { border:1px solid #e7e7e7; padding: .5em; margin:.25em 0; overflow:auto; }

#frontPageDescImage { margin:1em 0em; float:left; border:1px solid #aaa; }

#frontPageDescHeadingImage { float:right; }



#front-page-text h2 { margin:0em auto; padding:0; }



#front-page-text h2.heading-a {

	xdisplay:block; text-align:right; width:5em;

	float:left; margin:0 0 0 .5em; line-height:1em;

}

/* IE6 hack. For some reason IE was doubling the left margin here */

* html #front-page-text h2.heading-a { margin:0 0 0 .25em; }



#front-page-text h2.heading-b {

	xdisplay:block; font-size:3.5em; color:#687e84;

	margin:0; line-height:.9em; float:right; clear:none;

}



#front-page-text ul { margin-left:150px; line-height: 1.25em;}

#front-page-text ul li {  }





#featured-titles {

	font-size:.7em; background-color:#f2f2f2; border:1px solid #e5e5e5; line-height:1.5em;

}

#featured-titles h2, #featured-titles h3 { text-align:center; margin:.5em auto; letter-spacing:.1em; }

#featured-titles h2 { font-size:1.4em; }

#featured-titles h3 { font-size:1.1em; margin:.5em auto .5em auto; }

#featured-titles .featured-title {

	margin:1em auto;

}

/* this is for the summary text area we were going to be putting underneath the featured titles on the front page. We will most likely only be using the featured-title-image */

#featured-titles  .featured-title-summary {

	width:163px; height:80px; margin:0 auto;	

	color:white;

}

#featured-titles  .summary-a { background:#8cd6f2 url(images/featured-title-bkgd-blu.png) no-repeat top left; }

#featured-titles  .summary-b { background:#8cd6f2 url(images/featured-title-bkgd-grn-drk.png) no-repeat top left; }

#featured-titles  .featured-title-summary p {

	margin:0; padding:.5em .5em 0 .5em; text-align:center;

}

#featured-titles .featured-title-image { margin: 3em auto; }

#featured-titles  .featured-title-link {

	margin-left:.5em;

}

#featured-titles  .divider { height:0; margin:.5em 1em; border-bottom:1px solid #d7d7d7; }

#frontPageFeaturedPages {

	xborder-left:1px solid #e7e7e7; xborder-right:1px solid #e7e7e7; xpadding:0 1em; overflow:auto;

}

#frontPageFeaturedPages h2 { margin:.5em auto .5em auto; font-size:1.8em; }

#frontPageFeaturedPages h3 { font-size: 1.2em; margin:1em auto .5em auto; }

#frontPageFeaturedPages .documentSummary { float:left; padding-bottom:.5em; overflow:auto; border-bottom:1px solid #e7e7e7; }

#frontPageFeaturedPages .documentSummaryText { width:22em; float:right; }

#frontPageFeaturedPages .readMoreLink { float:left; clear:left; width: 8em; }











/* Full Guides summary page

------------------------------------------------------------------------- */

#guide-summaries h2 { margin:.5em auto; }

#guide-summaries .documentSummary { float:left; width:28em; margin:1em; xborder:3px solid red; xbackground:black; }

/* IE6 only hack */

#guide-summaries .documentSummary { _width:26em; }

#guide-summaries .odd { clear:left; }

#guide-summaries .readMoreLink { float:left; clear:left; }









/* blank page styles

------------------------------------------------------------------------- */

.blank .parentLink { display:block; text-align:center; margin:1em auto; }









/* tutorial submission form

------------------------------------------------------------------------- */

#tutorial-submission-form  { width: 37em; margin: 0 auto; }

#tutorial-submission-form h1 { text-align:center; }

#tutorial-submission-form label {

	display:block;

	float:left;

	clear:left;

	text-align:right;

	width: 9em;

	margin-right: 1em;

	font-weight: bold;

}

#tutorial-submission-form .captcha-container {

	margin-left: 10em;

}

#tutorial-submission-form .captcha-container img {

	display:inline;

}

#tutorial-submission-form .submit {

	margin-left:9.5em;

}

#tutorial-submission-form table, #tutorial-submission-form table td  { padding: 2px 3px; }

#tutorial-submission-form .input-column { margin-left:10em; }







/* Header Content

------------------------------------------------------------------------- */



#header {

	/* this image was moved to the body background with the body's background color */

	background:#18323e url(images/header-gradient.png) repeat-x top left;

}



#header-content {

	background:#18323e url(images/header-gradient.png) repeat-x top left;

}



#header h1 {

	width:10em;

	clear:none;

    color: #fff;

	margin: 0 .5em .5em 0;

}



#header h1 a {

    text-decoration: none;

    border-bottom: none;

}

#header h1 a:hover { 

    /*color: #eee; */

}



#site-logo {

	height:96px;

	width:275px;

	position:relative;

	left:50%;

	margin-left:-33em;

	background:url(images/logo.png) no-repeat top left;

}

#site-logo a {

	height:96px; width:275px;

	display:block; text-decoration:none;

}

#site-logo a h1 { visibility:hidden; }



/* Search Form 

------------------------------------------------------------------------------- */

#search {

	xfloat:right;

	

    padding: 0;

	margin: 1em 6px .5em 0;

	position:absolute; top:13px; left:50%; margin-left:15.3em;

}



#search .FSF_form {

	height:22px;

}

#search input.FSF_input, .FSF_form input.FSF_input { 

    display: inline;

    xborder-left-color: #c3c3c3;

    xborder-top-color: #7c7c7c;

	border:0;

    xmargin: -1px 3px 0;

    padding: 3px 0 0 5px;

    height:19px;

    position:relative; top:-6px;

    background: url(images/top-search-field-bgrd.png) no-repeat left top;    

}

/* IE7 only hack. the html>body and teh * before the property aim this at IE7 only */

html>body #search input.FSF_input, html>body .FSF_form input.FSF_input { *top:-4px; }

/* IE6 only hack */

#search input.FSF_input, .FSF_form input.FSF_input { xposition:static; _top:-4px; }

#search input.FSF_submit, .FSF_form input.FSF_submit { 

    display: inline;    

    padding: 0;

	background-color:#fff;

}



/* main Links

-------------------------------------------------------------------------*/

#main-links {

	/*float:left;

	clear:both;	*/

	margin:0; padding:0;

	position:absolute;

	top:73px;

	height:23px;

	

	/* for IE */

	overflow:hidden;

	

	color:white;

	/* fudeged up from 62.1 to make Firefox behave in normal font size. IE has correct size set below. */

	width:62.1em;

	/* dimension converted to pixel width in normal font size */	

	xwidth:794px;

	margin:0;

	background:#687e84 url(images/main-links-right.png) no-repeat top right;

}

/* IE hack */

* html #main-links  { width:62.1em; }

#main-links ul {

	margin:0; padding:0;

	list-style: none;

}

/* IE hack 

* html #main-links {

	margin-left:-.5em;

	padding:0;

}*/

/* IE hack 

* html ul.main-links {

	margin-left:0;

	padding:0;	

}*/

ul.main-links li {

    padding:0;	

	text-align:center;

	font-weight:bold;

	float:left;

	margin:0;

	background-color: #687e84;

}

ul.main-links a, ul.main-links li.activeLink span {

	float:left;

	height:23px;

	font-size:13px;

	/*color:#d8f7e5; - old light teal color */

	color:white;

	/* padding: .5em 1em .25em 1em; */

	padding: 3px 10px 0 10px;

	text-decoration:none;

	background: url(images/main-links-center.png) no-repeat center top;

}

ul.main-links li a:hover, ul.main-links li.activeLink a:hover  {

	color:white;

	background: url(images/main-links-center.png) no-repeat center -23px;

}

ul.main-links li.first a:hover {

	background: #687e84 url(images/main-links-left.png) no-repeat left -23px;

}

ul.main-links li.first a {

	padding-left:13px;

	background: #687e84 url(images/main-links-left.png) no-repeat top left;

}

ul.main-links li.activeLink a {

	background: url(images/main-links-center.png) no-repeat center -46px;

	color:white;

}

ul.main-links li.first a.activeLink {

	background: url(images/main-links-left.png) no-repeat left -46px;

}

/*

ul.main-links li.activeLink span, ul.main-links li.activeLink a {

	height:23px;

	float:left;

	padding: .5em 1em .25em 1em;

	background: url(images/nav_tab_wht_rnd_r.png) no-repeat top right;

}

*/











/* index column

------------------------------------------------------------------------- */



.index h1, .index h2 {

	font-size: 1.5em;

	margin: .25em 0;

	padding-left:.25em;

}



.index h2 {

	width:100%; padding:10px 0 10px 10px; margin:0;

	background:#5a6d7d url(images/index-header-grad.png) repeat-x left top;

	color: #ebeef0; font-size: 1.25em; text-transform: uppercase;

}



/* style the first level list */

.index ul.categoriesIndex {

	border: .1em solid #cfd1d4;

	border-right:none;	 

}

/*general styles for ul at all levels */

.index ul.categoriesIndex, .index ul.categoriesIndex ul { list-style-type: none; margin:0; padding:0; }

/* styles for li at all levels */

.index ul.categoriesIndex li { margin:0; padding:0; list-style:none; width: 15.9em; overflow:hidden; }

/* styles for anchors at all levels */

.index ul.categoriesIndex a {

	border-right: .2em solid #cfd1d4;

	text-decoration:none;

	font-weight:normal;

	display:block;

	margin:0;

	border-bottom: 1px solid #cfd1d4;

}

/* currentDocument at all levels */

.index ul.categoriesIndex a.currentDocument { font-weight:bold; }

/* hover anchors at all levels */

.index ul.categoriesIndex a:hover {  }





/* hide all second level lists by default */

.index ul.categoriesIndex li ul { display:none; }

/* show the list under the first level activelink item */

.index ul.categoriesIndex li.activeLink ul { display: block; }

/* hide all third level lists under the first level activelink by default */

.index ul.categoriesIndex li.activeLink ul li ul { display:none; }

/* show all third level lists under the second level activelink */

.index ul.categoriesIndex li.activeLink ul li.activeLink ul { display: block; }





/* styles for first level links */

.index ul.categoriesIndex li a {

	background: url(images/index-top-level-gradient.png) repeat-y top left;

	padding:5px 0 5px .5em;

	width:15.3em;

	text-decoration:underline;

}

.index ul.categoriesIndex li a:hover {

	background: url(images/index-top-level-grad-dark.png) repeat-y;

}

.index ul.categoriesIndex li.activeLink a {

	/*font-weight:bold;*/

	background: url(images/index-top-level-grad-dark.png) repeat-y;

}

.index ul.categoriesIndex li.activeLink a.currentDocument { color:#000; }



/* styles for second level links */



.index ul.categoriesIndex li.activeLink ul li a { /*font-weight:normal;*/ text-decoration:none; }

/* bold second level li.activelink and everything under it */

.index ul.categoriesIndex li.activeLink ul li.activeLink a {

	/*font-weight:bold;  background: url(images/index-sec-level-grad-dark.png); */

}



.index ul.categoriesIndex li.activeLink ul a {

	background: url(images/index-sec-level-grad.png) repeat-y top left;

}

/*.index ul.categoriesIndex li.activeLink ul li { border-bottom: 1px solid #cfd1d4; }*/

.index ul.categoriesIndex li.activeLink ul li a { padding: 1px 0 1px 1em; width:14.8em; }

.index ul.categoriesIndex li.activeLink ul a:hover /*, .index ul.categoriesIndex li.activeLink ul a.currentDocument */ {

	background: url(images/index-sec-level-grad-dark.png) repeat-y;

}

.index ul.categoriesIndex li.activeLink ul li.first a.first { background: url(images/index-sec-level-grad-sdw.png) repeat-y; padding-top: 5px; }

.index ul.categoriesIndex li.activeLink ul li.first a:hover { background: url(images/index-sec-level-grad-dark-sdw.png) repeat-y; }

.index ul.categoriesIndex li.activeLink ul li.first a.currentDocument { background: url(images/index-sec-level-grad-dark-sdw.png) repeat-y;  }

.index ul.categoriesIndex li.activeLink ul li.last a.last { padding-bottom:5px; }





/* styles for third level links */



/* unbold third level links */

.index ul.categoriesIndex li.activeLink ul li.activeLink ul li a { /*font-weight:normal;*/ }



.index ul.categoriesIndex li.activeLink ul li.activeLink ul a {

	background: url(images/index-trd-level-grad.png) repeat-y top left;

	padding: 1px .5em 1px 2em; width:13.3em;

}

.index ul.categoriesIndex li.activeLink ul li.activeLink ul a:hover { background: url(images/index-trd-level-grad-dark.png) repeat-y; }

.index ul.categoriesIndex li.activeLink ul li.activeLink ul li.first a { background: url(images/index-trd-level-grad-sdw.png) repeat-y; }

.index ul.categoriesIndex li.activeLink ul li.activeLink ul li.first a:hover { background: url(images/index-trd-level-grad-dark-sdw.png) repeat-y; }

.index ul.categoriesIndex li.activeLink ul li.activeLink ul li.activeLink a {

	background: white;

	color:#000;	

	font-weight:bold;

}

.index ul.categoriesIndex li.activeLink ul li.activeLink ul li.activeLink a.first {

	background: #fff url(images/index-sdw.png) repeat-y top left;

}



/* current document link style */

/*

.index  li.currentDocument > a, .index  li.currentDocument > a:hover {

	xbackground: #fff url(images/index-arrow.png) no-repeat 2px 4px !important;

	background: #fff;	

	font-weight:bold !important;

	border:none !important;

	width:13.9em !important;

	color:#cb9350 !important;

}

.index  li.currentDocument > a.first {

	background: #fff url(images/index-sdw-tilted.png) no-repeat top left !important;

}

*/















/* Forum specific styles

------------------------------------------------------------------------- */

#forums-content .B_crumbBox {

	margin-left:1em;

}

#forums-content .node_and_comments {

	padding: 4px; xoverflow:auto; background:#f1f0eb;

	border: 1px solid #d1d0cc;

}

#forums-content .nodePage h1.title {

	font-size:1.6em; line-height:1em; margin:.5em 0;

}

#forums-content .node, #forums-content .comment {		

	padding:0; margin:0; overflow:auto; clear:both;

}

#forums-content .comment {

	margin-top:4px; margin-left:16px;

}

#forums-content .node .header, #forums-content .comment .header {

	border: 1px solid #d1d0cc; border-bottom:none;

	margin:0; padding:0 4px;

	text-align:right; font-size:.9em; color:#5e5e5c;

	background:#ebecf1;

}

#forums-content .node .author_name, #forums-content .comment .author_name {

	float:left;

}



#forums-content .node .content, #forums-content .comment .content {

	padding:2em; margin:0;

	border: 1px solid #d1d0cc; border-top:none; border-bottom:none;

}

#forums-content .node .post_footer, #forums-content .comment .post_footer {

	background:white url(images/forum-post-bottom-left.png) no-repeat left bottom;

}

#forums-content .node .post_links, #forums-content .comment .post_links {

	margin-left:30px; border: 1px solid #d1d0cc; border-top:none; border-left:none;

}





/* Styles for forum summary pages */

#forum table {

		border-collapse: separate; border-spacing:0 2px; padding:0 4px 15px 4px;

		background:#f1f0eb; border: 1px solid #d1d0cc;

}

#forum table a { color:#88988e; font-weight:bold; }

#forum th { background-color:#254554; border-bottom: 1px solid #d1d0cc; }

#forum thead tr { color:white; border: 1px solid #d1d0cc; }

#forum th a { color:white; text-decoration:none; }

#forum th a:hover { text-decoration:underline; }

#forum th img { display:none; }

#forum table tbody { xdisplay:block; xwidth:100%; xpadding: 2px 3px 15px 3px; xborder:10px solid #f1f0eb; }

#forum tbody tr { xmargin:10px; border:none; }

#forum tbody td { padding: 0 4px; border:1px solid #d1d0cc; border-left:none;  }

#forum tbody td.icon { background:#f9f9f9; border-left:1px solid #d1d0cc; border-right:none; }

#forum tbody td.icon img { margin:0 auto; }

#forum tbody td.topic { background:#fff; }

#forum tbody td.replies { background:#f5f4f9; }

#forum tbody td.created { background:#fff; border-right:none; }

#forum tbody td.last-reply { background:#f5f4f9; }



/* styles for main forums list */

#forum tbody td.container { background:#809ca0 url(images/forum-container-heading-background.png) repeat-y left top; }

#forum tbody td.container a { color:white; text-decoration:none; font-weight:bold; }

#forum tbody td.container a:hover { text-decoration:underline; }

#forum tbody td.forum { background:white url(images/forum-list-item-arrow.png) no-repeat 15px 50%; border-left:1px solid #d1d0cc; }

#forum tbody td.topics { background:#f5f4f9; }

#forum tbody td.posts { background:white; }



#forum .feed-icon { display:none; }











/* Footer 

------------------------------------------------------------------------- */

#footer {

	text-align:center;

	/*background: #fafafa;*/

	overflow:hidden;

	height:30px;

}



#footer-content {

	background: url(images/footer-right.png) no-repeat top right;

	overflow:auto;	

}

#footer-left-border {

	height:100%; xwidth:794px;

	background: url(images/footer-left.png) no-repeat top left;

}



#footer-content p {

	text-align:left;

	float:left; margin:0 0 0 1em; padding:0; }



#footer-links {

	margin:0 auto;

	height:27px;

	padding: 0px 1em 0 0;

	text-decoration:none;	

	text-align:right;

	float:right;

}

#footer-links li {

	display:inline;

	margin: 0 .25em;

	font-size:13px;

}



.linux-text {color: #FF6600}

.linux-underline {

	text-decoration: underline;

}