/*
   ofm.css
   relies on reset.css, ofmcolumns.css

   notes;
   darkgreen #006400
   forestgreen #228b22
   khaki #f0e68c
   saddlebrown #8b4513
*/

body {
  margin:0;
  padding:0;
  border:0;		/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#006400;
  min-width:600px;    	/* Minimum width of layout - remove line if not required */
			/* The min-width property does not work in old versions of Internet Explorer */
  font-size:90%;
  line-height: 1.4;
  font-family: "HoeflerText-Regular", "Hoefler Text", "Palatino", "Book Antiqua", "Times New Roman", serif;
  color:#5d5842;
}

a, a:visited {
/*  color:#369; */
    color: #228b22;
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:active {
/*
  color:#fff;
  background:#369;
*/
  color: #f0e68c;
  background-color: #228b22;
  text-decoration:none;
}

img {
  margin:10px 0 5px;
}

/* Header styles */

#header {
  clear:both;
  float:left;
  width:100%;
}

#header {
    background: rgb(20,70, 144) url("images/cpark.gif") bottom right no-repeat;
    border-top: 12px solid #006400;
    border-bottom: 12px solid #006400;
}

#header p,
#header h1,
#header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
}

#header h1 {
    font-size: 250%;
/*    background: #228b22; */
    color: #f0e68c;
}

#header a, #header a:visited {
    color: inherit;
    font-weight: inherit;
}

#header a:hover, #header a:active {
    color: inherit;
    background: inherit;
}

.tagline {
    font-style: italic;
    font-size: 90%;
    color: #f0e68c;
/*    background: #228b22; */
}

#event_details {
    color: #f0e68c;
    padding-bottom: 2%;
}

.paren {
    font-style: italic;
    font-size: 80%;
}

/* content styles */

h2 {
    font-size: 150%;
    background: #228b22;
    color: #f0e68c;
    font-weight: bold;
    padding: 0 0.5em;
    margin-top: 0.5em;
}

.invite {
    font-style: italic;
    font-size: 80%;
    text-align: right;
}

p {
  margin:.4em 0 .8em 0;
  padding:0;
}

p em, li em {
    font-weight: bold;
}

.vendor li {
    border-top: 1px dotted #8b4513;
    padding-top: 3%;
    padding-bottom: 4%;
}

.sponsor li {
    border-top: 1px dotted #8b4513;
    padding-top: 3%;
    padding-bottom: 4%;
}

.logo {
    float: left;
/*    height: 60px; */
/*    width: 60px; */
/*    border: 1px dotted; */
    margin-top: 0;	/* required to keep image at top, aligned with text */
    margin-right: 3%;
    margin-bottom: 0;
    vertical-align: text-top;
}

.org_name {
    font-weight: bold;
/*    border: 1px dotted; */
/*    display: block; org_name can't be block, or it destroys a:hover formatting */
}

.org_desc {
    display: block;
    font-style: italic;
}

.org_p_address {
    display: block;
}

.org_m_address {
    display: block;
}

.org_phone {
    display: block;
}

.org_email {
    display: block;
}

.org_end {
    /* ensure clear the logo even if no info */
    display: block;
    clear: left;
}

.sponsor_howto ul {
    padding-top: 1em;
/*    padding-left: 1em; */
}

.sponsor_howto li {
    display: list-item;
    margin-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 0.3em;
    padding-bottom: 0.7em;
}

.vendor_details ul {
    padding-top: 1em;
/*    padding-left: 1em; */
}

.vendor_details li {
    display: list-item;
    margin-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 0.3em;
    padding-bottom: 0.7em;
}

.contact_info ul {
    padding-left: 1em;
    padding-top: 0em;
}

.contact_info li {
    display: list-item;
    margin-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
    padding-bottom: 0.5em;
}

.contact_info li span {
    display: block;
    padding-left: 2em;
}

/*
.sponsor_howto li .org_name,
.sponsor_howto li .org_p_address,
.sponsor_howto li .org_m_address {
    display: block;
}
*/


/* Footer styles */

#footer {
  clear:both;
  float:left;
  width:100%;
/*  border-top:1px solid #000; */
}

#footer {
    border-top: 6px solid #006400;
    border-bottom: 12px solid #006400;
    background: white;
    color: #f0e68c;
}

#footer a {
    color: #f0e68c;
    text-decoration: none;
    font-weight: bold;
}

#footer a:hover, #footer a:active {
    color: #228b22;
    background: #f0e68c;
    text-decoration: none;
}

#footer p {
    margin:0;
    font-size: 80%;
}

#nav h3 {
    display: none;
}

#nav_main {
    text-align: center;
    background-color: #228b22;
    padding-top: 0.5em;
}

#nav_main li  {
    display: inline;
    padding-left: 2em;
    padding-right: 2em;
}

#site_info {
    border-top: 6px solid #006400;
    background: #5d5842;
    padding: 0.5em 0.8em;
    margin: 0;
}

#site_info h3 {
    font-size: 120%;
    margin: 0;
}

#site_info p {
    display: inline;
}

#site_info p.valid {
    display: block;
}