/*
CSS for Cushings-Help site
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #ffffcc;
  padding: 0;
  margin: 0;
  scrollbar-face-color:#FEFAC0;
  scrollbar-highlight-color:#BEC80F;
  scrollbar-3dlight-color:#EFFE83;
  scrollbar-darkshadow-color:#9B8804;
  scrollbar-shadow-color:#B0B34D;
  scrollbar-arrow-color:#5767FB;
  scrollbar-track-color:#FEFAC0;
}

h1, h2, h3, h5, h6 {
  font-family: Georgia, Times, serif;
}

h1 {
  font-size: large;
  background-color: navy;
  color: yellow;
  padding-top: 2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
  background: navy url(http://www.cushings-help.com/images/book-test.png) repeat-y right bottom;
}

h2 {
  color: black;
  font-size: 130%;
  font-weight: bold;
  font-style: italic;
  padding-top: 15px;
}

h3 {
  color: black;
  font-size: 16px;
  font-weight: bold;
  padding-top: 15px;
  text-align: left;
}

h4 {
  color: lime;
  font-size: 20px;
  font-weight: bold;
  padding-top: 15px;
  text-align: center;
}

h5 {
  color: gray;
  font-size: 10px;
  padding-top: 15px;
  text-align: left;
}

h6 {
  color: gray;
  font-size: 10px;
  text-align: center;
}

li {
  font-size: 12px;
  list-style-type: box;
  line-height: 2em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

ol {
  color: black;
  font-size: 12px;
  line-height: 2em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.post-body div, p, blockquote {
  font-size: 13px;
  color: black;
}

#tagline p {
  font-style: italic;
  font-weight: bold;
  font-family: Georgia, Times, serif;
  border-top: 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
  background: #bed8f3 url(/images/tagline-fade.jpg) repeat-y right;
}

em {
  text-transform: uppercase;
}

a:link, a:visited, a:active  {text-decoration: none; font-weight: bold; color: #3399FF }
a:hover {
color: #00FF00;
text-decoration: underline
}

a img{ border: 0px;
}

.maryo {
  color: #FF66CC;
  font-family: Georgia, Times, serif;
  font-weight: bold;
}

.guest {
  color: #228B22;
  font-family: Georgia, Times, serif;
  font-weight: bold;
}

.extra {
  margin-top: 30px;
}
.memory {
  font-family: Georgia, Times, serif;
  text-align: center;
}

.state {
  margin-top: 0px;
}

.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}
.signature {
  font-family: script mt bold;
  font-size:  20px;
}
.small {
  font-size:  small;
}

.center {
  text-align: center;
}
blockquote.fun {
  font-style: italic;
}

#navigation {
  width: 158px;
  height: 484px;
  background: #ffffcc;
}

h2, ul {
  margin-top: 15px;
}

#header {
  border-top: 3px solid #7da5d8;
}

img.feature {
  float: right;
  margin: 10px;
}

.galleryphoto {
  padding-bottom: 10px;
  border-bottom: 1px solid #7da5d8;
  margin-bottom: 20px;
}

.galleryphoto p {
  font-size: 65%;
  font-weight: bold;
  margin-top: 0;
  width: 700px;
  line-height: 1.4em;
}

.galleryphoto p span {   
  font-weight: normal;
  color: gray;
}
.fieldset2 {
  width:700px;
  float:center;
  margin-top: 55px;
  margin-left: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.fieldset2 .label {
	text-align:right;
	width:70px;
	float:center;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; 
}
.fieldset2 .nobr {
	display:none; 
}  
.fieldset2 .textfield {
	margin:3px;
	height:20px;
	width:200px; 
}
.fieldset2 .textarea {
	margin:3px;
	height:165px;
	width:200px; 
}
.fieldset2 legend {   
  font-weight: bold;   
  font-size: large;   
  color: black; 
}
.fieldsetintro {
  width:153px;
  float:left;
}
table.events {
  border-collapse: collapse;
}

table.events th, table.events td {
  padding: 4px;
  font-size: large;
  text-align: left;
  border: 1px solid #000066;
}

table.events th {
  font-size: x-small;
  text-align: left;
  background: #241374 url(backgrounds/td-bg.gif);
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.events td {
  font-size: small;
  text-align: left;
  background: #e2edff url(images/td.jpg) repeat-x top;
}

table.events caption {
  color: #000066;   
  font-size: small;   
  font-weight: bold;   
  text-align: left;
  padding-bottom: 5px;
}
table.other {
  border-collapse: collapse;
}

table.other th, table.other td {
  padding: 4px;
  font-size: large;
  text-align: left;
}

table.other th {
  font-size: x-small;
  text-align: left;
  background: #241374;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.other td {
  font-size: small;
  text-align: left;
  background: #e2edff;
}

table.other caption {
  color: #000066;   
  font-size: small;   
  font-weight: bold;   
  text-align: left;
  padding-bottom: 5px;
}

/* Sortable tables */
table.sortable thead {
    background-color: navy;
    color: #FFFF00;
    font-weight: bold;
    font-size: large;
    cursor: default;
}
form.contact fieldset {   
  border: 2px solid navy;   
  padding: 10px;
}  

form.contact legend {   
  font-weight: bold;   
  font-size: small;   
  color: navy;   
  padding: 5px; 
}

form.contact {   
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 150%;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: blue;
}

form.contact label.fixedwidth {   
  display: block;   
  width: 240px;   
  float: left; 
}

form.contact .buttonarea input {   
  background: navy;
  color: white;   
  font-weight: bold;   
  padding: 5px;
  border: 1px solid white;
}

form.contact .buttonarea {
  text-align: center;
  padding: 4px;
  background-color: #0066FF;
}

#search {
  top: 77px;
  right: 10px;
  font-size: x-small;
  font-weight: bold;
  color: #000066;
}

#blogroll {
  float: right;
  margin-top: 55px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 200px;
  border: 0px solid navy;
  font-size: x-small;
}

#blogroll h2 {
  font-size: x-small;
  background: navy;
  color: white;
  padding: 5px;
  margin: 0;
}

#blogroll div {
  padding: 5px;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header {
  position: absolute;
}

#navigation, #bodycontent {
  top: 6.54em;
  left: 1px;
}

#bodycontent {
  left: 190px;
  right: 80px;
}

#header {
  width: 100%;
}
/*
This section makes 3 columns
*/
.xouter3{
width:100%;
border:1px dashed #000;
float:left;
margin:15px 0 15px 0%;
}
.xleftcol3{
float: left;
width: 33%;
background:#9BC1E9;
}
.xmiddlecol3 {
overflow:auto;
background:#ffffcc;
}
* html .xmiddlecol3{float:left}
* html .xmiddlecol3 .xinner3{width:100%;}

.xrightcol3 {
float:right;
width: 33%;
background:#66CC66;
position:relative;
}