/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/
/* ####################   NAVIGATION CSS #######################  */



/* main list before  Javascript applies classes

      <ul id="nav">
        <li>Favorite Books
			<ul>
			  <li>XSLT Cookbook. Sal Magano. O'Reilley Publishers.</li>
			  <li>XSLT. Doug Tidwell. O'Reilley Publishers.</li>
			  <li>Professional ASP XML. Mark Baartse et al. Wrox Publishers.</li>
			  <li>XML Application Development with MSXML 4.0. Stephen Mohr et al. Wrox Publishers.</li>
			  <li>ADSI Programming. Simon Robinson. Wrox Publishers.</li>
			  <li>JavaScript: The Definitive Guide. David Flanagan.  O'Reilley Publishers.</li>
			  <li>Cascading Style Sheets: The Definitive Guide. Eric A. Meyer.  O'Reilley Publishers.</li>
			  <li>Mastering Regular Expressions. Jeffrey E.F. Friedl.   O'Reilley Publishers.</li>
			  <li>Designing Web Usability: Jakob Nielsen. New Riders Publishing. </li>
			</ul>
		</li>
		...and more sections
		
/* main list after Javascript applies classes and spans

	span class attribute = pde_active=open, parent=pde_closed, pde_expandlink is initial state
	ul class attribute = pde_show=visible, pde_hide=hidden
	
      <ul class="pde_nav" id="nav">
        <li><span class="expandlink|pde_active|pde_parent">Favorite Books</span> 
			<span class="expandlink|pde_active|pde_parent"><a href="ddddd">Favorite Books</a></span>
			
			<ul class="pde_show|pde_hide" id="existing id>|ul_<n>">
			  <li>XSLT Cookbook. Sal Magano. O'Reilley Publishers.</li>
			  <li>XSLT. Doug Tidwell. O'Reilley Publishers.</li>
			  <li>Professional ASP XML. Mark Baartse et al. Wrox Publishers.</li>
			  <li>XML Application Development with MSXML 4.0. Stephen Mohr et al. Wrox Publishers.</li>
			  <li>ADSI Programming. Simon Robinson. Wrox Publishers.</li>
			  <li>JavaScript: The Definitive Guide. David Flanagan.  O'Reilley Publishers.</li>
			  <li>Cascading Style Sheets: The Definitive Guide. Eric A. Meyer.  O'Reilley Publishers.</li>
			  <li>Mastering Regular Expressions. Jeffrey E.F. Friedl.   O'Reilley Publishers.</li>
			  <li>Designing Web Usability: Jakob Nielsen. New Riders Publishing. </li>
			</ul>
		</li>


ul#nav li span.pde_parent  {text-decoration: underline; color: #006699; padding-left: 20px;  }
ul#nav.pde_nav li,  ul#nav li span.pde_parent { margin-left: -20px; }
*/


ul#nav li.pde_expandlink,  ul#nav li.pde_active, ul#nav li.pde_parent  {
	color: #006699; 
	margin-left: -20px;
	list-style-type: none;
	}
	
ul#nav li.pde_expandlink span, ul#nav li.pde_active span, ul#nav li.pde_parent span{ padding-left: 20px;}

ul#nav li.pde_expandlink ul li.pde_expandlink span{ padding-left: 20px;}
	
ul#nav li ul li { padding: 3px 0px 3px 0px; }
ul#nav li  { padding: 2px 0px 2px 0px; }


html>body ul#nav.pde_nav li{height:auto;}
		
ul.pde_nav a,ul.pde_nav strong{}
		
/* Classes added to show and hide and to indicate active state */
.pde_hide{display:none}
.pde_show{display:block}

.pde_parent, .pde_active, ul#nav li ul li , ul#nav li {
	background-repeat: no-repeat; 
	list-style-type: none; 
	background-position: center left  }

ul#nav li ul .pde_parent, ul#nav  .pde_parent { background-image: url(/images/plus.gif);}
ul#nav li ul .pde_active,	ul#nav .pde_active { background-image: url(/images/minus.gif);}

ul#nav li ul li, ul#nav li  { 
	background-image: url(/images/bullet.gif); 
	padding-left: 20px; 
	margin-left: -20px; 
	background-position: top left}
	
ul#nav li.pde_expandlink { background-image: none}

ul#nav li.pde_expandlink ul li.pde_expandlink { margin-left: -40px; }
ul#nav li ul li.pde_expandlink { 
	background-image: none ; }		

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

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

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

div.photos img {padding: 0px 25px 25px 0px; clear:both; display: block;} 
div.photos p {width: 50%; padding-top: 10px; padding-bottom: 10px;}
div.photos h2 {padding-top: 10px; padding-bottom: 20px;}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

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

h2#pageName {display: none }

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

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

h3, h4{
 font-size: 100%;
 color: #006699;
}


h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

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

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	width: 15%;
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  	float:right;
	width: 80%;
	margin: 0;
	padding: 0 3% 0 0;
}


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

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

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


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


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

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


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

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

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

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


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

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

div.story p {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 5px 0px;
}

div.story div {
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 10px 0px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* 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: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #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 {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
#navBar ul li ul {padding: 0 0 0 5px;}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar ul li ul {padding: 0 0 0 7px;}
#navBar ul li ul li {border: none; padding: none; margin: none;}
#navBar ul.links li ul.sublinks li a:link, #navBar ul.links li ul.sublinks li a:visited {border: none; padding: none; margin: none;}
#navBar ul.links li {border-bottom: 1px solid #EEE;}
#navBar ul.links li ul.sublinksli {border: none;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


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

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

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

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

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

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}