body
{
	background: url('nofobg00.png') repeat-x top center #FFF;
	margin:0px;
	font:16px/24px 'times new roman', times, serif;
	color:#222;
	overflow:auto;
}
body.HOME, body.ABOUT
{
	font:17px/24px 'times new roman', times, serif;
}
img
{
	border:0px;
}
div
{
	display:block;
}
a:link, a:visited
{
	color:#444;
	text-decoration:none;
}
a:hover, a:active
{
	color:#D00;
	text-decoration:underline;
}
p
{
	margin-top:10px;
}
p.quote
{
	background:#EEE;
	padding:10px 14px;
	color:#444;
}
p.quote2
{
	background:#EEE;
	padding:16px 14px 10px 32px;
	color:#444;
}
p.author
{
	color:#555;
	margin:0px 0px 4px 0px;
	font-style:italic;
}
p.footer
{
	font-size:12px;
	color:#888;
	margin-top:40px;
}
h1
{
	font-size:24px;
	font-weight:bold;
	margin:10px 0px 20px;
}
h2
{
	font-size:18px;
	font-weight:normal;
	margin:30px 0px 10px;
}
.HOME h2
{
	margin-top:-18px;
	margin-bottom:20px;
}
h3
{
	font-size:18px;
	font-weight:bold;
	margin:20px 0px 0px 0px;
}
h4
{
	font-weight:normal;
	font-style:italic;
	margin-bottom:0px;
}
div.editors
{
	float:right;
	font-size:15px;
	color:#888;
	text-align:right;
	line-height:19px;
}
div.issue .contents h2
{
	display:none;
}
div.issue
{
	margin-top:20px;
	text-align:left;
	position:relative;
}
.issues div.issue
{
	clear:both;
}
div.issue a
{
	color:inherit;
	display:block;
}
div.issue h3
{
	font-size:20px;
	font-size:18px;
	font-weight:normal;
}
div.issue h4
{
	color:#C00;
}
body.BACK_ISSUES h1
{
	margin-bottom:30px;
}
body.BACK_ISSUES div.pdflink
{
	top:10px;
}
body.BACK_ISSUES div.issue
{
	margin-top:0px;
	text-align:left;
	position:static;
}
body.BACK_ISSUES div.issue h3
{
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
}
body.BACK_ISSUES div.issue p.author
{
	font-size:14px;
}
body.BACK_ISSUES .issue h2
{
	width:200px;
	margin:0px;
	padding-bottom:16px;
	border-right:1px solid #CCC;
	padding-top:4px;
	font-size:16px;
	cursor:pointer;
}
body.BACK_ISSUES .contents .editors
{
	float:none;
	line-height:20px;
}
body.BACK_ISSUES .contents h2
{
	display:none;
}
body.BACK_ISSUES h2.relaunch_issue
{
	border-bottom:1px solid #C00;
}
body.BACK_ISSUES h2.old_issue
{
	color:#777;
	padding-bottom:10px;
}
body.BACK_ISSUES #issue_8
{
	padding-top:10px;
}
body.BACK_ISSUES  .contents
{
	display:none;
	position:absolute;
	top:200px;
	margin:0px 20px 40px;
	margin-left:200px;
	min-height:600px;
	width:480px;
	padding-left:20px;
	padding-top:50px;
}
/*
body.BACK_ISSUES .issue:hover{z-index:5;}
body.BACK_ISSUES .issue:hover > .contents{display:block;}
body.BACK_ISSUES .issue:hover > h2{color:#C00;}
*/
body.BACK_ISSUES .issue.active{z-index:5;}
body.BACK_ISSUES .issue.active > .contents{display:block;}
body.BACK_ISSUES .issue.active > h2{color:#C00;}
body.SPECIAL_ISSUES .issue
{
	border-top:10px solid #C00;
	margin-top:50px;
}
body.SPECIAL_ISSUES h2
{
	font-size:18px;
	position:absolute;
	margin-left:-190px;
	width:150px;
	margin-top:-16px;
	color:#C00;
}
body.SPECIAL_ISSUES .pdflink
{
	position:absolute;
	left:0;
	top:48px;
	margin-left:-190px;
	width:150px;
}
body.SPECIAL_ISSUES div.issue h3
{
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
}
body.SPECIAL_ISSUES div.issue p.author
{
	font-size:14px;
}
body.SPECIAL_ISSUES div.editors
{
	position:absolute;
	top:15px;
	right:0;
}

ul
{
	padding-left:14px;
	margin-top:10px;
}
#wrapper
{
	display:block;
	width:900px;
	margin:0px auto;
}
#wrapper.admin #content
{
	padding-bottom:6em;
}
#header
{
	background: url('nofohdbg00.png') no-repeat top left transparent;
	display:block;
	height:94px;
	margin-left:-100px;
	padding-left:100px;
}
#logo
{
	background: url("nofologo.png") no-repeat scroll center center transparent;
	display: block;
	height: 64px;
	width: 160px;
	float:left;
	overflow:hidden;
	text-indent:200px;
}
#slogan
{
	display: block;
	height: 64px;
	float:left;
	margin-left:40px;
	font-size:18px;
	text-transform:uppercase;
	line-height:64px;
	color:#FC0;
}
#menu
{
	display: block;
	float:left;
	margin-left:200px;
	font-size:11px;
	position:relative;
	z-index:2;
}
#content
{
	display: block;
	float:left;
	min-height:460px;
	margin-top:40px;
}
#ct_left
{
	display: block;
	float:left;
	margin-right:40px;
	width:160px;
	min-height:100px;
}
#ct_main
{
	display: block;
	float:left;
	width:620px;
	text-align:justify;
	position:relative;
}
body.BACK_ISSUES #ct_main
{
	position:static;
}
#footer
{
	display: block;
	float:left;
	color:#888;
	font-size:11px;
	margin-top:40px;
	line-height:18px;
}
#ft_left
{
	display: block;
	float:left;
	margin-right:40px;
	width:160px;
	text-align:center;
}
#ft_right
{
	display: block;
	float:left;
	width:620px;
	text-align:right;
}
#footer p
{
	margin:0px 0px 3px;
}
div.textbanner
{
	display:block;
	text-align:center;
	margin-top:27px;
}
div.textbanner div.bannerdiv:before
{
	content:'';
	background:url('nofo_bracketup.png') no-repeat center center transparent;
	height:40px;
	position:relative;
	display:block;
}
div.textbanner div.bannerdiv:after
{
	content:'';
	background:url('nofo_bracketdn.png') no-repeat center center transparent;
	height:40px;
	position:relative;
	display:block;
}
div.textbanner div.bannerdiv .hr
{
	width:80px;
	margin:5px auto;
	border-bottom:1px solid #aaa;
	color:#aaa;
	height:0px;
	padding:0;
}
div.textbanner a:hover
{
	text-decoration:unset;
	color:unset;
}
div.textbanner img
{
	display:inline-block;
}
div.textbanner span
{
	display:block;
	padding:6px 10px;
}
/* text attributes */
.txt_12{font-size:12px;}
.txt_14{font-size:14px;}
.txt_18{font-size:18px;}
.txt_20{font-size:20px;}
.txt_22{font-size:22px;}
.txt_grey{color:#888;}
/* /text attributes */
/* menu */
#menu ul, #menu li
{
	list-style:none;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
}
#menu ul li ul li
{
	float:none;
	min-width:150px;
}
#menu li ul
{
	display:none;
	position:absolute;
	margin-top:0px;
	margin-left:-1px;
	border:1px solid #EEE;
}
#menu li:hover > ul
{
	display:block;
	background:#FFF;
}
#menu li
{
	border-bottom:1px solid #EEE;
}
#menu li ul li
{
	border-bottom:0px solid #EEE;
}
#menu a, #menu span
{
	padding:8px 8px;
}
/* /menu */

/* PDF VIEW */
body.PDF
{
	overflow:auto;
	position:absolute;
	width:100%;
	height:100%;
	background:url("nofohdbgrd00.png") repeat-x scroll left top transparent;
}
body.PDF #wrapper
{
	float:left;
	width:240px;
	margin:0px;
}
body.PDF #reader
{
	display:block;
	width:90%;
	height:100%;
	margin:0px;
}
body.PDF iframe
{
	display:block;
	margin:0px;
	width:90%;
	height:100%;
}
body.PDF #header
{
	background: url('nofohdbgrd00.png') repeat-x center top transparent;
	display:block;
	height:200px;
	margin:0;
	padding:0;
}
body.PDF #logo
{
	background: url("nofologo.png") no-repeat scroll center center transparent;
	display: block;
	height: 64px;
	width: 160px;
	overflow:hidden;
	text-indent:200px;
	margin:10px auto 0;
	padding:0px 40px;
}
body.PDF #slogan
{
	display: block;
	height: 64px;
	font-size:12px;
	text-transform:uppercase;
	line-height:24px;
	color:#FC0;
	text-align:center;
	margin-left:0;
	padding:0 40px;
}
body.PDF #content
{
	display: block;
	float:left;
	min-height:460px;
	margin-top:0px;
}
body.PDF #ct_main
{
	display: block;
	float:left;
	width:160px;
	padding:0 40px;
	text-align:left;
}
body.PDF #footer
{
	display: block;
	float:left;
	width:160px;
	padding:0 40px;
	margin-top:10px;
}
body.PDF p.footer
{
	display: none;
}
body.PDF img
{
	display:block;
	margin:0px auto 10px;
}
body.PDF #footer a
{
	display:block;
	font-size:12px;
	text-align:center;
	margin-top:0px;
}
body.PDF .issue h1
{
	font-size:16px;
	margin-top:0;
	text-align:center;
	margin-bottom:10px;
}
body.PDF .issue h3
{
	margin-top:10px;
}
body.PDF .issue h2
{
	display:none;
}
body.PDF .issue .editors
{
	display:block;
	float:none;
	text-align:left;
	font-size:12px;
	line-height:16px;
}
body.PDF .issue h3, body.PDF .issue p, body.PDF .contents
{
	font-size:12px;
	line-height:16px;
}
body.BACK_ISSUES div.issue a, body.PDF div.issue a
{
	color:inherit;
	display:block;
	margin-bottom:10px;
}


/* EDITVIEW */
ul.tabs
{
	border-bottom:1px solid #888;
	padding-bottom:1em;
	width:100%;
}
ul.tabs, ul.tabs li
{
	list-style:none;
	padding:0px;
	display:block;
	float:left;
}
ul.tabs li.current
{
	background:#EEE;
}
ul.tabs li
{
	background:#CCC;
	margin-right:4px;
	border-radius:4px 4px 0 0 ;
	cursor:pointer;
}
ul.tabs a, ul.tabs span
{
	padding:16px 16px;
}
ul.tabs li.ui-state-highlight{
	display:block;
	min-width:3em;
	height:2em;
	background:#C21;
}
.panes{clear:both;}
.issues.panes ul.tabs li{
	float:none;
	border-radius:4px;
	margin-bottom:2px;
	border-bottom:1px solid #888;
}

.editArticle{
	background:#EEE;
	border-bottom:1px solid #CCC;
	padding:0.5em 1em;
}
.editArticle label{
	width:20%;
	float:left;
}
.editArticle input{
	background:#FFF;
	border-top:1px solid #CCC;
	width:50%;
}
.updatebutton:hover{background:#E22;}
.updatebutton{
	border:0;
	font-size:140%;
	padding:.5em;
	margin-bottom:1em;
	margin-bottom:0em;
	position:fixed;
	bottom:0;
	left:0;
}
.buttonAddArticle{
	display:block;
	text-align:center;
	padding:1em;
}
.buttonRemArticle{
	display:block;
	position:absolute;
	left:100%;
	text-align:center;
	padding:1em;
	border:1px solid #CCC;
	border-left:0px solid #CCC;
	border-radius:0 4px 4px 0 ;
	cursor:pointer;
}
ul li{
	position:relative;
}
ul li span.remove{
	position:absolute;
	right:2px;
	top:0px;
	background:#888;
	color:#EEE;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	display:block;
	padding:3px !important;
	margin:1px;
}
.remove:hover{
	background:#AAA;
}

/* /EDIT */

.button{
	display:inline-block;
	padding:.2em;
	margin:-.2em .2em;
	background:#EEE;
	border-bottom:1px solid #CCC;
	border-radius:4px;
	cursor:pointer;
	transition:all .5s;
}
.button a{
	color:inherit;
}
.button.hilite{
	background:#C21;
	color:#FFF;
}
label{
	display:block;
	width:100%;
	position:relative;
	margin-top:1em;
}
input, textarea, .formsubmit{
	display:block;
	line-height:36px;
	font-size:14px;
	background:#EEE;
	border:0;
	margin:0 0 20px;
	padding:0 6px;
	min-width:400px;
	border:1px solid #EEE;
	width:98%;
	margin-top:.5em;
}
.panes textarea{min-height:40em;
		line-height:1.4;}
input:hover{
	border-color:#CCC;
}
input:focus{
	background:#DDD;
	border-color:#CCC;
}
button ,input[type=submit],.formsubmit:link,.formsubmit:visited{
	text-align:center;
	min-width:0;
	width:100%;
	background:#C00;
	color:#FFF;
	margin-top:1em;
	padding:1%;
	cursor:pointer;
}
input[type=checkbox], input[type=radio]{
	width:auto;
	min-width:0;
	background:#C00;
	color:#FFF;
	position:absolute;
	right:1em;
	top:0;
}
.editArticle b{
	background-color:#CCC;
	border-radius:1em;
	height:2em;
	width:2em;
	text-align:center;
	line-height:2em;
	display:inline-block;
	position:relative;
	margin-top:-1em;
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-tooltip{
	position:absolute;
	left:0;
	padding:1em;
	background:#FFF;
	border:#888;
	box-shadow:2px 2px 8px -4px;
	width:240px;
}

/* DZ */

.dz-files{
	margin:0;
	padding:0;
}
.dz-files li{
	list-style:none;
	padding:.2em .5em;
	background:#EEE;
	margin:0;
	border-bottom:1px solid #CCC;
	border-radius:4px;
	font-size:80%;
}

ul.tabs li.ui-tabs-active {
	background:#C21;
}
ul.tabs li.ui-tabs-active a {
	color:#FFF;
}
.ui-pagination-pagelink{
	display:inline-block;
	margin:0;
	background:#EEE;
}
.ui-pagination-pagelink > a{
	display:inline-block;
	padding:.5em .3em;
}
.ui-pagination-pagelink.ui-state-highlight{
	background:#C00;
}
.ui-pagination-pagelink.ui-state-highlight > a{
	color:#FFF;
}
.dropzone .dz-default.dz-message{
	background:none;
}

/* /PDF */

div.pdflink
{
	display:block;
	font-size:12px;
	line-height:18px;
	position:absolute;
	top:0;
	right:0;
}
body.PDF div.pdflink
{
	position:static;
	width:100%;
}
body.PDF div.pdflink img
{
	float:left;
}
p.contact
{
	line-height:20px;
}