body { margin: 0; padding: 0; background-color: #99b0cc; text-align: center; font: 0.8em Arial, Helvetica, sans-serif }
form { margin: 0 }
img { border: 0 }

#main { width: 780px; height: 100%; margin:0 auto }
#head { position: relative; background: url('bg-header.gif') repeat #d6df23; text-align: left; height: 100% }
#head2 { position: absolute; right: 0px; bottom: 0px }

#nav { padding: 0px; margin: 0px; height: 40px; background: url('bg-nav2.gif') #285ca8; border-top: solid 2px #ffffff; border-bottom: solid 2px #ffffff; font: bold 1.1em Arial; color: #214092; line-height: 1.1em; display: block }
#nav ul { padding: 0px; margin: 0px; }
#nav a { color: #214092; text-decoration: none; display: block; width: 100% }
#nav a:hover { text-decoration: underline }
#navmenu { width: 156px; height: 36px; float: left; padding: 4px 0px 0px 0px; display: inline; margin: 0px }

#foot { clear: both; height: 16px; padding: 9px; background: url('bg-footer.gif') repeat #285ca8; font: bold 1.0em Arial; color: #ffffff }
#foot a { color: #ffffff }

#cols { width: 780px; float: left; background: url('bg-menu.gif') repeat-y #ffffff }
#col1 { width: 181px; float: left; text-align: left; padding: 14px; height: 100% }
#col2 { width: 532px; float: left; background-color: #ffffff; text-align: left; padding: 18px }
#feature1 { width: 158px; background-color: #ffffff; padding: 10px; text-align: left }
#feature2 { width: 158px; background-color: #ffffff; padding: 10px; text-align: center }

#col1 h2 { font-size: 1.3em; color: #000000; display: inline }
#col1 ul { font-size: 1.0em; margin: 0px; padding-left: 16px }
#col1 li { padding: 3px 0; line-height: 125% }

#col2 hr { width: 300px; margin: 24px }

h1 { font-weight: 100; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 2.0em; color: #23408e; margin: 0px 0 6px 0; letter-spacing: 1px }
h2 { font-size: 1.5em }
h3 { font-size: 1.2em }

/*#col1 { width: 270px; float: left }
#col2 { width: 640px; float: left }
#logo { padding: 32px 14px 32px 0 }
#nav1 { text-align: left; padding: 6px 24px 0 }
#tag { float: left; margin-top: 30px }
#search { float: right; margin-top: 30px }
#content { width: auto; background: #ffffff; margin: 75px 0 10px; padding: 4px }
#post { width: auto; border: 4px solid #ccddff; margin-top: 4px; padding: 18px 33px 24px; text-align: left; line-height: 150% }
#foot { text-align: center; font-size: 8pt }
#foot2 { text-align: center; font-size: 8pt; margin-top: 4px; padding: 8px; background: #1a66b2; color: #ffffff }
#foot2 a { color: #ffffff; text-decoration: underline }

#menu {	width: 100% }
#menu ul { list-style-type: none; padding: 0; margin: 0 }
#menu li { float: left; width: 102px; margin-right: 4px; background: #1a66b2; font: bold 13pt Trebuchet MS, Arial, Helvetica; color: #ffffff; text-align: center }
#menu li.here { background: #337fe6 }
#menu a { display: block; width: 100%; padding: 5px 0; color: #ffffff; text-decoration: none }
#menu a:hover { background: #f04d23; border-bottom: 0px }

#nav1 ul { font-size: 85%; list-style: none; margin: 0; padding: 0; border-top: 2px solid #ffffff }
#nav1 li { padding: 3px; border-bottom: 1px solid #ffffff; line-height: 150% }

.rss { vertical-align: text-bottom; margin-right: 8px }
.field { border: 2px solid #ccddff; width: 150px; font-size: 11pt }
.button { background: #1a66b2; border: 2px solid #ffffff; font: bold 10pt Trebuchet MS, Arial, Helvetica; color: #ffffff; margin-left: 2px }
.button:hover { background: #f04d23 }
.button2 { background: #1a66b2; border: 2px solid #ccddff; padding: 2px 10px; font: bold 11pt Trebuchet MS, Arial, Helvetica; color: #ffffff }
.button2:hover { background: #f04d23 }
.links { color: #667fe6; border-bottom: 4px dotted #99b2ff; margin: 16px 0; padding-bottom: 12px }
.links2 { border-bottom: 4px dotted #99b2ff; margin: 8px 0; padding-bottom: 12px }
.comment { background: #f0f5ff; border: 4px solid #ccddff; padding: 8px 12px 12px; margin-bottom: 12px }
.small { font: normal 8pt Verdana, Arial, Helvetica, sans-serif; line-height: 125% }
.list { font: bold 130% Trebuchet MS, Arial, Helvetica, sans-serif; color: #003399; line-height: 14pt; }
.image { border: 3px solid #99b2ff; padding: 2px; margin: 0 0 10px 14px; background: #ffffff }
.image2 { margin: 4px 0 10px 16px; background: #ffffff }

h1 { font: bold 190% Trebuchet MS, Arial, Helvetica, sans-serif; color: #ff3300; margin: 0 0 6px 0 }
h1 a { color: #ff3300 }
h1 a:hover { color: #e60000; text-decoration: none }
h2 { font: bold 16pt Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; display: inline }
h3 { width: auto; overflow: auto; font: bold 140% Trebuchet MS, Arial, Helvetica, sans-serif; color: #0033b2; letter-spacing: 1px; border-bottom: 2px dotted #99b2ff; padding: 0; margin: 0 0 6px }
h4 { font: bold 140% Trebuchet MS, Arial, Helvetica, sans-serif; color: #0033b2; letter-spacing: 1px; display: inline }

a { text-decoration: none }
a:hover {text-decoration: underline }
blockquote { margin: 20px 18px; padding: 0 0 0 28px; background: url('/images/quote.gif') left top no-repeat; line-height: 125% }
pre { margin: 20px 28px; font: 100% "Courier New", Courier, mono; line-height: 125% }

.box1 { background: #dde8ff; border: 3px solid #b2ccff; padding: 8px 12px 12px; margin-bottom: 12px }
.box2 { background: #e6ddff; border: 3px solid #c5bdd9; padding: 8px 12px 12px; margin-bottom: 12px }
.box3 { background: #f0f5ff; border: 3px solid #ccddff; padding: 8px 12px 12px; margin-bottom: 12px }
*/