/*
Screen styles for KaneDems
*/

body {
margin: 0 0 10px 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: center;
color: #000099;
font-weight: bolder;
background: #EEE;
}
/*  616E85 */
input, textarea, select {
font-size: 11px;
font-family: Verdana, Arial, sans-serif
}

center {
text-align: left;
}

a:link {
color: #191919;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #6E78A1;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #369;
text-decoration: none;
font-weight: bold;
}

#content-big {
float: right;
position: relative;
width: 595px;
padding: 20px;
line-height: 1.2em;
background-color: #fff;

}

#content .date {
color: green;
font-size: 85%;
}

/* page structure */

#wrap {
position: relative;
width: 100%;
/* width: 770px; */
margin: 0 auto;
text-align: left;
background: #fff;
/* border-right: 1px solid #036;
border-left: 1px solid #036; */
font-size: 95%;
color: #036;
/* background: #000066;
 background: #fff url(img/20.gif) repeat-y; */
}

#main-body {
position: relative;
float: left;
width: 80%;
}

.border {
height: 5px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background:#CCC;
}

#col-left {
width: 175px; 
padding: 0;
font-size: 90%;
line-height: 1.1em;
background: #000066;
/* background: url(img/19.gif) no-repeat top right; */
border-bottom: 1px solid #CCC;
}

/* content column */
#content {
background: #f5f5f5 url(img/body_bkgd.jpg); 
/* background: #f5f5f5; */
font-size: 95%;
/*width: 60%;
width: 380px; */
padding: 20px;
line-height: 1.2em;
}

#col-right {
width: 20%;
/* width: 175px; */
font-size: 90%;
line-height: 1.1em;
 background: #ffffff;
/*background: #FFF url(img/rt_bkgd.jpg); */
border: 2px solid #000099;
border-style: ridge;
}

#footer {
position: relative;
clear: both;
border-top: 1px solid #CCC;
border-bottom: 1px solid #036;
font-size: 85%;
}

/* header */

#header {
height: 100px;
/* height: 60px; */
padding: 5px;
margin: 0;
background: #FFF;
border-bottom: 2px solid #CCC;
background: #FFFFFF;
/* background: url(img/21.gif) repeat top left; */

/* background: #7ABDFF; */
}

#header h1 {
margin: 0;
padding: 49px 0 0 112px;
}

#header h6 {
color: #030353;
font-size: 100%;
}

/* navigation */

#nav {
margin: 0;
padding: 0 0 3px 8px;
background: #030353;
height: 15px;
}

#nav a {
float: left;
display: block;
padding: 0 20px 0 0;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 90%;
text-transform: uppercase;
color: #DDD;
}

#nav a:hover, #nav li.active a {
color: #FFF;
font-weight: bold;
}

#nav-1 a {
padding-left: 10px;
font-weight: bold;
}

/* column styles */

#col-left a img, #col-right a img {
border:1px solid #000;
font-weight: bold;
}

#col-left a {
/*color: #79002B;
color: #369; */
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#col-right a {
color: #293490;
text-decoration: none;
font-weight: bold;
align: left;
}

#col-left a:hover, #col-right a:hover {
text-decoration: underline;
font-weight: bold;
}

#col-left h3, #col-right h3  {
font-size: 100%;
font-family: Arial, sans-serif;
text-transform: uppercase;
/* color: #036; */
padding: 6px 8px;
/* background: #000066;
 background: #8CBAE5; */
}

#col-right h3 {
color: #FFFFFF;
}

#col-right h3 {
color: #293490;
}

#col-left h3 {
margin: 0;
}

#col-right h3 {
margin-left: 3px;
color: #293490;
}
 
#col-left ul {
margin: 3px 10px 10px;
padding: 0;
}

#col-right ul {
margin: 3px 10px 10px 10px;
padding: 0;
color: #293490;
}

#col-left li, #col-right li {
padding-left: 10px;
list-style: none;
/*background: #000066;*/
 background: url(img/16.gif) no-repeat 0 4px; 
}

#col-left li {
margin: 0 0 3px 0;
}

#col-right li {
margin: 0 0 2px 0;
color: #293490;
}

#col-left form, #col-right form, #col-left p, #col-right p {
margin: 12px 10px;
padding: 0;
color: #FFFFFF;
/* color: #666; */
}

/* join form */
#join {
float:right;
margin: 10px 8px auto;
}
#join input {
margin: 0 0 3px 0;
padding: 0;
font-size:10px;
}
#join-email, #join-zip {
width: 50px;
}



#content p {
margin: 0 0 10px 0;
padding: 0;
}

#content h1, #content h2 {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 140%;
color: #293490;
line-height: 1.4em;
}

#content h3 {
margin: 0 0 5px 0;
font-family: Arial, sans-serif;
color: #0230C7;
font-size: 120%;
line-height: 1.4em;
}

#content #file_list {
font-family: Arial, sans-serif;
font-weight: bolder;
font-size: 120%;
color: #293490;
line-height: 1.4em;
}

#content h4 {
margin: 0 0 5px 0;
font-family: Arial, sans-serif;
font-size: 120%;
line-height: 1.4em;
}

#content #front-content {
border: 1px solid #DDD;
background: #EEE; 
padding: 5px;
font-family: Georgia, serif;
line-height: 1.4em;
}

/* footer */

#footer p {
margin: 0;
padding: 15px;
text-align: center;
color: #616E85;
background: #EEE;
}

/* misc */

.hide {
display: none;
}

a img {
border: none;
}

.chair {
border: 1px solid #DDD;
background: #EEE; 
padding: 5px;
font-family: Georgia, serif;
line-height: 1.4em;
width: 300px;
margin: 10px;
}
/* IE5 HACKS */

body {
font-size: x-small; /* IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;


}
html>body { /* be nice to Opera */
font-size: small;
}

#main-body {
/* width: 593px;  IE5 Win */

voice-family: "\"}\""; 
voice-family: inherit;
/* width: 595px; */
width: 80%;
}
html>body #main-body { /* be nice to Opera */
width: 80%;
/* width: 595px; */
}



/* ADDED STYLES */
#content blockquote {
font-size: 90%;
line-height: 1.3em;
margin-top: 0;
}
#content ul {
margin: 0 0 0 14px;
padding: 0;
list-style-type: square;
}
#content ol {
margin: 0 0 0 22px;
padding: 0;
}
#content li {
font-size: 95%;
padding: 0 0 10px 0;
}
#content .blog-end {
text-align: center;
margin: 10px;
color: #CCC;
letter-spacing: 2px;
}
#comments {
border: 1px solid #CCC;
background: #EEE;
width: 100%;
}
/* END ADDED */