/* --- */
/* --- Page Layout Styles --- */
/* --- */
* { margin:0; padding:0; }
html { margin:0; padding:0; height:100%; }
body { margin:0; padding:0; height:100%; background:url(../images/backgrounds/bgBody.jpg) top left repeat-x; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
/*body { margin:0; padding:0; height:100%; background:url(../images/backgrounds/bgBody.jpg) top center no-repeat; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:12px; }*/

	#repeatingBanner { margin:0; padding:0; width:100%; height:263px; background:url(../images/backgrounds/bgRepeater.jpg) top center repeat-x; }
	
	#wrapper { margin:-263px auto 0 auto; padding:0; width:960px; }
		
		#wrapper #banner { margin:0 auto; padding:0; width:960px; height:280px; background:url(../images/backgrounds/bg960Banner.jpg) top center no-repeat; }
			#wrapper #banner #logo { float:right; margin:0; padding:0; width:216px; height:181px; }
			
		#wrapper #header { margin:-280px 0 0 0; padding:0 0 0 204px; width:755px; height:280px; }
				.flash { margin:0; padding:0 0 0 9px; width:506px; height:280px; /*background:url(../images/backgrounds/bgHeader.jpg) top center no-repeat; z-index:0;*/ } 
				/*.flash { display:none; }*/
				.headerImages { margin:0; padding:0 0 0 9px; width:506px; height:280px;  /*background:url(../images/backgrounds/bgHeader.jpg) top center no-repeat; z-index:0;*/ }
						
		#wrapper #mainContent { clear: both; float:left; margin:0; padding:0; width:727px; background:url(../images/backgrounds/bgMainContent.jpg) top right no-repeat; }
		
			#wrapper #mainContent #sideBar { float:left; margin:0; padding:26px 0 0 45px; width:160px; }
				#wrapper #mainContent #sideBar #navBarTop { overflow:hidden; float:right; margin:0 -8px 0 0; padding:0; width:160px; height:12px; background:url(../images/backgrounds/bgNavTop.jpg) top center no-repeat; /*z-index:2;*/ }
				#wrapper #mainContent #sideBar #navBar { float:right; margin:0 -8px 0 0; padding:0 10px 0 0; width:150px; height:600px; background:url(../images/backgrounds/bgNav.jpg) top center no-repeat; }
						
						.nav { float:right; margin:0; padding:0; width:140px; text-align:right; }
						.mailingList { margin:50px 0 0 0; padding:0 0 0 10px; width:130px; }
						.rssFeeds { margin:10px 0 0 0; padding:0 0 0 10px; width:130px; }
						.callistiLogo { margin:2px 0 0 0; padding:0 0 0 7px; width:113px; height:35px; }
						
				#wrapper #mainContent #sideBar #navBarBtm { float:right; margin:0 -8px 0 0; padding:0; width:160px; height:9px; background:url(../images/backgrounds/bgNavBtm.jpg) top center no-repeat; }
						
			#wrapper #mainContent #content { float:right; margin:0; padding:10px 20px; width:482px; }

				#wrapper #mainContent #content #pageFooter { margin:40px 0px 0px 0px; padding:0; }
					
						.txtCopyright { float:left; margin:0; padding:0; width:200px; color:#999999; }
						.txtFooterLinks { float:right; margin:0; padding:0; width:200px; color:#999999; text-align:right; }

						.txtFooterLinks a { color:#999999; text-decoration:none; }
						.txtFooterLinks a:hover { color:#999999; text-decoration:underline; }

		#wrapper #contentFooter { float:left; margin:0; padding:0; width:727px; height:26px; background:url(../images/backgrounds/bgContent.jpg) top right no-repeat; }
			
		#wrapper #pageImages { float:right; margin:0; padding:20px 0px 0px 0px; width:232px; text-align:center; }

	#footer { clear:both; margin:0; padding:0; width:100%; height:100px; background:url(../images/backgrounds/bgFooter.jpg) top center no-repeat; }

/* --- */
/* --- General Display Styles --- */
/* --- */
form { margin:0; padding:0; }
input.mailListBox { border:1px solid #00000; margin:0; padding:0; width:100px; height:15px; background:url(../images/backgrounds/bgMailListBox.jpg) top left repeat-x; font-size:10px; }
input.mailListBtn { cursor:pointer; border:none; margin:2px 0 0 4px; padding:0; width:16px; height:14px; background:url(../images/backgrounds/bgMailListBtn.jpg) center center no-repeat; }

/* --- Images --- */
.imgLink, #content img { border:none; }

#pageImages ul { margin:0px; padding:0px; list-style-type:none; }
#pageImages li { margin:0 0 10px 0; padding:0px; }
#pageImages li img { border:1px solid #666666; margin:0; padding: 1px; /*width:218px; height:140px;*/ background-color:#FFFFFF; }

#pageImages #gallery ul { list-style-type:none; margin:0px; padding:0px; width:222px;  }
#pageImages #gallery li { margin:0 0 10px 0; padding:0px; }
#pageImages #gallery li img { border:1px solid #666666; margin:0; padding: 1px; /*width:218px; height:140px;*/ background-color:#FFFFFF; }

/* --- Links & Navigation Styles --- */
a { color:#0A528C; text-decoration:none; border:0;}
a:hover { color:#0A528C; text-decoration:underline; }

.nav ul { list-style-type:none; padding:0px; margin:0px; }
.nav li { margin:0; padding:0; }
.nav ul ul { padding-right:10px; }

.nav li strong { font-size:14px; }
.nav li a { color:#FFFFFF; font-size:14px; text-decoration:none; }
.nav li a:hover { color:#000000; font-size:14px; text-decoration:none; }

.nav ul ul li { color:#000000; font-size:12px; }
.nav ul ul li a { color:#000000; font-size:12px; text-decoration:none; }
.nav ul ul li a:hover { color:#000000; font-size:12px; text-decoration:none; }

/* --- Text -- */
.mailListTxt { margin:5px 0 0 0; padding:0; font-size:11px; color:#FFFFFF; }
.mailListTxt a { font-size:11px; color:#FFFFFF; text-decoration:none; }
.mailListTxt a:hover { font-size:11px; color:#FFFFFF; text-decoration:underline; }

.feedTxt { padding-left:5px; font-size:11px; color:#FFFFFF; }
.feedTxt a { font-size:11px; color:#FFFFFF; text-decoration:none; }
.feedTxt a:hover { font-size:11px; color:#FFFFFF; text-decoration:underline; }


.newspaper { margin:0; padding:2px 0 2px 17px; background:url(../images/newspaper.jpg) top left no-repeat; }
.pencil { margin:0; padding:2px 0 2px 17px; background:url(../images/pencil.jpg) top left no-repeat; }

/* old h2
h2 { margin:0px; padding:5px 0px 0px 5px; width:475px; height:26px; background:url(../images/backgrounds/bgItemHeader.jpg) bottom center no-repeat; color:#999999; font-size:18px; }*/
h1.pageTitle { margin:0px; padding:5px 0px 5px 0px; width:475px; min-height:26px; color:#666666; font-size:18px; }
h2 { margin:0px; padding:5px 0px 0px 5px; width:475px; min-height:26px; background:url(../images/backgrounds/bgItemHeader1.jpg) bottom center no-repeat; color:#333333; font-size:18px; background-color:#EEEEEE; }

p { margin:0px 0px 10px 0px; padding:0px; color:#333333; }
p.itemHead { margin:0; padding:0; width:480px; height:12px; background:url(../images/backgrounds/bgItemHead.jpg) bottom center no-repeat; color:#0A528C; font-size:11px; }
p.itemHead a { text-decoration:none; }
p.itemHead a:hover { text-decoration:none; }

/* --- Biography List --- */
#content ul, #content ul.biog { list-style-position:outside; margin:0; padding:0px 0 10px 0; }
#content ul li {margin:0 0 0 15px;}

/* --- Site Map -- */
ul.navlistsitemap { list-style-type: none; margin:10px 0 0 0; padding-left: 20px; font-size:110%; }
ul.navlistsitemap ul { list-style-type: none; margin:5px 0 5px 0; padding:0 0 0 10px; }

/* Blog CSS */
.pagingDiv {background: #9BABB8;padding: 4px;font-weight: bold;text-align: center;}
.pagerCurrent {color: #000;background-color: #FFF;padding: 1px 3px;margin-right: 3px;}
.pagerNotCurrent {color: #03C;padding: 1px 3px;margin-right: 3px;text-decoration: underline;cursor: pointer;cursor: hand;}
.footerBox {background-color: #9BABB8;margin-bottom: 5px;margin-top: 0px;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:80%;}
.pagingDiv a:link, .pagingDiv a:visited, .pagingDiv a:hover, .pagingDiv a:active { color: #000000; text-decoration: none; }

/* Gallery CSS */
.submenu {padding:5px 0 0 0; margin:0;}
.submenu ul {
	list-style:none;
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox{
background-color: #ececec;
width: 425px;
padding: 10px;
}

.commentfooter{
background: url(/includes/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.blogHead { margin:0; padding:0; width:100%; background:url(/images/backgrounds/bgItemHeader.jpg) top center repeat-y; color:#ffffff; font-size:18px; font-weight:none;}
.blogHeadInner { padding:5px; }
.blogHeadInner a:link { color:#FFFFFF; text-decoration:none; }
.blogHeadInner a:visited { color:#FFFFFF; text-decoration:none; }
.blogHeadInner a:hover { color:#FFFFFF; text-decoration:underline; }
.blogHeadInner a:active { color:#FFFFFF; text-decoration:underline; }