/* CSS Document */
body{
	padding:0;
	margin:12px 0 0;
	font:0.875em/1.25em "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#121212;
	text-align: left;
}
div, p, ul, ol, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

hr {
	height: 2px;
	background: #730000;
	color: #730000;
}

#mainPan{width:800px; position:relative; margin:0 auto;}

/*---TOP PANEL---*/
#topPan{width:800px; height:240px; background:url(images/MtDiablo.jpg) right top no-repeat #FDFDFC; color:#00f;}
#topleftPan{width:800px; margin:0; float:left;}
#topmenuPan{width:800px; margin:0; float:left;}
#topleftPan h1{
	width:268px;
	height:15px;
	background:none;
	font:40px "Trebuchet MS", Arial, sans-serif;
	padding:20px 0 0 40px;
	font-style: italic;
	font-weight: bold;
}
#topleftPan h2{font:0.8125em/1.25em "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; padding:24px 0 0 40px;font-style: italic;}
#topPan img{ width:229px; height:102px; display:block; margin:0; position:absolute; top:42px; left:61px;}
#topmenuPan ul{width:800px; position:absolute; top:220px; left:0;}
#topmenuPan li{font:15px/1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; float:left;}
#topmenuPan ul li a{padding:0 0 0 12px; color:#66FFFF; text-decoration:none; font-weight:bold;}
#topmenuPan ul li a:hover{color:#730000; text-decoration:none;}

/*--#topmenuPan li{font:0.625em/1.25em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#fff; display:inline;}--*/

#toprightPan{width:170px; height:185px; position:absolute; top:0px; right:0px;}
#toprightPan ul{width:117px; height:147px; margin:18px 0 0;}
#toprightPan ul li{height:30px; border-bottom:1px solid #CBCACA; line-height:29px;}
#toprightPan ul li a{width:117px; display:block; background:url(2007-10/images/arrow-normal.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px;}
#toprightPan ul li a:hover{background:url(2007-10/images/arrow-hover.gif) 0 50% no-repeat; text-decoration:none;}
#toprightPan ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}


/*---/TOP PANEL---*/

/*---BODY PANEL---*/
#bodytopPan{width:778px; height:57px; background:url(2007-10/images/bodytop.jpg) 0 0 no-repeat;}

/*---BodyTop Left Panel--*/
#bodytopleftPan{width:608px; margin:0; float:left;}
#bodytopleftPan h2{width:478px; height:26px; display:block; font:24px/24px "Trebuchet MS" Arial, Helvetica, sans-serif; font-weight:bold; color:#39A002; background:#fff; margin:28px 0 30px 61px;}
#bodytopleftPan h2 span{font-size:21px; line-height:1.5em; font-weight:normal;}
.subheadline {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #009933;
}

#bodytopleftPan h3{width:546px; height:47px; display:block; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:24px; line-height:24px; margin:0 0 0 0; padding:6px 0 0 60px; font-weight:bold; text-transform:uppercase;}
#bodytopleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
#bodytopleftPan h3 span.italictext{font-style:italic; font-size:1em; line-height:1em; margin:2px 0;}
#bodytopleftPan h3 span.smalltext{font-size:0.625em;}

/*---/BodyTop Left Panel--*/

/*---BodyTop Right Panel--*/
#bodytoprightPan{width:170px; position:absolute; top:185px; right:0px;}
#bodytoprightPan form{width:151px; height:119px; background:url(2007-10/images/formarea.jpg) 0 0 no-repeat; margin:15px 0 0;}
#bodytoprightPan input{width:100px; height:15px; line-height:14px; font-size:0.6875em; margin:0 0 0 22px;}
#bodytoprightPan input.button{width:103px; height:22px; background: url(2007-10/images/button.gif) 0 0 no-repeat #fff; color:#fff; font:0.875em/1.125em Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; border:none; margin:14px 0 0 22px;}

#bodytoprightPan form h2{width:100px; height:62px; display:block; background:url(2007-10/images/icon5.jpg) 0 50% no-repeat #fff; color:#39A002; font:0.9375em/52px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; padding:0 0 0 33px; margin:0 0 0 19px;}

/*---/BodyTop Right Panel--*/

#bodyPan{width:778px;}
/*---Body Left Panel--*/
#bodyleftPan{width:608px;}
#bodyleftPan p{padding:19px 61px 0;}
#bodyleftPan ol{padding:19px 61px 0;}
#bodyleftPan ul{padding:0 61px 0; list-style-type:disc;}
#bodyleftPan p span.boldtext{font-weight:bold;}
#bodyleftPan p span.bolditalictext{font-weight:bold; font-style:italic;}
#bodyleftPan p span.italictext{font-style:italic;}
#bodyleftPan p span.smalltext{font-size:0.5625em;}
#bodyleftPan p span.smallitalic{font-size:0.6875em; font-style:italic;}
#bodyleftPan p span.redtext{color:#FF0000;}
#bodyleftPan p.border{height:6px; background:url(2007-10/images/line.gif) 0 100% repeat-x; margin:20px 61px; padding:0;}
#bodyleftPan p.captiontext{font:1em/1.375em Georgia, "Times New Roman", Times, serif; background: url(2007-10/images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}
#bodyleftPan p span.question{font-size:50px;}

#bodyleftPan h2{width:478px; height:40px; display:block; font:21px/21px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
#bodyleftPan h3{width:116px; height:47px; display:block; background:url(2007-10/images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:0.875em; line-height:14px ; margin:20px 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodyleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
#bodyleftPan h4{width:608px; height:50px; display:block; font:24px/24px "Arial Bold", "Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#3333ff; background:#d4ecfb; margin:20px 0 0 0;}
#bodyleftPan h4 span.italictext{font-style:italic;}
#bodyleftPan h4 span.maroontext{color:#730000;font-style:italic;}
#bodyleftPan h4 span.redtext{color:#FF0000;font-style:italic;}
#bodyleftPan h4 span.smalltext{font-size:0.5625em; font-style:italic;}
#bodyleftPan h5{padding:19px 61px 0; margin:12px 0 0; font:1.1em/1.25em "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#39A002; }

#bodyleftlinkboxonePan{width:400px; height:50px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxonePan ul{width:400px; height:28px; width:318px; height:24px;}
#bodyleftlinkboxonePan ul li{display:block; width:156px; height:34px; float:left;}
#bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(2007-10/images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:0.875em; font-weight:normal; padding:0 0 0 35px;}
#bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxonePan ul li.continue{width:134px; height:28px; background:url(2007-10/images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxonePan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:0.875em; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}


#bodyleftlinkboxPan{width:400px; height:88px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxPan ul{width:400px; height:28px; width:318px; height:24px; margin:0px;}
#bodyleftlinkboxPan ul li{display:block; height:34px; float:left;}
#bodyleftlinkboxPan ul li.comments{width:110px; height:28px; display:block; background:url(2007-10/images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:0.875em; font-weight:normal; padding:0 0 0 36px;}
#bodyleftlinkboxPan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxPan ul li.continue{width:134px; height:28px; background:url(2007-10/images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxPan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:0.875em; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}

#bodyleftpublicationPan{width:468px; margin:25px 0 0  61px; padding:0px;}
#bodyleftpublicationPan h2{width:448px; height:70px; background:url(2007-10/images/bullet1.gif) 0 0 no-repeat #fff; font-size:1em; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px;}
#bodyleftpublicationPan h2 span{background:#fff; color:#06507A; font-size:0.875em;}

#bodyleftpublicationPan h3{width:448px; height:70px; background:url(2007-10/images/bullet2.gif) 0 0 no-repeat #fff; font-size:1em; line-height:1.25em; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h3 span{background:#fff; color:#06507A; font-size:0.875em; font-weight:normal;}

#bodyleftpublicationPan h4{width:448px; height:70px; background:url(2007-10/images/bullet3.gif) 0 0 no-repeat #fff; font-size:1em; line-height:1.25em; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none;}
#bodyleftpublicationPan h4 span{background:#fff; color:#06507A; font-size:0.875em; font-weight:normal;}

#bodyleftpublicationPan h5{width:448px; height:70px; background:url(2007-10/images/bullet4.gif) 0 0 no-repeat #fff; font-size:1em; line-height:1.25em; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h5 span{background:#fff; color:#06507A; font-size:0.875em; font-weight:normal;}


#bodyleftpublicationPan p.dotline{background:url(2007-10/images/dotline.gif) 0 0 repeat-x; margin:0 0 0 38px; padding:0;}
/*---/Body Left Panel--*/

/*---Body Right Panel--*/
#bodyrightPan{width:180px; position:absolute; top:300px; right:0px;}
#bodyrightPan span.bolditalic{font-size:1.4em; font-weight:bold; font-style:italic; text-decoration:underline; color:#730000;}
#bodyrightPan ul{width:180px;} 
#bodyrightPan ul li{font-size:1em; width:180px;}
#bodyrightPan ul li span.redtext{color:#FF0000;}
#bodyrightPan ul li span.maroontext{color:#730000; font-style:italic;}
#bodyrightPan ul li a{width:180px; height:40px; display:block; background:url(2007-10/images/arrow2.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 0;}
#bodyrightPan ul li a:hover{text-decoration:underline; color:#0033FF;}
/*---/Body Right Panel--*/

/*---FOOTER PANEL--*/
#footermainPan{height:174px; background:url(2007-10/images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0;}
#footerPan{width:778px; position:relative; margin:0 auto;}
#footerPan img{width:164px; height:69; position:absolute; top:37px; right:6px;}

#footerPan ul{width:800px; position:absolute; top:36px; left:49px;}
#footerPan li{float:left; font:0.9em/1.25em "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:400px; background:#7D7D7D; color:#fff; display:block; position:absolute; top:120px; left:60px; }
#footerPan ul.templateworld li{height:2.5em;}
#footerPan ul.templateworld li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	background:#7D7D7D;
	color:#fff;
	font:0.9em/1.25em Tahoma,Arial, Helvetica, sans-serif;
	position:absolute;
	top:70px;
	left:61px;
}

#footerPanhtml{width:70px; height:24px; background:url(2007-10/images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background:url(2007-10/images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(2007-10/images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(2007-10/images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(2007-10/images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(2007-10/images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}

.toc {border-style: solid; border-width:4px 3px 6px 3px; border-color:#d4ecfb; padding:2px 0 0 4px;}

.courierfont {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
}

.smallcaptiontext {
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
}

.darkbluetext {
	color: #0000FF;
}
.greytext {
	color: #666666;
}
.program-code {
	font: normal 11px "Courier New", Courier;
}