
body, html {
    margin:0;
	padding:0;
    font-family: Arial, helvetica, sans-serif;
	background-color: #eff8f5;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

#header       { 
               width: 750px;
			   height:120px; 
			   margin: 0 auto 0 auto;
			   padding:0; 
			   }
#img           { width: 750px; height: 94px; }
#header-nav    { 
               width: 750px;
			   height: 36px;
			   background-image: url(../images/header-bottom.gif); 
			   background-repeat:no-repeat; 
			   margin:0;
			   padding:0;
               text-align: center; 
			   }
#header-nav ul { margin:0; padding:3px 0 0 0; white-space: nowrap;  margin-left: 48px; }
#header-nav li { display: inline; list-style-image: none; padding: 3px; line-height: 20px; font-size: 12px; color: #0404A4; }

#grants-pass-insurance-content { 
              width:750px;
              background-color: #ffffff;
			  border: 3px solid #d6e4de;
			  margin: 6px auto 0 auto;
			  padding: 12px 12px 24px 12px;
			  }

#footer      { width:750px; font-size: 75%; margin:auto; text-align: center; }
#footer ul    { margin:6px 0 6px 0; }
#footer ul li { display: inline; list-style: none; padding: 3px; }
#sig         { 
               color: #000000; 
			   width: 750px;
			   font-size:75%; 
			   font-weight: 700;
			   text-align: center;
			   margin:12px auto 24px auto; 
			 }

h1        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 24px; color: #af7507; text-align: center; }
h2        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 20px; color: #482677; text-align: center; }
h3        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 18px; color: #482677; text-align: center; }
h4        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; color: #ff0000; }
h5        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 14px; color: #ff0000; }

.right     { text-align: right; }
.center    { text-align: center; }
.small     { font-size: 75%; }
.emph      { color: #ff0000; font-weight: 700; font-style: italic; }
.clr       { clear: both; }
.init      { font-size: 120%; font-weight: 700; color: #8000ff; }
.nodot     { padding:0; margin:0; }
.nodot li  { list-style: none; }  
.signature { text-align: right; margin: 18px 48px 24px 0; }

/* main page only */
#grants-pass-head    { margin: 0; padding: 6px 0 0 0; }
#grants-pass-subhead { font-size: 14px; margin: 0 0 12px 0; padding: 3px 0 0 0; }
#grants-pass-tag     { font-size: 12px; margin:0; padding: 3px 0 0 0; }
#gp-house			 { width: 450px; text-align:center; margin: 0 12px 12px 0; }
#bottom-info		 { float: right; width: 275px; }
#checkbox            { margin:12px 0 6px 18px; padding:0; }
#checkbox li         { list-style-image: url(../images/check.gif); }
#fp-left             { float: left;width: 550px; magin:0; padding:0; }
#fp-left p           { float: left; margin: 0; }
#fp-left h1          { float: left; width: 100%; text-align: center; font-size: 18px; margin: 24px auto 18px auto; }
#weather             { float: left; width: 35%;  text-align: center; margin: 42px 0 0 18px; }
#top-links           { float: right; width: 60%; margin-top: 18px; }
#top-links ul        { margin:0 0 9px 0; padding:0; text-align: center; }
#top-links ul li     { margin:0; padding:0 6px 0 0; list-style: none; } 
#top-links a         { font-family: Verdana, Arial, helvetica, sans-serif; font-weight: 700; }
#insurance-logos     { width: 750px; overflow: hidden; margin: 12px auto 12px auto; padding: 0 0 12px 0;  text-align: center; white-space: nowrap; border-bottom: 1px solid #af7507; }
#insurance-logos div { width: 187px; float: left; text-align: center } 
#progressive,#safeco { margin-top: 4px; }
#fp-right            { float: right; width: 180px; margin: 0 0 12px 12px; }
#fp-caption          { font-size: 80%; font-weight: 700; font-style:italic; text-align: center; margin:0; padding: 6px auto 6px auto; }
#sandra-caudill      { padding: 3px; border: 1px solid #af7507; }




/* about page, links page */
.bordered-img      { padding: 3px; border: 1px solid #af7507; }
#sandra-about      { width: 175px; float: left;  margin: 0 12px 0 0; padding: 3px; border: 1px solid #af7507; }
#links-page        { 
                     width: 75%;
					 margin: auto;
				   }
#links-page li     { 
                     list-style-image: url(../images/check.gif); 
					 padding-bottom: 12px;
					 margin-bottom: 12px; 
					 border-bottom: 2px solid #eff8f5; 
				   } 
				   
/* agent page only */
.agent-description           { 
                               width: 95%; 
							   margin: 0 auto 24px auto; 
							   padding: 12px; 
							   background-color:#f4f4ff; 
							   border: 1px solid #482677; 
							 }
.agent-head                  { margin-top: 24px; }
.agent-head h4,.agent-head p { display: inline; padding: 0; margin: 0; }
.agent-head p                { font-weight: 700; font-style: italic; color: #482677; }
.agent-description img       { float: left; width: 120px; margin-right: 12px; } 

/* contact form only, also used in cgi script response on error */
.contact-form              { width: 80%;margin: auto; padding: 6px; }
.order-head                { background-color: #2421A6; color: #ffffff; font-weight: 700; padding: 3px; margin: 0 0 6px 0; }
.form-row                  { white-space: nowrap; margin: 0 0 2px 0; }
.labelcol                  { width: 25%; float: left; text-align: right; font-weight: 700; white-space: nowrap; margin-right: 12px; }
.contact-form label        { font-weight: 700; }
.submit-row                { text-align: center; }
.submit-row input          { margin: 12px; }

a:link    { color: #2f6642; font-weight: 700; }
a:active  { color: #ff0000; font-weight: 700; }
a:visited { color: #2f6642; font-weight: 700; }
a:hover   { color: #3a8f74; font-weight: 700; }

a.noline:link    { color: #0000a0; font-weight: 700; text-decoration:none; }
a.noline:active  { color: #00509f; font-weight: 700; text-decoration:none; }
a.noline:visited { color: #0000a0; font-weight: 700; text-decoration:none; }
a.noline:hover   { color: #00509f; font-weight: 700; text-decoration:none; }

a.foot:link    { color: #2f6642; font-weight: 700; }
a.foot:active  { color: #ff0000; font-weight: 700; }
a.foot:visited { color: #2f6642; font-weight: 700; }
a.foot:hover   { color: #3a8f74; font-weight: 700; }

a.boldred:link    { color: #ff0000; font-weight: 700; text-decoration:none; }
a.boldred:active  { color: #ff0080; font-weight: 700; text-decoration:none; }
a.boldred:visited { color: #ff0000; font-weight: 700; text-decoration:none; }
a.boldred:hover   { color: #ff0080; font-weight: 700; text-decoration:none; }

a.head-nav:link    { color: #0000a0; font-weight: 700; text-decoration:none; }
a.head-nav:active  { color: #00509f; font-weight: 700; text-decoration:none; }
a.head-nav:visited { color: #0000a0; font-weight: 700; text-decoration:none; }
a.head-nav:hover   { color: #00509f; font-weight: 700; text-decoration:none; }