/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #FFFFFF;
	background-color: #000000;
/*	background-image: url(http://www.thenoodleincident.com/img/_.gif); these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.
	background-repeat: no-repeat;
	background-position: top left; */
	}
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #BBBBBB;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.5em;
	margin-top: 0em;
	margin-bottom: 48px;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color: #00AEEF;
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
     text-transform: uppercase;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
     text-transform: uppercase;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
     text-transform: uppercase;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
     text-transform: uppercase;
	}
.contentunit h5 {
	margin: 0em 0em 1.2em 0em;
     float: left;
     clear: both;
	}
h6 {
	font-size: 0.9em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
     text-transform: uppercase;
	}
img {
	border: 0;
	}
ol, ul, li {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0em; 
	}
li {
	margin-top: 0em;
}
p {
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 0.9em;
	}
strong, b {
	font-weight: bold;
	}
em, i {
  font-style: italic;
  }
form, input, select, textarea, form a {
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	color: #BBBBBB;
}  
form {
display: block;
width: 478px;
text-align: left;
margin: 0px;
padding: 0px;
float: left;
clear: both;
font-size: 1.0em;
}
input, select, textarea {
width: 288px;
float: left;
clear: right;
background-color: #000000;
border: 0px none;
padding: 4px;
border-left: 1px solid #BBBBBB;

text-align: left;
margin-bottom: 16px;
}
textarea {
font-size: 1.0em;
}
.fieldcheckbox, .fieldradiobutton {
width: auto;
}
label {
float: left;
clear: left;
width: 170px;
padding-right: 8px;
padding-top: 4px;
text-align: right;
margin-bottom: 16px;
}
input.hidden {
height: 1px;
font-size: 1px;
color: #000000;
}
.fieldbutton, .submitbutton {
display: block;
width: 100px;
height: auto;
padding: 0px;
float: left;
margin-left: 178px;
clear: both;
text-align: center;
border: 0px none;
border-left: 1px solid #BBBBBB;
margin-bottom: 8px;
cursor: pointer;
}
.admlink {
display: block;
width: 98px;
height: auto;
padding: 2px 0px;
float: left;
margin-left: 178px;
clear: both;
text-align: center;
border: 0px none;
border-left: 1px solid #BBBBBB;
margin-bottom: 8px;
cursor: pointer;
}
.fieldbutton:hover, .submitbutton:hover, .admlink:hover {
background-color: #BBBBBB;
border-left: 1px solid #BBBBBB;
color: #000000;
text-decoration: none;
}
.linkbar {
display: block;
float: left;
clear: both;
margin: 8px 0px;
padding-top: 24px;
width: 478px;
border-top: 1px dashed #BBBBBB;
}
.listtable {
display: table;
float: left;
clear: both;
margin: 0px 0px 8px 0px;
width: 478px;
}
.listtable td {
  border-bottom: 1px solid #BBBBBB;
  padding: 0px;
}
td.admincell {
  width: 160px;
  text-transform: lowercase;
}
.linkbar2 {
  display: inline;
  width: 160px;
  margin: 0px;
  padding: 0px;
  margin-left: 316px;
  float: left;
  clear: both;
  border-bottom: 1px solid #BBBBBB;
}
.linkbar2 a {
display: inline;
width: auto;
padding-right: 8px;
float: left;
clear: none;
border: 0px none;
margin: 0px;
text-transform: lowercase;
}
.breadcrumbs, .pager {
width: 478px;
display: block;
float: left;
clear: both;
text-transform: lowercase;
}
.pager {
margin-bottom: 24px;
}
.breadcrumbs a, .pager a {
display: inline;
clear: none;
}
.contentunit {
display: block;
float: left;
clear: both;
width: 478px;
height: auto;

border: 0px none;
padding: 0px;
margin: 0px 0px 48px 0px;
}
.listtable a.admlink {
display: inline;
width: auto;
padding-right: 4px;
float: left;
clear: none;
border: 0px none;
margin: 0px;
}
.listtable .admlink:hover, .linkbar2 a:hover {
text-decoration: underline;
color: #BBBBBB;
background: none;
border: 0px none;
}
#all {
     width: 982px;
}
.mainblock {
     width: 982px;
     float: none;
     clear: both;
     padding: 16px 0px;
}

#top {
}
#middle {
}

#content {
width: 730px;
float: right;
clear: right;
margin-top: 20px;
}
#navcol {
width: 208px;
float: left;
clear: left;
text-align: right;
margin-top: 20px;
border-right: 1px solid #00AEEF;
}
#toplogo {
width: 160px;
height: 25px;
background-image: url('images/logo_en.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px 0px 48px 24px;
padding-right: 24px;
border-right: 1px solid #00AEEF;
}
.textcol {
width: 478px;
float: left;
clear: left;
padding: 0px;
margin: 0px;
}
.textcol p {
font-size: 1.0em;
margin-top: 0px;
}
.topevent {
font-size: 1.2em;

}
.piccol {
width: 208px;
float: right;
clear: right;
border-left: 1px solid #00AEEF;
padding: 0px;
margin: 0px;
}
.clearall {
clear: both;
}
#bottom {
}
#navcol a {
display: block;
margin-right: -1px;
padding-right: 24px;
border-right: 1px solid #00AEEF;
font-weight: normal;
letter-spacing: 0.25em;
}
.loginlink {
display: block;
text-transform: lowercase;
margin-top: 48px;
}
.counter {
display: block;
text-transform: lowercase;
margin-top: 48px;
margin-right: 24px;
}
.infoblock {
display: block;
margin-top: 0px;
margin-right: 24px;
margin-bottom: 48px;
}
.submenu {
margin-bottom: 48px;
margin-left: -16px;
}
.bannerblock {
margin-bottom: 48px;
margin-left: 24px;
}
.submenulink {
display: block;
position: relative;
left: -24px;
top: 0px;
margin-left: -1px;
padding-left: 24px;
border-left: 1px solid #00AEEF;
font-weight: normal;
letter-spacing: 0.25em;
}
.adminmenulink {
text-transform: lowercase;
}
.adminmenusection {
font-weight: normal;
font-size: 1.1em;
color: #FFFFFF;
margin-bottom: 0px;
}
#navcol a:hover {
margin-right: -1px;
padding-right: 21px;
border-right: 4px solid #00AEEF;
text-decoration: none;
}
.submenulink:hover {
margin-left: -1px;
padding-left: 21px;
border-left: 4px solid #00AEEF;
text-decoration: none;
}
.textcol div {

}
#navcol ul, #navcol li, .piccol ul, .piccol li {
text-indent: 0px;
list-style: none;
}
#navcol ul, #navcol li {

}
.piccol h4, .textcol h4 {
font-size: 1.6em;
padding-left: 24px;
margin-bottom: 48px;
margin-top: 0px;
font-weight: normal;
letter-spacing: 0.25em;
text-transform: lowercase;
}
.textcol h4 {
padding-left: 0px;
}
.leftbox {
margin-right: -1px;
padding-right: 24px;
border-right: 1px solid #00AEEF;
font-weight: normal;
margin-bottom: 24px;
}
.rightblock {
padding-left: 24px;
margin-bottom: 48px;
}
.leftbox a {
display: block;
position: relative;
right: -24px;
padding-right: 24px;
border-right: 1px solid #00AEEF;
font-weight: normal;
letter-spacing: 0.25em;
}
.sitemap a {
display: inline;
font-weight: normal;
letter-spacing: 0.25em;
margin-bottom: 0px;
}
.sitemap ul, .sitemap li, .sitemap ul li ul, .sitemap ul li ul li {
margin-bottom: 0px;
margin-top: 0px;
}
.orange {
color: #00AEEF;
}

.dateline {
}
.listlink {
display: block;
color: #00AEEF;
font-weight: normal;
margin-bottom: 8px;
}
h1.currentevent {
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.5em;
	margin-top: 0em;
	  line-height: 0.8em;
	margin-bottom: 56px;
}
h1.currentevent a {
color: #00AEEF;
	font-weight: normal;
  font-size: 0.9em;
  line-height: 0.8em;
  margin-top: 0px;
}
h2.currentevent {
margin-bottom: 1em;
font-weight: normal;
letter-spacing: 0.5em;
color: #BBBBBB;
text-transform: lowercase;
}
.adminblock {
width: 462px;
border: 1px solid #00AEEF;
padding: 8px;
height: auto;
overflow: hidden;
}
.adminblock ul {
width: 460px;
display: block;
text-indent: 0px;
padding: 0px;
margin: 0px;
clear: right;
}
.adminblock ul ul {
width: 270px;
display: block;
text-indent: 0px;
padding: 0px;
margin: 0px;
clear: right;
}
.adminblock li, .adminblock p {
display: block;
padding: 0px 8px 0px 0px;
margin: 0px;
text-indent: 0px;
}
.adminblock p {
width: 160px;
text-align: right;
}

.readmorelink, .getbacklink {
display: block;
font-weight: normal;
letter-spacing: 0.25em;
margin: 0px;
padding: 0px;
}
.getbacklink {
margin-top: 16px;
}
.listline {
display: block;
float: left;
clear: right;
width: 352px;
margin-top: 0px;
padding-top: 0px;
margin-left: 8px;
margin-bottom: 24px;
}
.midlistline {
display: block;
float: left;
clear: right;
width: 290px;
margin-top: 0px;
padding-top: 0px;
margin-left: 8px;
margin-bottom: 0px;
}
.listthumbdiv {
display: block;
width: 80px;
height: 80px;
padding: 0px;
margin: 0px;
margin-right: 16px;
float: left;
clear: left;
vertical-align: absolute-top;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
.listmiddiv, .inlineimg {
display: block;
width: 144px;
height: 144px;
overflow: hidden;
padding: 0px;
margin: 0px;
margin-right: 16px;
margin-bottom: 16px;
float: left;
clear: left;
vertical-align: absolute-top;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
.toptext {
display: block;
width: 290px;
height: auto;
float: left;
clear: right;
margin-bottom: 24px;
}
.double {
font-size: 1.5em;
color: #00AEEF;
}
.textcol ul, .textcol li, .textcol h4 {
padding: 0px;
margin: 0px;
float: left;
clear: both;
}
.textcol ul, .textcol h4 {
margin-bottom: 48px;
}
.listtext {
margin-top: 0px;
margin-bottom: 0.5em;
}
a.linktitle, a.linkurl, a.linkimage, p.linktext {
display: block;
float: left;
clear: none;
text-indent: 0px;
vertical-align: absolute-top;
}
a.linkimage, a.sgallerythumbdiv {
clear: left;
width: 144px;
height: auto;
overflow: hidden;
margin: 0px;
margin-right: 16px;
padding: 0px 4px;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
a.sgallerytitle {
float: left;
clear: left;
width: 146px;
height: auto;
margin: 0px;
margin-right: 16px;
padding: 0px;
}
img.linkimage, img.sgallerythumb {
width: auto;
height: auto;
margin: auto;
vertical-align: center;
padding: 0px;
border: 0px;
}
a.linktitle {
margin-top: 0px;
font-weight: normal;
font-size: 1.2em;
letter-spacing: 0.25em;
}
a.linktitle, p.linktext, a.linkurl {
float: none;
clear: right;
}
.centerme {
text-align: center;
vertical-align: middle;
color: #888888;
}
.hundred {
width: 100%;
height: 100%;
}
.clear, .clear1, .clearall {
display: block;
float: none;
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin: 0px;
padding: 0px;
}
.clear1 {
margin-bottom: 48px;
}
.galleryunit {
float: left;
margin-bottom: 0px;
}
.fgalleryunit {
float: left;
clear: both;
margin-bottom: 16px;
}
.fgalleryunit ul {
  margin-bottom: 0px;
}
.sgalleryunit {
display: block;
float: left;
clear: both;
margin-bottom: 8px;
}
.sgalleryblock {
display: inline;
float: left;
clear: right;
margin-bottom: 0px;
width: 284px;
}
.sgallerythumbdiv {
display: block;
float: left;
clear: left;
margin-bottom: 0px;
margin-right: 16px;
width: 144px;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
.sgallerytext {
display: block;
width: 290px;
float: left;
clear: right;
}
.linksunit li {
margin-bottom: 16px;
}
.pagetext {
float: left;
clear: both;
}
.homebanner {
width: 468px;
height: 60px;
margin: 0px;
padding: 4px;
border: 1px solid #00AEEF;
margin-bottom: 8px;
float: left;
clear: left;
}
.sidebanner {
width: 198px;
height: 60px;
margin: 0px;
padding: 4px 0px;
border: 1px solid #00AEEF;
border-left: 0px none;
border-right: 0px none;
margin-bottom: 8px;
float: left;
clear: left;
}