/* CSS Document */

/* CSS Document */
/*
TOC
- fonts
- universal 
- left-side divs
- right side divs
- form styles
- image handling
- linkage
- pagination

*/

/*fonts */

h4, h3, h2 {
font-family: Helvetica, Verdana, Sans-serif;
}

h2 {font-family:Helvetica , arial, verdana, sans-serif;

}

p {
font-family: Arial, helvetica, sans-serif;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}




/* linkage */


a:link{ 

font-size: 12px;
color: #668E6E;
text-decoration:none;

}

a:active{ 

font-size: 12px;
color: #666666;
text-decoration:none;

}

a:hover{ 

font-size: 12px;
color: #668E6E;
text-decoration:underline;

}

a:visited{ 

font-size: 12px;
color: #666666;
text-decoration:none;

}

/*universal */

body{
	background-color: #EEEEEE;
	margin: 0px;
	background-attachment: scroll;
	/*background-image: url(http://www.digipopo.org/content/images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

body p {
margin-top: 0px;
font-size: 12px;
line-height: 140%;
color: #000000;
margin-top: 0px;

}

#wrapper { 
margin-top: 20px;
width: 100%;
}

/*left side divs */

#blackbox {

background-image: url(http://www.digipopo.org/content/images/banner10.jpg);
background-repeat: no-repeat;
background-position: -1 -1;
background-attachment:scroll;	
width: auto;
background-color: #ffffff;
padding: 0px;
margin-right: 215px;
margin-left: 20px;
margin-top: 0px;
border-top: 1px solid #82A38B;
border-left: 1px solid #82A38B;
border-right: 1px solid #CFE7D5;
border-bottom: 1px solid #CFE7D5;

}

#banner {
	width: auto;
	height: 125px;
	text-align: right;

}



#logo {
float: right;
width: 200px;
margin-right: 10px;
margin-top: 10px;
}


#logo  a:link img{
border: 0px solid #000000;
text-decoration: none;
margin-bottom: 0px;
}

#logo  a:hover img{
border: 0px solid #000000;
text-decoration: none;
margin-bottom: 0px;
}

#logo  a:active img{
border: 0px solid #000000;
text-decoration: none;
margin-bottom: 0px;
}

#logo  a:visited img{
border: 0px solid #000000;
text-decoration: none;
margin-bottom: 0px;
}

.isbn{
font-family:arial, helvetica, sans-serif;
font-weight: bolder;
font-size: 12px;
color: #C02224;
margin-top: 0px;
margin-right: 0px;
padding-top: 0px;


}

#container {
width: auto;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 20px;
}

#sectionnav {

background-image: url(http://www.digipopo.org/content/images/section_nav_bkgrd.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-attachment:scroll;	
float: left;
width: 179px;
margin-top: 0px;
}

#sectionnav img{
margin: 0px;
}

#sectionnav h3 {
color: #f02804;
font-size: 44px;
font-weight: bold;
display: block;
margin-top: 104px;
margin-left: 2px;
margin-bottom: 0px;
text-decoration: none;
padding: 0px;
}


#sectionnav ul{
	margin-left: 0px;
	margin-top: 0px;
	margin-left: 0; 
	padding-left: 0px;
}

#sectionnav li {
padding-left: 20px;
	margin-left: 0px;
	list-style-type: none;
	list-style-position: inside;
	margin-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #EEEEEE;
}


#sectionnav li a{
padding-left: 0px;
margin-left: 0px;
	font-weight: normal;
	color: #668E6E;
	font-size: 16px;
font-weight: normal;
	text-decoration: none;

}


#rssCatArchive {
margin-top: 20px;
margin-left : 10px;

}

.rssCcat a{
margin-left: 0px;
	font-weight: normal;
	color: #668E6E;
	font-size: 18px;
font-weight: bold;
	text-decoration: none;

}

#rssCatList  ul{
	margin-left: 0px;
	margin-top: 0px;
	margin-left: 0; 
	padding-left: 10px;
}

#rssCatList li {
padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
	list-style-position: inside;
	border-bottom: 1px solid #CCCCCC;
}


#rssCatList li a{
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	}

#rssCatList li a:link{
	color: #333333;
	text-decoration: none;
	}

#rssCatList li a:visited{
	color: #333333;
	text-decoration: none;
	}

#rssCatList li a:hover{
	color: #666666;
	text-decoration: none;
	}


#booklet {
padding: 10px;
margin-left: 10px;
margin-right: 10px;
border:2px solid #EBFDD0;
background-color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
font-size: 9px;
font-weight:normal
font-style: normal;
color: #666666;
}



/*end rss_stuff*/


/*textarea*/

#textcontainer {
margin-left: 200px;
width: auto;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 20px;
padding-top: 15px;
}

/*right side content*/


#TOC {

float: right;
display: block;
width: 175px;
margin-top: 0px;
margin-left: 20px;
margin-right:10px;

}

#TOC h3{

font-size: 12px;
color:  #ED0600;
margin-top: 0px;
font-weight: bolder;
text-align: left;
}

#TOC ul{

padding-left: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 20px;


}

#TOC li {

margin-left: 0px;
padding-left: 0px;
color: #f02804;
margin-left: 0px;
padding-bottom: 5px;	
margin-top: 10px;
list-style-type: none;
background-image: url(http://www.digipopo.org/content/images/squares.gif);
	background-repeat: no-repeat;
	background-position: left middle;

}

#TOC li a:link{ 
font-size: 16px;
margin-left: 0px;
padding-left:  45px;
padding-bottom: 5px;
text-decoration: none;
color: #ED0600;
}



#TOC li a:active{
font-size: 16px;
margin-left: 0px;
padding-left:  45px;
padding-bottom: 5px;
text-decoration: none;
color: #E42D2F;

}



#TOC li a:visited {
font-size: 16px;
margin-left: 0px;
padding-left:  45px;
padding-bottom: 5px;
text-decoration: none;
color: #333333;

}


#TOC li a:hover{
font-size: 16px;
margin-left: 0px;
margin-top: 10px;
padding-left:  45px;
padding-bottom: 5px;
text-decoration: none;
color: #E42D2F;
background-image: url(http://www.digipopo.org/content/images/squares4.gif);
	background-repeat: no-repeat;
	background-position: left middle;
}


/* other stuff */

#footer {

clear: all; 
text-align:right;
padding-right: 20%;
height: 15px;
padding-top: 20px;



}

#footer p {

font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal
font-style: normal;
color: #666666;
margin-bottom: 3px;
padding-bottom: 3px;

}

#footer a {
font-size: 11px;
font-family: arial, helvetica, sans-serif;
color: #668E6E;
text-decoration: none;

}

/*forms */

.article {
padding-bottom: 30px;
margin-right: 20px;
}

.article-padding{
padding-top: 30px;
margin-right: 20px;
}

.title{
font-family: Helvetica, Verdana, Sans-serif;
font-size: 24px;
color: #333333;
font-weight: normal;
padding-left: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #ED0600;
text-align: right;
margin-right: -10px;
margin-top: 10px;
margin-bottom: 5px;
}

.title a{
font-family: Helvetica, Verdana, Sans-serif;
width: auto;
font-size: 24px;
text-align:right;
color: #333333;
text-decoration: none;
}

.title a:visited{
width: auto;
font-size: 24px;
text-align:right;
color: #333333;
text-decoration:none;

}
.title a:active{
width: auto;
font-size: 24px;
text-align:right;
color: #333333;
text-decoration:none;
}

.title a:hover {
width: auto;
font-size: 24px;
text-align:right;
color: #333333;
text-decoration:none;
}



.authorinfo {

font-family: Helvetica, Verdana, Sans-serif;
font-size: 14px;
color: #333333;
font-weight: normal;
padding-left: -10px;
margin-bottom: 20px; 

}

.authorinfo a{
font-family: Helvetica, Verdana, Sans-serif;
font-size: 14px;
color: #f02804;
font-weight: normal;
padding-left: -10px;
margin-bottom: 20px; 
text-decoration: none;
}

.pdf {
font-size: 11px;
font-weight: normal;
margin-bottom: 20px; 
}

.pdf a{
font-size: 11px;
font-weight: normal;
color: #668E6E;
margin-bottom: 20px; 
text-decoration: none;
}

.article h3 {
font-size: 16px;
color: #333333;
margin-top: 30px;
font-weight: lighter;
}


.article strong {

color: #333333;

}
.article p{
font-size: 12px;
line-height: 140%;
color: #000000;
margin-top: 0px;
}

.article blockquote {

font-size: 11px;
line-height: 140%;
color: #000000;
margin-top: 0px;
border-left: 4px solid #EBFDD0;
padding-left: 10px;
}

p.date {
font-size: 12px;
font-weight: bold;
color: #A2B6A6;
margin-top: 0px;
margin-bottom: 0px;
}

.comments {
border-top: 1px solid #CCCCCC;
width: auto;
padding: 10px;
}


.comments p{
font-size:10px;


}
.even{

padding: 10px;
margin:3px;
border-bottom: 1px dotted #CFE7D5;

}

.odd{
padding: 10px;
margin:3px;
background-color: #F3F3F3;
border-bottom: 1px dotted #CCCCCC;
}

.postedby{
font-family: Arial, helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-decoration: none;
margin-bottom: 0px;
}

.postedby  a{
text-size: 10px;
color: #668E6E;
text-decoration: none;
}

.postedby  a:hover{
text-size: 10px;
color: #668E6E;
text-decoration:underline;
}


.postedby  a:visited, a:active{
text-size: 10px;
color: #668E6E;
text-decoration:none;
}

.readmore a:link{
font-size: 16px;
color: #f02804;
font-weight: normal;
margin-bottom: 20px; 
text-decoration: none;

}

/*image handling*/

.imgright {

float: right;
border: 3px solid #EBFDD0;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
}

.imgleft {

float: left;
border: 3px solid #EBFDD0;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
}

.imgright, .imgleft{

font-family: Arial, helvetica, sans-serif;
font-size: 10px;
color: #333333;
margin-bottom: 0px;
margin-top: 5px;
display: block;
}

/*pagination*/

#pagination {
width: auto;
text-align: right;

}

#pagination p{
float: left;

}

#pages ul {
padding: 5px;

}

#pages li {
list-style-type: none;
display: inline;

}

.pgStart, .pgNext, .pgNum, .pgPrev, .pgEmpty, .pgEnd{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
}

.pgStart, .pgNext, .pgPrev, .pgEmpty, .pgCurrent, .pgEmpty{ 

margin-left: 3px; margin-right: 3px;

}

.pgCurrent {
font-weight: bold
font-family: Arial, Helvetica, sans-serif;
color: #f02804;
font-size: 14px;

}

.results {

font-family: arial, helvetica, sans-serif;

}

/*table of content styles */

.TOC {

margin-left: 60px; 
padding-left: 20px;
border-left: 4px solid #EBFDD0;

}

h6 {

font-family: Arial helvetica, sans-serif;
color: #f02804;
font-size: 18px;
font-weight: bold;
text-align: right;

}

.TOC h3 {
font-size: 14px;
color: #333333;
line-height: normal;
font-weight: lighter;
margin-bottom: 0px;
}


.TOC b {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: #333333;

}
.TOC p{

font-family: arial, helvetica, sans-serif;
color: #000000;
margin-top: 0px;
}

#dpplogo {
float: left;
width: 221px;
height: 125px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}