body, html  {
	color: black;
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: medium;
	background-color: #ffc;
	margin: 0; padding: 0; border: 0;
	/*text-align: center;*/
	background-image: url(ndutulogo.gif);
	background-repeat: no-repeat;
	background-position: right 100px;
}
#top {}

p, h1, h2, h3, ul, li, dt, dl, dd  { text-align: left;}

h1, h2, h3  {font-weight: bold; margin: 0 0 1em 0; }

h2  {font-size: 150%; }
h3  {font-size: 120%; margin: 1em 0 0.5em 0;}

a  {color: black;}

a:visited  {}
a:active  {}
a:hover  {}

ul, li , dt {	font-weight: bold;}

#pagewrap {
width: 800px; margin: 0 auto; border: 1px solid #333333;}



#sidebar {display: block; float: left; width: 240px; padding: 0 20px 20px 20px; margin-left: -20px;}
#sidebar h4 {font-weight: bold;	text-align: center; margin-top: 50px; font-size: 90%; width: 220px;}
#sidebar p {width: 200px;}

#bannerhead {background-image:url(images/banner.jpg); background-repeat:no-repeat; width: 100%; height: 150px;padding: 0; margin: 0 auto 0 0;}

#content {margin: 0; border: 0; padding: 0 20px; width: 96%; left: 0;	}
#content2 {padding: 1em;}

.contactwrap {display: block; width: 500px; float: right;}

#content img {
float: left;
border: 1px solid #000;
margin: 10px 10px 10px 0;
}
#content .ir {
float: right;
margin: 10px 0px 10px 10px;
}
#content .ic {float: none; margin: 5px auto; clear: both; display: block;}


#footer {clear: both; display: block; width: 780px; border: 0; border-top: 0 solid black; padding: 0 1em; margin: 1em auto; font-family: Arial, Helvetica, sans-serif;	font-size: x-small;}

#footer .footleft {display: block; float: left; text-align:left;}
#footer .footcenter {display: block; float: none; text-align:center;}
#footer .footright {display: block; float: right; text-align:right;}

.caption  {	font-family: Arial, Helvetica, sans-serif;	font-size: x-small; text-align: center; clear: both;}

#infocell  {

}

#birds  {font-size: 10pt;}

.avail {
width: 200px;
	background-color: #9c9;
	border-width: 2px;
	border-style: solid;
	border-top-color: #fff;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
	text-align: center;
}
.notice {
	background-color: #9c9;
	border-width: 2px;
	border-style: solid;
	border-top-color: #fff;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
	color: #060;
}

.guestalbum {
position: relative;

margin: 0 auto 0 0px;
border: 0px solid #000;
text-align: left;
padding: 0;
}
.guestalbum img {
margin: 2px;
border: 1px solid #000;
}



#cssmenu {display:block;width:195px;height:364px; background-image:url(images/menu.jpg); }
#cssmenu a {font-size : 1em;	font-weight : bold;	text-align : left; text-decoration:none;}
#cssmenu a {display:block;margin:0px;padding:0;border:0;}
#cssmenu a:hover {background-color:#ffc}
#cssmenu .topfill {display:block;width:195px;height:63px;}
a#n1 {margin-top: 7px; padding-left:50px;}
a#n2 {margin-top: 7px; padding-left: 42px;}
a#n3 {margin-top: 7px; padding-left: 37px;}
a#n4 {margin-top: 7px; padding-left: 33px;}
a#n5 {margin-top: 7px; padding-left: 30px;}
a#n6 {margin-top: 7px; padding-left: 30px;}
a#n7 {margin-top: 7px; padding-left: 30px;}
a#n8 {margin-top: 7px; padding-left: 20px;}
a#n9 {margin-top: 7px; padding-left: 10px;}
a#n10 {margin-top: 7px; padding-left: 20px;}
a#n11 {margin-top: 7px; padding-left: 20px;}
a#n12 {margin-top: 7px; padding-left: 20px;}

.cssmenu2 {display: block; width:175px; background-image:url(images/menu2.jpg); padding: 0 10px;}
.cssmenu2 a {font-size : 1em;	font-weight : bold;	text-align : center; text-decoration:none;}
.cssmenu2 a {display:block;padding:10px 0;margin:0;border:0;}
.cssmenu2 a:hover {background-color:#ffc}



#sidebar p {text-align: center; font-size: 90%;}

a.closewindow {display: block; width:30px; height: 30px; background-image:url(images/ndutulogosmall.gif); margin: 0 auto;}
.closewindow a:link { }
.closewindow a:visited {}
a:hover.closewindow  {background-image:url(images/ndutulogosmall.gif);}
.closewindow a:active {}

.noshow {display:none}

.weatherlinks {display: block; text-align: center; font-size: x-small; clear: both;}
.weatherlinks img {display: block; border: 0; margin: 1em auto; width: 700px; height: 450px;}

.newsandviews h3 {border-top: 1px solid black; margin-top: 1em; }


.iblock img {
float: left;
border: 1px solid #000;
margin: 2px;
width: 242px; height: 200px;
}

/*=========================================================================================*/
/* Styles for the gallery section */
/* these styles from http://accessat.c-net.us/test/gallery2.html */
/* gallery-specific styles */
/* gallery container */
.gallery {	text-align: center;    /* centers inline paragraphs */
	margin: 1em auto 1em 1em;	background-color: #ffc;	border: 1px solid #999;	padding: .5em;}
.gallery a {	text-decoration: none;}
.gallery a img {	border: 1px solid #999;	vertical-align: top; /* was middle */}
/* outer container for each image/caption pair */
.gallery p {	display: inline;}
/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .5em;
	padding: 5px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 16em;            /* adjusts with text size - adjusted by dm - intitially 8em*/
	min-width: 110px;      /* not always honored, but that's OK */
	border: 1px dotted #ccc;
}
/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	min-height: 100px;         /* a bit larger than highest img */
	line-height: 100px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}
/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	min-height: 3em;         /* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}
/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

* html .gallery {width: 95%; }
/* end hacks */

/* here's what goes in the source>
- Each image/caption pair is in a separate (inline) paragraph. List items would degrade better sans CSS, but some browsers do poorly with inline lists.
- The link <a> wrapped around the pair is styled as an inline block (or inline table/cell, depending on browser support).
- The image is within a <span> element and the caption is within an <i>. These are both non-semantic elements that do no harm, and allow additional styling while keeping the amount of HTML code to a minimum.
<div class="gallery">
<p>
	<a href="link">
		<span>
			<img src="" width="x" height="y" alt="[text]">
		</span>
		<i>text</i>
	</a>
</p>
</div>
*/
/* end of styles for the gallery section */

/*=========================================================================================*/


@media print {
#sidebar {display: none;}
.noshow {display: inline;}
#content { padding: 0; margin: 2%; width: 95%;}
#footer .footleft {display: none; }
#footer .footright {display: none; }

}