/* Debug Zones
html { border-right: #f00 1px solid; border-left: #f00 1px solid; }
body { border-right: #0f0 1px solid; border-left: #0f0 1px solid; }
#pagehead { border-right: #00f 1px solid; border-left: #00f 1px solid; }
#menu { border-right: #ff0 1px solid; border-left: #ff0 1px solid; }
#sidebar { border-right: #0ff 1px solid; border-left: #0ff 1px solid; }
#main-text { border-right: #000 1px solid; border-left: #000 1px solid; } 
*/

/* Has the background image for the diagonal stripes on the right. */
html { background-image: url(/images/right_side.gif); background-repeat: repeat-y; background-position: top right; margin: 0px 0px 0px 0px; }


/* Has the background image for the diagonal stripes on the left. */
body { background-image: url(/images/left_side.gif); background-repeat: repeat-y; color: #000; margin: 0px 15px 0px 0px; font-family: verdana, arial, helvetica, sans-serif; }

#pagehead { margin-left: 15px; padding: 0; background-color: #036; }


/* Banner across top of page with the name of the site */
#main-title {  background-color: #036; margin: 0; padding-top: 0px; padding-bottom: 0px; line-height: 25px;
		font-family: arial, verdana, helvetica, sans-serif; font-size: .9em; letter-spacing: 0px; text-align: right; font-weight: bold; background-color: #036; color: #fff; }
#main-title img {  margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;}


/* Used to create the main image near the top of the page. */
#pageheader { background-color: #036; background-image: url(/images/page/header1.jpg); background-repeat: no-repeat; background-position: left top; height: 40px; border-top: 2px #aea191 solid; border-bottom: 2px #aea191 solid; }
#pageheader img	{ float: right; border: none; }

/* --------------------------------[HNAV]----------------------------------- */
#topmenu { margin: 5px 0px 5px 15px; padding: 0; width: 800px; }
#topmenu li { display: block; float: left; }
#topmenu li a img { margin: 0; padding: 0; background-color: #fff; }


/* Contains all the main body of text on the page, including the h2 elements. */
#main-text { margin: 0; padding: 0; font-size: 0.65em; line-height: 1.75em; margin: 0; margin-left: 15px; margin-right: 0px;  }
#main-text p { text-align: justify; }


#sidebar { float:right; width:230px; background-color: #fff; margin: 10px 0px 10px 10px; padding: 0px; line-height: 1.35em;
			background-color: #fff; border-left:1px solid #aaa; }
#sidebar #righthand-column { width:230px; float:right; margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; }
#righthand-column h2 { font-size: 1.3em; color: #036; border-bottom: 1px #036 solid; letter-spacing: 1px; font-weight: normal; margin:  0px 0px 3px 0px; padding: 0px 0px 3px 0px; }
#textbox { margin:  5px 5px 5px 5px; padding: 0px; }

/* Styles for the footer at the bottom of the page */
#footer { text-align: center; margin: 0px 0px 0px 15px; padding 8px 0px 8px 0px; color: #aea191; font-size: 0.65em; line-height: 1.75em;
			 background-color: #036; border-top: 2px #aea191 solid; border-bottom: 2px #aea191 solid; }
#copyright { color: #aaa; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #fff; }

h1 { font-size: 1.5em; color: #036; letter-spacing: 2px; border-bottom: 2px #aea191 solid; font-weight: normal; margin: 0px 30px 0px 20px; padding: 23px 0 3px 0px; }
h2 { font-size: 1.3em; color: #036; letter-spacing: 1px; border-bottom: 1px #aea191 solid; font-weight: normal; margin: 0px 50px 0px 20px; padding: 23px 0 3px 0px; }
h3 { font-size: 1.2em; color: #036; letter-spacing: 0px; border-bottom: 0px #aea191 solid; font-weight: normal; margin: 0px 0px 0px 30px; padding: 10px 0px 0px 0px; }
h4 { font-size: 1.1em; color: #036; letter-spacing: 0px; border-bottom: 0px #aea191 solid; font-weight: normal; margin: 0px 0px 0px 30px; padding: 10px 0px 0px 0px; }
h5 { font-size: 1em; color: #036; letter-spacing: 0px; border-bottom: 0px #aea191 solid; font-weight: normal; margin: 0px 0px 0px 40px; padding: 10px 0px 0px 0px; }
h6 { font-size: 1em; color: #036; letter-spacing: 0px; border-bottom: 0px #aea191 solid; font-weight: normal; margin: 0px 0px 0px 50px; padding: 10px 0px 0px 0px; }
h1.left { font-size: 1.5em; color: #036; letter-spacing: 2px; border-bottom: 2px #aea191 solid; font-weight: normal; margin: 0px; padding: 0px; }
h2.left { font-size: 1.3em; color: #036; letter-spacing: 1px; border-bottom: 1px #aea191 solid; font-weight: normal; margin: 0px; padding: 0px; }
h3.left { font-size: 1.2em; color: #036; letter-spacing: 0px; border-bottom: 0px #aea191 solid; font-weight: normal; margin: 0px; padding: 0px; }
p { margin-left: 75px; margin-right: 75px;  margin-top: 5px; margin-bottom: 10px; line-height: 1.35em; }
ol, ul { margin-left: 75px; margin-right: 75px; margin-top: 5px; margin-bottom: 10px; line-height: 1.35em; }
a:link, a:visited { text-decoration: none; font-weight: bold; color: #b20; }
a:hover { text-decoration: underline; }
tt { font-size: 1.2em; color: #036; letter-spacing: 0px; font-weight: normal; margin: 0px 10px 0px 10px; }
div.indent { text-align: justify; margin-left: 50px; margin-right: 50px; }
select { font-size: 1.2em; color: #036; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
code { line-height: 1.35em; font-size: 1.2em; font-weight: bold; font-family: courier new; courier, monaco;}
pre { font-size: 1.3em; font-weight: normal; margin-left: 75px; margin-right: 75px;  margin-top: 5px; margin-bottom: 5px; line-height: 1.35em; }

table.noMargins { margin: 0px; padding: 0px; }
table {  margin-left: 60px; margin-right: 25px; margin-top: 5px; margin-bottom: 10px; line-height: 1.5em; }
table tr.heading td {  background-color: #036; color: white; font-weight: bold; font-size: 12px; line-height: 2em; }
table tr.even td{ background-color: #dfd4d3; }
table tr.odd td{ background-color: #fff; }
table td.required { color: #c12f23 ;font-weight: bold; }
table td.optional { color: #394128; }

/* Styles for the blog section */
#thepage	{ margin: 0px auto 0px auto; padding: 0px;}
#header		{ font-size: 1.5em; color: #036; letter-spacing: 1px; margin: 0px 10px 0px 10px; padding: 10px 0px 0px 0px; }
#entries 	{ padding: 20px 10px 0px 10px; }
#entries img	{ margin: 0px 0px 0px 0px; border: none; }

.entry		{ padding-bottom: 30px; padding-right: 20px; font-size: 12px; }
.entry img.bordered	{ border: 1px solid #000; }
.entry .comments-each a.commenter-profile img	{ float: none; margin: 0px; padding: 0px; }

.comments-theirs		{ font-size: x-small; line-height:125%; background: #fff; margin: 10px 0px 10px 0px; border-left: 1px solid #6c6; border-bottom: 1px solid #6c6; padding: 5px 5px 5px 5px; }
.comments-theirs p		{ margin-top: 0; padding-top: 0; }
.comments-mine			{ font-size: x-small; line-height:125%; background: #ddd; margin: 10px 0px 10px 0px; border-left: 1px solid #6c6; border-bottom: 1px solid #6c6; padding: 5px 5px 5px 5px; }
.comments-mine p		{ margin-top: 0; padding-top: 0; }
.comments-entryowner	{ font-size: x-small; line-height:125%; background: #bbb; margin: 10px 0px 10px 0px; border-left: 1px solid #6c6; border-bottom: 1px solid #6c6; padding: 5px 5px 5px 5px; }
.comments-entryowner p	{ margin-top: 0; padding-top: 0; }

div.white { color: #fff; font-size: 0px;}
a.white { color: #fff; font-size: 0px;}
p.white { color: #fff; font-size: 0px;}
font.white { color: #fff; font-size: 0px;}

