/* FONT FACES */

body, .postcomment, .forcedpagefont, #jscommenting, .js-settingswindow table tr td, div .js-kit-comments div .js-singleCommentText {font-family:verdana,Sans-Serif;color:#404040;}

/* FONT COLORS */

h1 {font-style:normal;font-weight:normal;font-size:100%;padding:0px;margin:0px;}

a, a:link, a:visited {color:#404040;text-decoration:none;}
a:hover {color:crimson;text-decoration:underline;}
#dropmenu a, #dropmenu a:hover {text-decoration:none;}
.pageparagraph a {text-decoration:underline;}
a.morelink {color:crimson;}
.formlabel , .js-kit-comments div, #jscommenting .comfield, .nocomment, .subfont, .sidebaritemdoc .listoutbg, #slogan, #sidebar input.sfield {color:#404040;}
#dropmenu a, #dropmenu a:visited {color:#000000;}
#dropmenu a:hover {color:#ffd61c;}
.sidebartitle {color:#404040;}

/* --- 	BACKGROUND COLORS --- */

body {background:#ffffff url(topp-bg.png) top left;background-repeat:repeat-x;color:#404040;} /* BODY background */
.postcomment {background:#ffffff;} /* Content container */
.blogfooter, #notfoundnote {background:#eeeeee;} /* generic dark color */
#sidebar .sfieldbox, .listoutP, .listoutbg, .sfieldbox, input.sfield, input.findbtn, input.findbtn:hover, .sfieldbox {background:transparent;} /* transparency override for certain elements */

/* --- 	BORDER-COLORS  --- */

div .js-singleComment {border:1px #404040 solid;} /*  posted comments */
 .listsub, .listfile, .listnav {border-top: 1px #404040 solid;} /* various page elements */
.sidebarpara img {border:0px #404040 solid;}
.comfield, .comfieldtext, #notfoundnote, div table tbody tr td select, .js-JSIPEInput {border:1px #404040 solid;} /*  comments ,article footers, error messages */
#dropmenu .dropdown  ul  {border:1px #000000 solid;}

/* TOPMENU & SITEMAP */

#drops {z-index:4;}
.dropdown {margin:0px;padding:0px;list-style:none;visibility:hidden;}
#dropmenu ul {padding:0px;margin:0px;}
#dropmenu a, #dropmenu a:visited {height:25px;margin:0px;padding:0px 14px 0px 10px;cursor:pointer;overflow:hidden;white-space:nowrap}
#dropmenu .dropdown  ul li a, #dropmenu .dropdown  ul li a:visited {width:170px;height:20px;height:100%;padding:5px 10px 6px 5px;white-space:wrap;overflow:visible;}
#dropmenu .dropdown ul li ul {margin:10px 0px 0px 0px;}

/* 
*html #dropmenu .dropdown ul  li ul li {margin-left:-50px;}
*/ /* PARTIAL IE FIX FOR LAYERED MENU - BLACK BORDERS NOT WORKING */

.pageparagraph #drops {visibility:visible;}
.pageparagraph li {list-style:none;}
.pageparagraph #menuhome {display:none;}
.pageparagraph #menusitemap{display:none;}
img, .sfieldbox, input.sfield, input.findbtn, input.findbtn:hover  {border:0px;} /* suppress borders  on all auto-generated elements */
input.findbtn:active{border:0px transparent solid;} /* add some space on the SearchButton graphic for IE6 */
#sidebarinclude {border-top:0px #bfb4e3 solid;} /*  Include file in Sidebar if activated */

/* --- 	GENERAL FORMATTING STUFF: you should never need to edit anything below this line -- */

#page {text-align:left;margin-left:auto;margin-right:auto;z-index:1;width:980px;padding-top:30px;
	margin:0px auto; }/* Fix for IE positioning bug */
body {margin:0px;padding:0px;}
#pagepadding {padding-top:100px;}
.iefix {text-align:center;font-size:75%;} /* Fix for IE6 positioning bug */

#logo {margin:0px;padding:0px 0px 5px 0px;margin-top:-10px;} /*  Your Website logo - Z-INDEX NOT WORKING IN SAFARI */

#slogan {padding-left:10px;padding-right:10px;margin-top:-10px;}  /*  intro text on top of all pages */
.dropdown {visibility:hidden;}


#dropmenu {height:26px;margin:-2px 0px 0px 0px;padding:0px 0px 0px 30px;position:relative;z-index:2;top:17px;} /* position of the DropDown Menu if it exists */
*html #dropmenu {top:14px;}

.postcomment {margin:0px;padding:0px;} /* body tag for comments iframe */
#pageframe {}
	/* The #pageframe div is special: It detects the #sidebar position [left | none | right] and positions the
	background-image accordingly [top left | top center | top right ]  */
#pagecontent {width:700px;margin-left:10px;margin-right:10px;} 
	/* content wrapper if sidebar is enabled. Has float:left built-in for FirstMagic functionality */
#pagecontentsec {width:930px;margin-left:10px;margin-right:10px;} /* content wrapper if no sidebar */
.homepageitem .listheader .subdate, .pagedate {padding-top:5px;}
.homepageitem .listfile {margin-bottom:10px;padding-top:5px;} /* article and list item  */
.homepageitem, .listpage {padding:0px;} /* article on homepage  */
* html .homepageitem {margin-right:10px;padding-right:0px;width:100%;overflow:hidden;} /* IE6 width bug fix */
#pageservices {overflow:hidden;margin-left:0px;margin-right:0px;margin-bottom:20px;} /*  included at the bottom of all page content if activated */

/* SIDEBAR */

#sidebar {width:240px;overflow:hidden;padding-bottom:4px;}
*html #sidebar {margin-left:0px;padding-left:15px;} /* wrapper for the sidebar. Has float:left built-in for FirstMagic functionality */
.sidebarpara img {margin:5px 5px 5px 0px;padding:0px;float:left;} /* images in sidebar */
.sidebartitle {margin:0px -1px 0px -1px;padding:15px 20px 4px 20px;} /* Sidebar Doc title formatting */
.sidebaritemdoc .listoutbg {padding-top:5px;padding-left:20px;padding-right:20px;} /* Formatting the content of Sidebar Doc output */
.sidelink, .sidelink_file  {padding-top:3px;padding-left:20px;padding-right:20px;} /* Sidebar List Item */
.sidelinkend {padding-right:30px;padding-bottom:10px;padding-top:2px;margin-bottom:5px;} /* formatting MORE-link in Sidebar lists */
.sidelinkend a {display:none;}
.sidelinkend {height:15px;} /* Putting some distance after Blogtools in the Sidebar */
#sidebarinclude {margin:5px 3px -4px 3px;padding:5px 0px 5px 0px;} /*  Include file in Sidebar if activated */
.sidebaritemdoc .sidebaritem br {display:none;} /*  suppress trailing break in FirstClass Content output */
.sidebaritemdoc .sidebaritem .sidebarpara {padding-bottom:10px;} /*  substitute trailing break with vertical padding INSIDE output */
.sidebartitle {background:#ffffff url(elements.png) top center;background-position:1px -684px;background-repeat:no-repeat;}
.sidelinkend {background:#ffffff url(elements.png) top center;background-position:1px -832px;background-repeat:no-repeat;}
.sidebaritem, .sidebaritemdoc {background:url(box.png) top left;background-repeat:repeat-y;}
.sidelink_file {background:#ffffff url(none);}


/* EXTERNAL SERVICES OUTPUT */

.servicebox {padding:5px 10px 0px 0px;float:left;} /*  to keep pageervices separate if they have visible components */
#topbanner {top:10px;right:10px;position:absolute;z-index:1;} /*  included at the top of all pages if activated */
#wingbanner {top:156px;right:0px;position:absolute;white-space:nowrap;z-index:1;overflow:hidden;width:190px;} /*  included to the right of all pages if activated */
#bottombanner {margin-top:-25px;padding-bottom:10px;padding-top:0px;text-align:center;} /*  included at the bottom of all pages if activated */
#jscommenting {padding:0px 5px 10px 0px;margin:0px;} /*  JS-Comments  area */
div .js-kit-comments {padding-top:10px;} /*  JS-Comments  top margin */
div table tbody tr td select, .js-JSIPEInput {width:121px;} /*  Styling the preferences dialog */
div .js-CCButtons {width:520px;} /*  width of the New Comment dialog */
div .js-singleCommentINFO {padding-left:30px;} /*  User info in comment  */

/* FOOTER */

.blogfooter {margin:0px 0px 35px 0px;padding:3px 5px 3 px 5px;} /* article footer if article list is expanded on HomePage */
.nocomment {margin-bottom:5px;} /* Message if ocmments are allowed, but not on this particular page  */

/* ICONS */

.menuicon1, .menuicon0 {display:none;} /*  Suppress top-level menuicons in automatic top menu */
.menuicon {width:16px;height:16px;margin:0px;padding:0px;padding-right:5px;} /* Icons in automatic top menu */
.pageparagraph .dropdown img {margin:0px;padding:0px 5px 0px 0px;display:block;} /* Icons on sitemap */
.printbutton {padding-left:5px;} /*  print icon on article pages */

/* LINKS TO THE ELEMENTS FILE */

#dropmenu a:hover, #dropmenu .dropdown  ul li a:hover, .sidelink, .sidelink_file a:link, .sidelink_file a:visited, .listsub a, .listsub a:visited, .list a:link, .list a:visited, .listsearch a:link, .listsearch a:visited, #navbox, .sfieldbox, input.sfield, input.findbtn, input.findbtn:hover {background:url(elements.png);background-repeat:no-repeat;} /* #dropmenu,, #dropmenu .dropdown  ul li a, REMOVED. PUT BACK IN IF MULTI-LEVEL MENUES ARE SWITCHED ON */

/* POSITIONING GRAPHICS FROM THE ELEMENTS FILE  */

#dropmenu {background-position: 0px -497px;background-repeat:repeat-x;}
.sidebaritem .sidelink_file {background-position: 0px -860px;background-repeat:repeat-x;}
.sidelinkend {margin-left:-1px;margin-right:-1px;}
#newcomment .listsub {background-position: 0px -1000px;background-repeat:repeat-x;} 
.homepageitem .listfile, .homepageitem .listsub {background:transparent;}
.listsearch a:link, .listsearch a:visited {background-position: 0px -214px;}
.listsearch a:hover {background-position: 0px -244px;}
.sidelink_file a:link, .sidelink_file a:visited {background-position: -1px -34px;}
.sidelink_file a:hover {background-position: -1px -94px;}
.list a:link, .list a:visited {background-position: 0px -34px;}
.list a:hover {background-position: 0px -94px;}
#fold1 a:link, #fold1 a:visited {background-position: 0px -153px;}
#fold1 a:hover {background-position: 0px -183px;}
#navbox {background-position: 0px -274px;}
a.navfirst:link, a.navfirst:visited, a.navfirst:hover, a.navsecond:link, a.navsecond:visited, a.navsecond:hover, a.navthird:link, 
	a.navthird:visited, a.navthird:hover, a.navlast:link, a.navlast:visited, a.navlast:hover {background: url(elements.png) no-repeat;}
a.navfirst:link, a.navfirst:visited {background-position: -17px -323px;}
a.navfirst:hover {background-position: -16px -354px;}
a.navsecond:link, a.navsecond:visited {background-position: -33px -323px;}
a.navsecond:hover {background-position: -33px -354px;}
a.navthird:link, a.navthird:visited {background-position: -48px -323px;}
a.navthird:hover {background-position: -48px -354px;}
a.navlast:link, a.navlast:visited {background-position: -64px -323px;}
a.navlast:hover {background-position: -64px -354px;}
input.findbtn {background-position:-58px -627px;}
input.findbtn:hover{background-position:-58px -568px;}
input.findbtn:active {background-position:-58px -597px;}
#sidebar input.findbtn {background-position: -104px -628px;}
#sidebar input.findbtn:hover{background-position: -104px -569px;}
#sidebar input.findbtn:active {background-position:-104px -598px;}
input.sfield {background-position:0px -447px;}
#sidebar input.sfield {background-position:0px -406px;}
#dropmenu a:hover {background-position: 0px -864px;background-repeat:repeat-x;}
#dropmenu .dropdown  ul li a, #dropmenu .dropdown  ul li a:visited {background-position: 0px -496px;background-repeat:repeat-x;}
#dropmenu .dropdown ul li a:hover {background-position: 0px -864px;background-repeat:repeat-x;}


/* FONT SIZES AND STYLES */

* html body {font-size:x-small;f\ont-size: small;} /* Fix for IE6 extreme font sizes */
.sidebarfont, .comfield, #pageservices, .subfont, .subdate, .listdate, .pagedate, .nocomment, .sidelinkend, .forcedpagefont {font-size:80%;line-height:130%;}
 .sidelink, .sidelink_file, #introfile .blogfooter, .listoutP, .listoutbg {font-size:90%;}
#slogan, .sidebartitle, .homepageinclude {font-size:120%;line-height:130%;}
.subtitle {font-size:140%;line-height:140%;}
#dropmenu a, #dropmenu a:visited {font-size:11px;line-height:25px;}
#sidebar input.sfield, div .js-kit-comments div .js-singleCommentText, #jscommenting, .js-settingswindow table tr td, div table tbody tr td select, .js-JSIPEInput, .sfieldbox, input.sfield, input.findbtn, input.findbtn:hover, #dropmenu .dropdown  ul li a, #dropmenu .dropdown  ul li a:visited, .blogfooter {font-size:11px;line-height:15px;}
* html #footer {font-size:11px;}
.formlabel, .subdate, .listdate, .pagedate, .sidelinkend {text-align:right;}
#jscommenting .comfield {line-height:90%;}
.formlabel {line-height:210%;}
 #introfile .blogfooter {line-height:140%;margin-bottom:30px;overflow:hidden;}
a.morelink, #slogan, .sidelinkend {font-style:italic;}
.sidebartitle {text-decoration:none;}

/* SIDEBAR AND CONTENT RENDERING */

.homepage {margin-top:100px;}
.subtitle, .subdate, .list, .listsearch, .listdate {float:left;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow:ellipsis;}
.subdate, .listdate, .pagedate {float:right;padding-right:2px;}
.listoutP, .listoutbg {margin:0px;padding:0px;}
.sidelink_file a:link, .sidelink_file a:visited {padding:0px 0px 0px 15px;}
.listsub a, .listsub a:visited, .list a:link, .list a:visited, .listsearch a:link, .listsearch a:visited {padding:0px 0px 0px 20px;}
.listfile, .listsub {margin-left:0px;margin-right:0px;padding:5px;}
.subtitle, .subdate, .list, .listsearch, .listdate {max-width:530px;} /* max-width for titles to avoid breaking any possible page view layout */
.listheader {margin-left:0px;margin-right:0px;padding-bottom:2px;}

/* BOTTOM NAVIGATION */
.iecenterfix {text-align:center;padding-top:5px;}
#footer {width:100%;background-repeat:no-repeat;text-align:center;height:25px;padding-top:5px;overflow:hidden; }
#navbox {width:96px;height:30px;text-align:center;white-space:nowrap;overflow:hidden;margin-top:5px;margin-left:auto;margin-right:auto;}
#navbrwap {height:13px;margin:8px 0px 0px 0px;}
.navboxbtn {width:16px;height:12px;}

/* SEARCHBOX */

#header {top:0px;right:0px;height:160px;text-align:right;width:100%;overflow:hidden;position:absolute;z-index:0;
	background:url(topp-ill.jpg) top right;background-repeat:no-repeat;
	}
#header #searchbox {white-space:nowrap;height:27px;width:220px;padding:6px 1px 0px 0px;float:right;margin-top:127px;margin-right:30px;}
.sfieldbox, input.sfield, input.findbtn, input.findbtn:hover {padding:0px;margin:0px;overflow:hidden;}
input.findbtn, input.findbtn:hover, .sfieldboxbtn {width:32px;height:22px;cursor:pointer;}
.sfieldbox {width:192px;height:25px;float:left;margin-right:-7px;}
*html .sfieldbox {margin-right:-12px;margin-top:-1px;}
input.sfield {width:178px;height:21px;padding:5px 0px 1px 8px;}
#sidebar #searchbox {padding:15px 0px 0px 20px;margin:0px;text-align:left;white-space:nowrap;height:36px;overflow:hidden;}
#sidebar input.findbtn, .sfieldboxbtn {width:24px;height:22px;cursor:pointer;}
#sidebar input.sfield {width:159px;height:22px;padding:4px 0px 0px 8px;}
#sidebar .sfieldbox {width:160px;height:21px;float:left;margin:0px;}

/* THE COMMENTS FORM */

#comm {width:680px;height:220px;display:block;padding:0px 0px 0px 0px;visibility:visible;overflow:hidden;}
.comfield, .comfieldtext {padding:5px;}
.comfield {width:200px;margin:0px 0px 4px 0px:}
.comfieldtext {width:520px;height:120px;}
#commentbox {padding:40px 0px 0px 0px;margin:0px 5px 0px 5px;}
input, #commentbox form, .ineditform form, #inedit {padding:0px;margin:0px;}
.formlabel {float:left;width:130px;padding:0px 10px 0px 0px;overflow:hidden;}
.formfield {float:left;margin-bottom:3px;}
#newcomment .listsub {margin:0px;padding:3px 10px 2px 10px;margin-left:140px;width:498px;overflow:hidden;border:1px #bfb4e3 solid;}
*html #newcomment .listsub {width:520px;margin-left:130px;}
#newcomment .listoutbg {margin:0px;padding:10px 10px 0px 10px;margin-left:140px;width:520px;overflow:hidden;
	border:1px #bfb4e3 solid;border-top:0px;margin-bottom:-20px;background:#f2f4f7;color:#555555;
	}
*html #newcomment .listoutbg {margin-left:130px;}

/* THE JS-COMMENTS COMMENTS FORM */

div .js-CCMore {float:right;}
div.js-commentTool a ,div.js-commentTool a:visited {display:none;}
 .js-kit-comments div {margin:0px 0px 1px 0px;} 
div.js-commentControl {padding:0px 5px 2px 0px;cursor:pointer;}
div .js-singleComment {margin:0px 0px 5px 0px;padding:3px 5px 4px 5px;}
div .js-commentFieldLabel {padding:4px 0px 3px 0px;}
div .js-CreateComment textarea {margin-bottom:5px;}

/* VARIOUS ELEMENTS */

#notfoundnote {margin:10px 25px 20px 25px;padding:30px;}
.pageparagraph img {margin:0px 10px 0px 0px;padding:0px;}
.homepageinclude .listoutP img, .listout_img {margin:1px 6px 2px 0px;overflow:hidden;float:left;}
.listfile, .listsub {padding-left:0px;margin-left:0px;}
*html  ul li .submenu {margin-bottom:-3px;} /* IE crutch */