body  { background-color: #ffffe0; background-position: 0 0; margin: 0 }
#topnav { white-space:nowrap; }
 
a:link { color: #002900; text-decoration: underline; }
a:visited { color: #003900; text-decoration: underline; }
a:hover {	color: #bfa700; text-decoration: none; }
a:active { text-decoration: underline; }

h2 a:link { color: #296000; text-decoration: none; }
h2 a:visited { color: #507920; text-decoration: none; }/*360, 683, old old 789a56*/ 
h2 a:hover {	color: #bfa700; text-decoration: underline; }
h2 a:active { text-decoration: none; }

h3 a:link { color: #296000; text-decoration: none; }
h3 a:visited { color: #507920; text-decoration: none; }/*360, 683, old old 789a56*/ 
h3 a:hover {	color: #bfa700; text-decoration: underline; }
h3 a:active { text-decoration: none; }

/* default element styles*/
p { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px }
h1 { color: black; font-size: 15px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; line-height: 1; background-color: #ffd756; text-indent: 12px; padding-top: 4px; padding-bottom: 4px; width: auto; border-bottom: 1px solid #999; margin-bottom: 0px; margin-top:0px; }
li { color: black; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica; margin-right: 15px; margin-left: 15px }

/* generic useful formatting style */
.tightFit { padding: 0; border-width: 0px; margin: 0; }
p.tightFit { margin-top: 0px; margin-bottom: 0px; }
p.medFit { margin-top: 4px; margin-bottom: 4px; }
p.tightTop { margin-top: 0px; }
p.tightBot { margin-bottom: 0px; }

img.spacer  { border-right: 8px solid white; border-bottom: 8px solid white; border-left: 4px solid white }
img {border: 0px;}


.bulletsign { background:URL('/images/bulletsign1917.gif') no-repeat left top; height:17px; text-indent: 25px; margin-bottom:0px;}
.meetup { color:#ee3300; font-weight:bold; }
.redtext { color:#ee3300; font-weight:bold; } /* same as meetup, but better, more generic name */
.brightredtext {color: red; font-weight: bold;}

/* large font links (front page left column) */
td.linkList { background-color: #f5f5f5; padding: 8px; border-right: 1px dotted gray  }
td.linkList p   { font-size: 10px; font-family: Verdana, Arial, sans-serif; border-bottom: 1px dotted gray; padding: 0px 0px 14px 0px; margin: 0px 0px 12px 0px; }
td.linkList h2   { font-size: 18px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; margin: 4px 0px 0px 0px; color: #507920; }
td.linkList h5   { color: #360; font-size: 13px; font-family: "Trebuchet MS"; margin-bottom: 6px }

/* the whole content box (everything between topper and footer) */
.contentContainer    { font-size: 11px; font-family: "Trebuchet MS", Verdana, sans-serif; line-height: 16px; background-color: white; border: solid 1px gray }
.recentBlogContainer    { font-size: 11px; font-family: "Trebuchet MS", Verdana, sans-serif; line-height: 16px; background-color: white; border: 0px} 

/* cell for main content */
td.mainContent { padding: 8px; width:auto; height:100%; }
td.mainContent h4 { font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #360; }
td.mainContent h3 { font-size: 16px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #360; margin-bottom: 6px; }
td.mainContent h2 { font-size: 20px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #360; }
td.mainContent ol { margin-top: 5px; }
td.mainContent ul { margin-top: 5px; }

/* the right column style */
td.supportingContent { width: 170px; border-left: 1px dotted gray; background-color: #f5f5f5; padding: 10px 8px 14px 8px; text-align:left; }
td.supportingContent p { margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; top: 5px; right: -8px; bottom: 5px; left: -8px; border-bottom: 1px dotted gray; font-size: 10px; font-family: Verdana, Arial, sans-serif; line-height: 16px; }
td.supportingContent h2 { font-size: 14px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; margin: 0px 0px 2px 0px; color: #507920; }

td.supportingContent ul { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
td.supportingContent li { margin-top: 0px; margin-bottom: 4px; }
	
table.dotted {border: 1px dotted gray; border-bottom: 0px; border-right: 0px}
tr.dotted {border-bottom: 1px dotted gray; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px}
td.dotted {border-bottom: 1px dotted gray; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px;
			border-right: 1px dotted gray;}
td.dotted h5   { color: #360; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; margin-bottom: -8px }
td.dotted h3   { font-size: 16px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #360;  }

.simpledotted {border: 1px dotted gray;}

.blogtable img { margin: 0px 8px 6px 8px; border: 1px #bbb solid; }
.blogtable h3 { margin: 2px 3px 7px 3px; }
.blogtable h4 { margin: 2px 3px 7px 3px; }

.caravanExtendedBlog h5 { margin-top: 1px; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; font-weight:normal; }
.imageCaption {font-size: xx-small}

td.standard p { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; }
td.featuredBox {border: 1px dotted gray; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; padding:2px 8px 2px 8px;}
td.featuredBox h2 {font-size: 16px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; margin: 0px 0px 5px 0px; color: #507920;}
td.featuredBox p { margin:4px 0px 2px 0px;}
td.featuredBox img { float:none;}
img.blogimage { border: 1px #bbb solid; }

#topnav { background-color: #e6e6e6; border-top: 1px solid #000000; border-bottom: 1px solid #a1a1a1;}
#topnav ul  { font-size: 10px; display: inline; margin-right: 0px; margin-left : 0px;}
#topnav ul li { font-size: 10px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; text-decoration: none; list-style-type: none; display: inline; margin: 0; padding: 0 9px 0 7px;}
#topnav li a { color: black; font-size: 11px; font-weight: normal; text-decoration: none; padding: 2px 5px }
#topnav li a:hover    { color: white; font-size: 11px; font-weight: normal; text-decoration: none; background-color: #a1a1a1 }
html > body #topnav li a { width : auto ; }

#footerLinks { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px; white-space:nowrap; padding-right: 2px; } /*border-left: 1px solid #999*/
#footerLinks td { text-align:center; }
#footerLinks a  { color: #000; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
#footerLinks a:hover  { color:#cc4b00; font-size: 10px; font-weight: bold; text-decoration: underline; }

#crumb p  { color: #005a84; font-size: 10px; line-height: 5px; margin-top: 5px; margin-bottom: 20px; margin-left: 7px }
#crumb p a  { color: #005a84; font-size: 10px; text-decoration: none; display: block }
#crumb p a:hover  { color: #00008b; font-size: 10px; text-decoration: underline }

.blogPost { text-align:left; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px}
.blogPost p { text-align:left; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px}

table.caravanBlog { border:1px solid #aaa;  background-color:#f2f2f2; padding:6px; }
td.caravanBlog { padding: 10px; }
.caravanBlog p { margin: 2px 0px 5px 0px; }

table.greybox { border: 1px solid #999; background-color: #f9f9f9; }
table.greybox tr td { padding: 5px 10px 5px 7px; }
table.greybox tr td p { margin-bottom: 8px; margin-top: 8px; }


/* tooltip style */
#infoDiv { width:220px; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; border: 1px solid gray; layer-background-color:#ffffff; background-color:#ffffff; padding: 0px !important; margin: 0px; color:black; }
#infoDiv h1 { font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; width: 100%; background-color:#ffd756; padding: 0px; margin: 0px; text-indent: 5px; border: 0px; font-weight:normal; }
#infoDiv p { margin: 1px 5px 1px 5px; }

/* state page styles */
td.state_quickstart { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica; line-height: 16px; }
div.reg_packet {font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 16px; margin: 0; padding: 4px; border: 1px solid #a0a0a0; background-color: #f5f5f5;}
div.reg_packet p { margin-top: 3px; margin-bottom: 3px; text-align:left;}