/* KO: Layout */
body {margin-top:0;
text-align:center;background-color: White;font-family: verdana, arial, sans-serif;font-size: 12px;line-height: 1.6em;
color:#000;
background-image: url(bg_01.gif);
background-repeat: repeat;}

#Container{/*border:1px solid #7C7C7C;*/width:757px;text-align:center; margin:0px auto;}

#Main {background-color:White;color: #333;float:center;margin-top:0}

#header{height:95px;/*background-image: url(bg_01.gif);
background-repeat: repeat;*/}
#header h1 img{float:right;margin:58px 90px 0 0 }
#header h1{ margin:0}
#header a, a:hover {border:none;}

#Content {
width: 530px;float: left; padding:4px 10px;
text-align:left; color: #333;background-color:White;margin:0}

/* Unordered Lists*/
#Content ul{margin-top:16px;text-align: left;border: 0;margin-left:28px;padding-left:2px;list-style-image: url(bullet.gif)}
#Content ul li{margin:4px 4px}
#Content ul li a {font-weight: normal;}
/*ul li:before {content: "\00BB \00A0 \00A0 ";}*/

#Sidebar {width: 185px;float: right;
color:#666;text-align:left;background-color:#FEFEFE; padding:0 12px 0 8px}
#Sidebar h3 {font-size:11px;margin-right:18px;margin-bottom:5px;color:#666;}
#Sidebar h3 a:link,#Sidebar h3 a:visited {color:#666;}
#Sidebar h3 a:hover {color:#F49300;}
#Sidebar li{margin:2px 0 8px 0px;padding-left:0}
#Sidebar ul{font-size:10px;line-height:13px;margin-left:4px;padding-left:0;list-style: none;}
#Sidebar p{line-height:13px;margin:3px 1px 10px 1px;font-size:12px}

.blog {padding:5px; padding-top: 0px; text-align: left;}
.blogbody {margin: 6px 8px 28px 6px;}


/* Text Formatting */

/*links coloring */
a, a:link {color: #023097; border-bottom: none; background: transparent; text-decoration: none;}
a:visited {color: #023097; border-bottom: none; background: transparent;}
a:active {color: #888888; background: transparent;}
a:hover {color: #f60; border-bottom:1px dotted #195BD1;; background: #FFFFCE; }

h1, h2, h3 {margin: 0px;padding: 0px;margin-bottom: 2px;}
.nav{text-align: center; margin:20px 1px 15px 1px;}

h1, h1 a:link, h1 a:visited {
font:bold 22px georgia, "times new roman", times, serif;
margin-top:14px;letter-spacing:0.4em;
background: transparent;
margin-bottom: 22px; color: Black;}
h1 a:active, h1 a:hover{color: #f60; background: transparent;}
h2 {color:#f60;font:bold 22px georgia, "times new roman", times, serif;
margin:15px 2px 22px 0;background: transparent;}

h3,h4 {font-size: 17px;line-height:20px; margin-bottom:4px; margin-top:2px; border:0px; border-bottom:1px dotted #959595;
}
h3 a:link{ color: #515151; background: transparent; border-bottom: none;}
h3 a:visited{ color: #004401; background: transparent;}
h3 a:active{ color: #069; background: transparent; }
h3 a:hover{ color: #f60; background: transparent; border-bottom: none;}

h4 {margin-bottom:16px; margin-top:22px;}

p, ul, ol {margin: 10px 0px 10px 0px; font-size: 12px;line-height: 19px;text-align:left}

.date{
font-size: x-small;
text-align:right;
color: #090;
background: transparent;
/*border-top:1px solid #999;*/
margin-bottom:5px;
font-weight:bold;
padding:5px;
padding-top: 1px;
text-transform:uppercase;
letter-spacing: .3em;}

pre, code{
color: #f60; margin-left:4px;line-height:1.4em;
background: transparent;display:inline;
font-family: profont, monaco, monospace;}
/* small text */
.posted, .posted a:link, .posted a:visited{
font-family:verdana, arial, sans-serif;
font-size: 10px;
color: #888;
margin-bottom: 0px;}
.posted a:link, .posted a:visited{border-bottom: 1px dotted #999;}
.posted a:hover{color: #EC5020;text-decoration: none;}

/*Image*/
#Content img {padding:4px;border:1px solid #ccc;background:#f8f8ff;
float:left;margin:4px 15px 2px 0;}
#Content a:hover img, #Content img:hover {background:#eef;border-color:#dadaba}
/* style for Large Images */
#Content .big {padding:2px 0;margin:12px auto;text-align:center;clear:both;float:none;}

blockquote {
/*background-color: #FCFCF5;*/
background-color: #FFFCF6;
border: 1px dashed #CDE1CD;
margin:13px 18px; padding:2px 10px 2px 10px;
line-height:16px;}
blockquote p{margin-top:8px;margin-bottom:8px;font-size: 12px;
line-height: 19px;color:#454545}

.searchbox{
height: 15px;
border: 1px solid #C9C9C9;background-color:#FEFEFB;
font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
width: 110px;margin-top:15px;}

/* Comments */
.comments-head {font-weight:bold; margin-bottom:10px;border-bottom:1px dotted #999;}
.comments-post {font-size: 10px;color: #999999;margin-bottom: 25px;margin-top: 0px; }
.comment {margin-bottom:8px}
.comment p {margin: 0px 0px 1em 0px;padding: 0px;}
.comment img {padding:4px;border:1px solid #ccc;background:#f8f8ff; float:left;margin:4px 15px 4px 2px;}
.comments-body1 {background:#f8f8ff;color:#000;padding:4px}
.comments-body0 {padding:4px}

/* Comment Form */
#comment-box{background:#eee;border:1px solid #e6e6e6;padding:9px;margin:18px 0 18px}
#comment-box p, #comment-box h3{padding:0 0 0 6px;margin:0}
#comment-form p{display:block;padding:2px 6px;margin:0;background:#f6f6f6;color:#006E8A;border:1px solid #e6e6e6;border-width:1px 0}
#comment-box label{float:left;width:140px}
#comment-box .submit label{float:none;width:auto;display:inline}
input, textarea {font: 11px/17px Verdana,Tahoma,Arial,sans-serif;border: solid 1px #ddd}
textarea {width:99%}
input:focus, textarea:focus {border: solid 1px #ccc}
#comment-box p:hover, #comment-box:hover{border-color:#dadaba}
input.button {cursor:pointer}

.hilite { background-color: #FFFFEE; }

/* Footer */
#footer { clear: both; margin:0; padding: 0;padding-bottom:10px }
#footer p { font-size: x-small; text-align: center; }
#footer hr { border: 1px solid #000; margin: 0; }

/* Top Navigation Menu
made using an article on Alistapart.com */
#menu {margin: 0;padding: 0;}

#menu ul {
border: 0;margin: 0;padding: 0;
list-style-type: none;text-align: center;}

#menu ul li {
display: block;float: left;text-align: center;padding: 0;margin: 0;}

#menu ul li a {
background: White;width: 125px;height: 2.1em;
border: 1px solid #ccc; border-right: none;border-bottom:1px solid #D3D3D3;
padding: 0;margin:0;
color: #646464;text-decoration: none;
display: block;text-align: center;font-weight: normal;
letter-spacing: 1px;line-height: 2em;font-size:10px; }

html>#menu ul li a {font-size: 10px;}

#menu ul li#one a{border-left:none;}
#menu ul li#five a{width: 126px;}

#resources a:link, #resources a:visited {
border-right: 1px solid #ccc;}

#menu ul li a:hover {color: #000;background: #FFEFD5;}

#menu a:active{background: #c60;color: #fff;}

body#sectionone #menu li#one a,
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a,
body#sectionsix #menu li#six a {
color: Black;font-weight: bold;}

/*hmm... see if these need to be here*/
.buttonclass{font-size:10px; height:20px;}
input {font-size:11px;margin-top: 4px;}

/* Two Columns */
#leftcol {float:left;width:240px;margin-left:2px;margin-right:6px}
#rightcol {float:right;width:240px;margin-left:6px;margin-right:2px;}
#leftcol h3,#rightcol h3 {margin-right:25px}
h5{font-size: 12px; margin-bottom:3px; margin-top:10px; border:0px;}

.googlebanner {margin: 16px 12px 6px 12px}

.clear { clear:both;height:1px;overflow:hidden;}

img, a:hover img {border:none}