/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/* Special thanks to Andrew Fuller at Ecotrust for vetting some of these styles */

/***** Global Settings *****/

html { 
	margin: 0pt;
	padding: 0pt;
  }
		
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333;
}

/***** Common Formatting *****/

p { font-size: .9em; line-height: 1.3em; margin: 0.5em 0 1.3em 0; }
.smalltext { font-size: 0.85em; line-height: 1.2em;}
abbr, acronym { color: #369; border-bottom: thin dotted #369; cursor:help; }

img { border:0; }

.sitename {font-size: 2.0em; margin: 1.0em 0 0 0; color: #CC0000; }
.footertext { font-size: 0.85em; color: #CC0000; }
.caption { font-size: 0.85em; }
.breadcrumb { font-size: 1.0em; color: #666; text-align: left; text-decoration: none;}
.sitenametagline { font-size: 1em;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-align:left; margin:0; color:#666; }

h1 { font-size: 1.8em; margin:0; }
h2 { font-size: 1.6em; margin: 1.0em 0 0 0; }
h3 { font-size: 1.4em; margin: 1.0em 0 0 0; }
h4 { font-size: 1.2em; margin: 1.0em 0 0 0; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.85em; }

ul { padding:0; margin-left:0; }
li { list-style-image:url(images/icon_plus.gif); font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom:6px;}

/***** Global Classes *****/

.float-left { float:left;}
.float-left-pad { float:left; margin-right: 4px;}
.float-right { float:right;}
.float-right-pad { float:right; margin-left: 4px;}

.clear { clear: both; }

.img-left { float:left; margin:4px 10px 4px 0; }
.img-right { float:right; margin:4px 0 4px 10px; }5

.transON {opacity: .4; filter: alpha(opacity=25) /*IE Fix*/;}
.transOFF {opacity: 1; filter: alpha(opacity=100) /*IE Fix*/;}
					

.innertube { margin: 10px; }

/***** Scrollbar Classes *****/

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: gray;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/***** Links *****/

a:link { color: #CC0000; text-decoration: none;}
a:visited { color: #CC0000; text-decoration: none;}
a:active { color: #000000; text-decoration: underline;}
a:hover { color: #000000; text-decoration: underline;}

/*CSS3 attributes that automatically add external link icon and PDF icon. This works in Firefox, IE7 and Opera.*/
a[href*="://"]:not([href*="www.danieletra.com"]) {
	background-image: url(/images/icon_external.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}
a[href*="://"]:not([href*="www.danieletra.com"]):hover {
	background-image: url(/images/icon_external_hover.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}
a[href $='.pdf'] { 
	background-image: url(/images/icon_pdf.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}

a[href $='.doc'] { 
	background-image: url(/images/icon_doc.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}

/***** Layout Structure *****/

#wrapper { 
				 margin: 0pt auto;
				 position: relative;
				 width: 780px;
				 min-height: 550px;
				 }

#masthead { 
					background: #FFFFFF;
					height: 50px;
					}

#navigation { 
					padding: 4px 0pt;
					width: 780px;
					background-position: 0%;
					text-align: center;
					height: 50px;
					}

#content { 
				 width: 780px;
				 height: 350px;
				 border: 1px solid #999999;
				 }
				 
#content_background { 
				 width: 780px;
				 height: 350px;
				 border: 1px solid #999999;
				 background-image: url(/images/rootify_negative_1.jpg);
				 background-repeat: none;
				 }
		
#footer_image { 
							padding: 4px 0pt;
							width: 780px;
							clear: left;
							background-position: 0%;
							color: rgb(51, 51, 51);
							text-align: center;
							background-image: url(images/home_icon_sm.gif)! important;
							background-repeat: none;
							background-color: rgb(255, 255, 255);
							opacity: 0;
							height: 40px;
							}
		
#footer_text { 
						 padding: 4px 0pt;
						 width: 780px;
						 clear: left;
						 background-position: 0%;
						 color: rgb(51, 51, 51);
						 text-align: center;
						 height: 80px;
						 }

#topnav { 
				padding: 4px 0pt;
				width: 780px;
				clear: left;
				background-position: 0%;
				color: rgb(51, 51, 51);
				text-align: right;
				height: 20px;
				}
				
#sitename {
					width: 300px;
					position: relative;
					left: 50px;
					top: 50px;
					}

#breadcrumb_box {
					width: 300px;
					position: relative;
					left: 431px;
					top: 10px;
					}
					
#textbox { 
				 position: relative;
				 padding: 4px;
				 margin: 24px 20px 24px 0;
				 float: right;
				 width: 325px;
				 height: 280px;
				 overflow: auto;		
}

#photobox {
					width: 200px;
					position: relative;
					top: 75px;
					left: 50px;
					}	 
										
/***** Layout Structure Not Used *****/


  #sidebar_nav { margin: 8px 0px 0px;
    background: rgb(255, 204, 102) none repeat scroll 0%;
    float: right;
    width: 220px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    }

  .featurebox { border: 1px solid rgb(204, 204, 204);
    margin: 0pt 8px 8px 0pt;
    background: rgb(255, 255, 255) none repeat scroll 0%;
    float: left;
    width: 760px;
    height: 200px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  .featureboxwide { border: 1px solid rgb(204, 204, 204);
    margin: 0pt 8px 8px 0pt;
    background: rgb(242, 242, 242) none repeat scroll 0%;
    float: left;
    width: 510px;
    height: auto;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    }

  .featureboxwide_whitebg { border: 1px solid rgb(204, 204, 204);
    margin: 0pt 8px 8px 0pt;
    float: left;
    width: 510px;
    height: auto;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    }

  .featureboxhalf { border: 1px solid rgb(204, 204, 204);
    margin: 0pt 8px 8px 0pt;
    background: rgb(242, 242, 242) none repeat scroll 0%;
    float: left;
    width: 250px;
    height: 142px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    }

  .featurebox_grow { border: 1px solid rgb(204, 204, 204);
    margin: 0pt 8px 8px 0pt;
    background: rgb(242, 242, 242) none repeat scroll 0%;
    float: left;
    width: 250px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    }

  .featurebox p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featureboxwide p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featureboxhalf p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featureboxwide_whitebg p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featureboxhalf_whitebg p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featurebox_grow p { padding: 0pt 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .featurebox ul { padding: 0pt 8px;
    margin-left: 0pt;
    }

  .featurebox li { list-style-type: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    margin-bottom: 6px;
    }

  .featuretitle { margin: 0px;
    padding: 4px;
    background: rgb(255, 255, 255) none repeat scroll 0%;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  .featurebottom { margin: 0px;
    padding: 2px;
    background: rgb(204, 0, 0) none repeat scroll 0%;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(255, 255, 255);
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    }

  td { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    }

  .introtext { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(51, 51, 51);
    line-height: 17px;
    }