body {
	color: black;
	background: white;
	font-size: 77%;
	margin: 0;
}

body, textarea, input {
	font-family: arial, helvetica, sans-serif;
}

abbr, acronym, span.abbr {
	border-bottom: 1px #999 dotted;
	cursor: help;
}

:link {
	color: #00c;
}

:visited {
	color: #609;
}

a:active {
	color: #c00
}

a:hover {
	color: #00c;
	background-color: yellow;
}


/***********************************************************************/

#header {
	background-repeat: no-repeat;
	background-position: right;
	height: 100px;
	background-image:   url(Images/background.jpg);
	background-color: #000066;
	right: 0px;
	left: 0px;
	top: 0px;
	padding-top: 25px;
}
	

h1 {
	display: inline;
	font-size: 2em;
}

h1, h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #36c;
}

h1 a:hover {
	color: #339;
	background-color: transparent;
}

h1 a:hover em {
	color: #36c;
}

h1 em {
	color: #339;
	font-style: normal;
}

#header p {
}
#header h1 {
	font-size: 4em;
	color: #FFFFFF;
	padding-left: 0.25em;
}

#header p.hide {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

/***********************************************************************/

#navigation {
	left: 0px;
	background-image:   url(Images/background2.gif);
	width: 170px;
	margin-bottom: 0%;

}

#navigation2 {
	right: 5em;
}

.nav {
	position: absolute;
	width: 157px;
	padding-bottom: 1em;
	top: 168px;
}

.nav ul, .nav ol, .nav p {
	padding: 0;
	margin: 1em 0 0em; 0;
}

.nav ul ul, .nav ul ol {
	margin: 0;
}

.nav li {
	display: inline;
}

.nav a, .nav em {
	display: block;
	width: 157px;
	color: #FFFFFF;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-image: url(Images/home_dn.gif);
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 10px;
	line-height: 25px;

}
html>body .navigation a, html>body .navigation em {
	width: 9.5em;
}

.nav li li a, .nav li li em {
	width: 8.5em;
	padding: 0.15em 0.5em 0em 1.5em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 8.5em;
}
html>body .nav li li a, html>body .nav li li em {
	width: 8.5em;
}

.nav a:visited {
	color: #FFFFFF;
}

.nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image:  url(Images/home_dn_f2.gif);
}

.nav .beginner a:hover {
	border-color: red;
}
.nav .intermediate a:hover {
	border-bottom-color: #0c0;
}
.nav .advanced a:hover {
	border-bottom-color: blue;
}

.nav em {
	color: #336;
	background: url(images/marker.gif) left no-repeat;
	font-style: normal;
	padding: 0.15em 0.5em 0.15em 1em;
	margin: 1px 0.5em 1px 0;
}

.nav li li em {
	padding-left: 1em;
	margin: 1px 0.5em 1px 1em;
}


.subnav {
	position: absolute;
	width: 12.5em;
	padding-bottom: 1em;
	top: 270px;
	text-align: right;
	left: 5px;
}

.subnav ul, .subnav ol, .subnav p {
	padding: 0;
	margin: 1em 0 0.5em; 0;
}

.subnav ul ul, .subnav ul ol {
	margin: 0;
}

.subnav li {
	display: inline;
}

.subnav a, .subnav em {
	display: block;
	width: 11.5em;
	color: #666666;
	line-height: 1.2em;
	text-decoration: none;
	padding: 0.15em 0.5em;
	border: 1px white solid;
	margin: 1px 0.5em;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align: right;
}

.subnav li li a, .subnav li li em {
	width: 6.5em;
	padding: 0.15em 0.5em 0.15em 1.5em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 8.5em;
}
html>body .subnav li li a, html>body .subnav li li em {
	width: 8.5em;
}

.subnav a:visited {
	color: #558;
}

.subnav a:hover {
	color: #000099;
	background-color: #FFFFFF;
	text-decoration: underline;
	border-color: #FFFFFF;
	text-align: right;
}

.subnav .beginner a:hover {
	border-color: red;
}
.subnav .intermediate a:hover {
	border-bottom-color: #0c0;
}
.subnav .advanced a:hover {
	border-bottom-color: blue;
}

.subnav em {
	color: #336;
	background: url(images/marker.gif) left no-repeat;
	font-style: normal;
	padding: 0.15em 0.5em 0.15em 1em;
	margin: 1px 0.5em 1px 0;
}

.subnav li li em {
	padding-left: 1em;
	margin: 1px 0.5em 1px 1em;
}

#mailingList {
	padding: 1.5em 0.5em 0.5em 0.5em;
	border-top: 1px solid #ccc;
	margin-top: 1.5em;
}

#mailingList p {
	margin: 0 0 1em 0;
}

#mailingList .button {
	font-size: 0.8em;
	margin-top: 1em;
}

/***********************************************************************/


#contentHeading, #contentHeadingHome {
	border: 1px #000099 solid;
	margin: 3em 1em 1em 15em;
	background-color: #000066;
	color: #FFFFFF;
	padding-top: 0.5em;
	background-image: url(Images/gradiant.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#contentHeadingHome {
	border-color: #000066;
}

#breadcrumb {
	color: #999;
	color: #99b;
	background-color: #eee;
	font-size: 1em;
	padding: 0.3em 1em;
	border-bottom: 1px #ddd solid;
	margin: 0;
}

#breadcrumb a {
	color: #999;
	text-decoration: none;
}

#breadcrumb strong a {
	color: #339;
}

#breadcrumb a:hover {
	color: #00c;
}

#breadcrumb.beginner {
	border-color: red;
}

#breadcrumb.intermediate {
	border-color: #0c0;
}

#breadcrumb.advanced {
	border-color: blue;
}

h2 {
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	font-style: normal;
	padding: .25em 1em .25em 1em;
	margin: 0;
}


#navigation h2 {
	color: #36c;
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	padding: 0.5em 0 0 0.5em;
}
#navigation2 h2 {
	color: #000099;
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	padding: 0.5em 0 0 0.5em;
	text-align: right;
}

/***********************************************************************/

#content, #thanks {
	padding: 1.5em 0 1em 0;
	border: 1px #ccc solid;
	margin: 0 1em 1em 15em;
	text-align: left;
}

#thanks {
	padding: 0 2em;
}

#thanks blockquote {
	font-weight: bold;
	font-style: italic;
	margin: auto 1em;
}



#homeBox p, #content p, #content ul, #content ol, dl {
	line-height: 1.25em;
	padding: 0;
	margin: 0 0em 0em 0em;
}

#content p, #homeBox p {
	margin-left: 0em;
}

#content img {
	padding: .5em;
}

#list .item p {
	padding: 0 0 0 1em;
	margin: 0 0 1em 102px;
}
#list .item ul,  {
	padding: 0;
	margin: 1em 0 0.5em 102px;
}

.item {
	height: 102px;
	margin: 1.5em 2em 1.5em 2em;
}

#list > .item {
	height: auto;
	min-height: 110px;
}

#homeBox .item {
	background: url(images/imgbg.gif) left repeat-y;
}

.item img {
	position: absolute;
	margin-top: -1.0em;
	width: 102px;

}

.item .date {
	color: #999;
	font-size: 0.8em;
	padding: 0;
	margin: 0 0 0.5em 70px;
}

.item h4 {
	padding: 0 0 0 1em;
	margin: 0 0 0 102px;
}
.item2 h4 {
	padding: 0 0 0 1em;
	margin: 0 0 0 102px;
}

dl {
	margin-left: 2em;
}

dt {
	padding: 0;
	margin: 0;
}

dd {
	margin: 0 0 1em 0;
}

code {
	color: #900;
	font-family: "Courier New",Courier,monospace;
	font-size: 1em;
}

h3 {
	color: #36c;
	font-size: 1.2em;
	padding: 0 0.85em;
	margin: 0 0 1em 0;
}

h4 {
	font-size: 1em;
	padding: 0 1.5em;
	margin: 0 0 1em 0;
}

#dogBlog #homeBox h4 {
	margin-top: 2em;
}

#dogBlog #homeBox h4#comment000001 {
	margin-top: 1em;
}

#content p.blogLink {
	clear: left;
	margin-bottom: 2em;
}


pre {
	white-space: normal;
	font: 1em "Courier New",Courier,monospace;
	padding: 0 1em 1em 1em;
	border: 2px #ccc dotted;
	margin: 0 2em 1em 2em;
}

pre strong {
	color: #d00;
}

pre code {
	display: block;
	color: black;
	padding: 1em 0 0 0;
	margin: 0;
}

pre .m1 {
	margin-left: 2em;
}

pre .m2 {
	margin-left: 4em;
}

pre .m3 {
	margin-left: 6em;
}

.note {
	border: 1px #cce solid;
	margin: 0px 2em 1em 2em;
	background-color: #F2F5FC;
}

.note h3, #seeAlso h3, #homeBox h3, #comments h3 {
	color: #339;
	background-color: #eee;
	font-size: 1em;
	padding: 0.25em 1em;
	margin-bottom: 1em;
}

.note h3 {
	background-color: #e3eaf9;
	border-bottom: 2px white solid;
}

#content .note p, #seeAlso p {
	padding: 0 1em 1em 1em;
	margin: 0;
}

#dogBlog #content img {
	float: left;
	border: 1px solid #ccc;
	margin: 0 1em 1em 0;
}

/***contact***/

#contactForm {
	padding: 0 2em;
}

form {
	width: 100%;
	margin: 0;
}

#contactForm div {
	margin-bottom: 0.5em;
}

input, textarea {
	width: 98%;
	font-size: 1em;
	border: 1px #ddd solid;
}

input.button {
	width: 5em;
	cursor: pointer;
}


/***********************************************************************/
#seeAlso, #homeBox, #comments {
	padding: 0;
	border: 1px #ccc solid;
	margin: 0 1em 1em 15em;
}

#comments {
	margin-bottom: 1em;
}

#nextPrevious {
	height: 2em;
	padding-top: 1em;
	border-top: 1px #eee solid;
}

#seeAlso > #nextPrevious {
	height: auto;
	min-height: 2em;
}

#next {
	float: right;
}

#comments #form {
	padding: 0 1em 1em 1em;
}

#comments form {
	width: 100%;
	padding: 0;
	margin: 0;
}

#comments textarea {
	width: 98%;
}

#comments label {
	font-weight: normal;
}

#comments p {
	display: block;
	padding: 0 1em 1em 1em;
	margin: 0;
}

#comments form p {
	display: inline;
	padding: 0;
}

#comments form p#message {
	display: block;
}

#comments label.nameEmail {
	width: 12em;
}

#comments input {
	 width: 15em;
	 margin-top: 1em;
}

#comments .button {
	font-size: 0.8em;
	width: 5em;
}

/***********************************************************************/
#footer {
	text-align: right;
	padding: 0.3em 1em;
	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	padding: 0;
	margin: 0;
}

/********************************************************************print***/

@media print {

	body {
		font-size: 11pt;
		margin: 0;
	}
	
	#header h1, #header p {
	}
	
	#content {
		font-family: "times new roman", times, serif;
	}

	abbr, acronym, span.abbr {
		border: 0;
	} 
	
	h1 {
	}
	
	#navigation, #seeAlso, #comments, #standards {
		display: none;
	}

	#content, #footer {
		border: 0;
		margin: 0;
	}
	
	#footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}
	
	#contentHeading {
	color: #000066;
	top: 200px;
	}
	
}