/***********************************************/
/* This sheet is being developed from a variety of sources, especially
	  + 2col_leftNav.css supplied with Adobe/Macromedia Dreamweaver
	  + www.oswd.org (andreas01 and andreas02 by Andreas Viklund)         */ 
/*           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Tahoma, arial, helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: #FFB953 url(../images/wrapShadow05_orange.gif) top center repeat-y;
}

a:link, a:visited {
	color: #069;
	text-decoration:none;
	
}

a:hover {
	color: #069;
	text-decoration: underline;
	/* font-weight: bold; */

}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	 font-size: 120%;
	 color: #334d55;
}

h2{
	 font-size: 114%;
	 color: #999999;
}

h3{
	 font-size: 100%;
	 color: #FFF;
	 background-color:#99CC00;
	 font-weight:bold;
}

h4{
	font-size: 110%;
 	font-weight: bold;
	color: #333333;	
	margin: 0 5px;
}

h5{
	font-size: 100%;
	color: #333333;
	margin-top:20px;
	padding:3px;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #993366;
}
	/*
	ul{
	 list-style-type: none;
	}
	
	ul ul{
	 list-style-type: disc;
	}
	
	ul ul ul{
	 list-style-type: none;
	}
	*/
label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
table{
	margin:5px;
}				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap{
	background: white;
	color: black;
	margin: 0px auto 0 auto; /*none on top and bottom; flexible left and right*/
	width: 760px;
	/* background-color: E3642D; */
}
	

#masthead{
	margin: 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #cccccc;
	/* border-top: 5px solid #FFB953; */
	width: 100%;
}

#frontImg{
	margin: 0 0 3px 0;
	padding: 0;
	border: 0;
	border-bottom: 0px solid #999;
	/*vertical-align: middle; /* added by nhf; not sure this helps center the image; maybe this is a text-only attribute. */
	/*  added page-specific style for centering: see index.html */
}

#navBar{	/* left nav aka section links */
	margin: 0 79% 0 0; /* maintains color in left column only */
	padding: 0;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
}

#content{
	float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0; /* 75% + 3% = 78% : left navBar = 79% */
	font-size: 100%;
}
#content ul {
	list-style-type: disc;
}

.ulnone {
	/*suppress display of bullets */
	list-style-position: outside;
	list-style-type: none;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 10px 5px 0px;
	text-align:right;
	font-size: 1.0em;
}


/*************** #pageName styles **************/
/* just below header and breadcrumbs in content area */

#pageName{
	padding: 0px 0px 10px 10px;
}


/********* from andreas02, horizontal navigation bar below header *********/
/* I like the way the tabs separate a bit in Firefox. IE doesn't follow suit though?! */

#navitabs {
	clear: both;
	font-size:0.8em;
	margin: 2px 2px 1px auto;
	padding:0 4px 0 0;
	/* padding: 1px auto 0 auto; */
	text-align:right;
}

.navitab {
	padding: 2px 4px 2px 4px;
	margin: 1px 0 0px 0;
	text-decoration: none;
	/* letter-spacing: 1px; *** not utilized before NN6, therefore leave out */
	background: #EEE; /* url(../images/corner.gif) top right no-repeat; */
	/* border-bottom: 2px solid #CCC; */
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.navitab:hover {
	text-decoration: none;
	background: #999999; /* url(../images/corner.gif) top right no-repeat; */	
}

.activenavitab {
	padding: 0px 4px 2px 4px;
	margin: 0px 0 0px 0;
	color #666666;
	text-decoration: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	background-color: #CCCCCC;
	font-weight: bold;
}

.activenavitab:hover {
	text-decoration: none;
}
/********* END: from andreas02 *********/


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 70%;
	padding: 5px 0px 0px 10px;
	text-align:right
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px;
	font-size: 80%;
}

.feature h3{
	padding: 10px 0 5px 0;
	text-align: center;
}

.feature img{
	/* float: left; */
	padding: 0;
	margin: 7px 10px 5px 10px;
	border: 1px solid #999;
}
.feature p{
	padding: 0px 10px;
}

.feature dl{padding: 0px 10px; font-weight: bold;}
.feature dt{padding: 10px 10px 3px 7px; font-weight: bold;}
.feature dd{font-weight: normal}

.feature ul{font-weight: bold}
.feature li{font-weight: normal; margin-left: 25px}

.feature ol{font-weight: bold;}
.feature li{font-weight: normal; margin: 15px 0 0 0px;}
.feature li ul li{margin: 2px 0 0 0px;}

/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 5px 0;
	font-size: 80%;
}
.story h3{
	padding: 10px 10px 5px 10px;
	text-align: center;
}
.story p{
	padding: 0 10px;
}

.story img{
	padding: 0;
	margin: 7px 15px 5px 10px;
	border: 1px solid #999;
}
.story dl{font-size: 120%; font-weight:bold}
.story dt{font-size: 80%; font-weight:normal; padding: 10px 0 0 10px;}
.story dd{font-size: 80%; font-weight:normal; padding: 5px 0;}

.imgFloatright{
	float:right;
	vertical-align:top;
}

/* wanted to do this for Maria's bio, used br instead
.story poem li{
	list-style-type: none;
}
*/

.picturebar img{
	padding: 3px 0;
	margin: 0 0 5px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.imgCaption{
	padding:0;
	margin: 2px;
	font: bold 90% Arial,sans-serif;
	display:block;
}
.picturebar p{
	padding:0;
	margin: 10px 0;
	font: bold 90% Arial,sans-serif;
	
}
.themeMain {
	color:#333333;
	text-align: center;
	font-size: 114%;
	font-weight: bold;
	margin-top: 1em;
	margin: 10px 0 0 0;
	padding:0px;
}

.themeSub {
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin:0;
	padding:0;
}
	
/************* #siteInfo styles (footer) ***************/

#siteInfo{
	clear: both;
	border-bottom: 1px solid #333333;
	font-size: 75%;
	color: #333333;
	text-align:center;
	padding: 2px 10px 0px 10px;
	margin: 0 0 1px 0;
	background: url(../images/logo/bottom_logo.gif) bottom no-repeat;
	line-height: 75px; /* prevents color band from being truncated */
	
	/* background: url(../images/logoband_bottom1.gif) top center; */
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they 'touch' */

#siteInfo img{
	padding: 0 4px 0 0;
	vertical-align: bottom;

}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/


#navBar ul a:link, #navBar ul a:visited, #navBar ul a:hover {display: block;}
#navBar ul, ul ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
Without this, an empty line is added just below each item.
*/

#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */

html > body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	font-size: 0.8em;
	width: 156px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks li a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	/*border-left: 4px solid #303030;*/
	width: 100% auto;
	display:block;
	text-decoration:none;
	/* width: auto;	/* width seems to be used twice here. I suppose 'auto' will take precedence. */
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks li a:hover{
	border-top: 1px solid #cccccc;
	background-color: #999999;
	padding: 2px 0px 2px 10px;
	text-decoration:none;
	display:block;
	/*border-left: 4px solid #FF0000;*/
}

#sectionLinks ul{
	width:100%;
	list-style:none;
}
#sectionLinks ul ul{
	list-style:none;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 85%;
	width:85%;
}
#sectionLinks ul ul ul{
	list-style:none;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 100%; /* same size as the ul ul section above; otherwise too small! */
	width: inherit;
}
.activesectionlink {
	/* background-color:#999; */
	font-weight:bold;
	background-color: #CCCCCC;
	display: list-item;
}
/** turn off BOLD for sub-sections in ie **/
.activesectionlink ul {
	font-weight:normal;
}
.activesectionlink_not {
	background-color:#eeeeee;
	font-weight: normal;
	display: list-item;
}

/**
#sectionLinks li ul li{
	font-size: 0.8em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-color:#EEE;
}
**/
/*********** .relatedLinks styles -Nov06 not used ***********/

.relatedLinks{
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 85%;
	width:125px;	
}
/*
.relatedLinks h4{
	padding: 10px 0px 3px 0px;
	font-size: 1.0em;
}
.relatedLinks li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border-color:#eee;
} */

/* .relatedLinks ul{
	width:120px;
	list-style:none;
}*/


/************** #advert styles (side column) **************/

#advert{
	padding: 2px 0px 0px 5px;
	font-size: 70%;
	border-top: 1px solid #999;
}

#advert img{
	display: block;
}
#advert p{margin:5px;}
/************** #quote styles (side column) **************/

#quote{
	padding: 5px 0px 0px 5px;
	font-size: 70%;
	border-top: -1px solid #cccccc;
}


/************** #headlines styles (side column) *****/

#headlines{
	margin: 0px;
	padding: 3px;
	font-size: 80%;
	border-bottom: 1px solid #ccc;
}

#headlines p{
	padding: 2px 2px 2px 2px;
}

/****** #imgSidebar (side column) ******/
#imgSidebar {
	padding: 2px 2px; 
	margin: 0;
	text-align:center;
	border: 1px solid #CCC; 
	font-size:70%}
	
#imgSidebar img{
	border:1px solid #999;
	display:block;}


/****** more: added from andreas template **********/

.hide {
	display: none;
	}
#printnotice {
	display:none;
	}
#printnotice p img {
	display: none;
	}

/*Margin Styles, from http://www.antiochne.edu/ane.css*/
.margintb20 {margin-top: 20px; margin-bottom: 20px;} 
.margintb15 {margin-top: 15px; margin-bottom: 15px;} 
.margintb10 {margin-top: 10px; margin-bottom: 10px;} 
.margintb05 {margin-top: 5px; margin-bottom: 5px;}

.marginleft5 {margin-left: 5px;}
.marginleft10 {margin-left: 10px;}
.marginleft15 {margin-left: 15px;}
.marginleft25 {margin-left: 25px;}
.marginr15 {margin-right: 15px;}
.margint5 {margin-top:5px}
.margintb00 {margin: 0;}