/* common styles for contact form */

/* Set default margin and padding areas. */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td,table
{ margin : 0 ; padding : 0 }
ul,ol { margin: 0; padding: 0 0 0 20px }
li { margin:0px 5px 0px 5px; padding: 0 }

/* Turn off table borders. */
table { border-collapse : collapse ; border-spacing : 0 }

/* Turn off other borders. */
fieldset,img,abbr,acronym {  border : 0 }

/* Set default style for text  */
address,caption,cite,code,dfn,strong,th,var { font-style : normal ; font-weight : bold } 
h1,h2,h3,h4,h5,h6 { font-weight : bold }
p, li, a  { font-weight : normal }
em { font-style : italic } 
strong { font-weight : bold }

/* Default font-family and line height */
p,li { font-family: Calibri, Arial,"sans serif"}
h1 { font-family: Calibri, Arial,"sans serif"; line-height:1.5 }
h2,h3,h4,h5 { font-family: Calibri, Arial,"sans serif"; line-height:1.5 }
h6 { font-family: Calibri, Arial,"sans serif"; line-height:1.0 }

a  { font-family: inherit; color: inherit; line-height: inherit; text-decoration:none }
a:focus { background:rgb(240,240,240) }
a:visited { }
a:hover { background:rgb(240,240,240) }
a:active { }

/* Default font-size */
h1 { font-size:  24pt }
h2 { font-size:  22pt }
h3 { font-size:  20pt }
h4 { font-size:  18pt }
h5 { font-size:  16pt }
h6 { font-size:  14pt }
p,li  { font-size:  14pt }
a {font-size:  inherit}
input { font-size:  12pt }
textarea { font-size:  12pt }

.nodec {text-decoration:none}
.uldec {text-decoration:underline;}
.norm {font-weight:normal}
.bold  {font-weight:bold}

hr {width:95%; border: solid 1px rgb(180,180,180); }

.pointer {cursor:pointer}

.white   {color: white }
.black   {color: black }
.red     {color: red }
.dkred  {color: rgb(135,0,0)}
.green   {color: green }
.grey    {color: rgb(90,90,90) }
.lgrey    {color: rgb(81,81,81) }
.dgrey  {color: rgb(33,33,33) }
.blue    {color:rgb(0,0,255) }
.lblue    {color:rgb(240,240,255) }
.navy    {color: navy }
.yellow  {color: rgb(255,255,0) }
.purple  {color: rgb(111,48,159) }

.bgwhite  {background: white;}
.bgblack  {background: black;}
.bgyell {background: rgb(255,255,153);}
.bglyell {background: rgb(255,255,204);}

.bord01 {padding:2px; border:solid 1px rgb(150,150,150)}

.pad00   {padding: 0px;}
.pad03   {padding: 3px;}
.pad05   {padding: 5px;}
.pad10   {padding: 10px;}
.pad15   {padding: 15px;}
.pad20   {padding: 20px;}
.pad30   {padding: 30px;}

.padlr05 {padding-left:5pt; padding-right:5pt;}
.padlr10 {padding-left:10pt; padding-right:10pt;}
.padlr20 {padding-left:20pt; padding-right:20pt;}
.padlr30 {padding-left:30pt; padding-right:30pt;}

.mgn00   {margin: 0px;}
.mgn01   {margin: 1px;}
.mgn02   {margin: 2px;}
.mgn03   {margin: 3px;}
.mgn04   {margin: 4px;}
.mgn05   {margin: 5px;}
.mgn10   {margin: 10px;}
.mgn15   {margin: 15px;}
.mgn20   {margin: 20px;}
.mgn30   {margin: 30px;}

.mgnlr05 {margin-left:5pt; margin-right:5pt;}
.mgnlr10 {margin-left:10pt; margin-right:10pt;}
.mgnlr20 {margin-left:20pt; margin-right:20pt;}
.mgnlr30 {margin-left:30pt; margin-right:30pt;}

.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.just {text-align:justify}

.floatleft {float:left; }
.floatright {float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both}

.f4  {font-size: 4pt;}
.f6  {font-size: 6pt;}
.f8  {font-size: 8pt;}
.f10 {font-size: 10pt; }
.f12 {font-size: 12pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f20 {font-size: 20pt; }
.f22 {font-size: 22pt; }
.f24 {font-size: 24pt; }
.f26 {font-size: 26pt; }
.f28 {font-size: 28pt; }
.f30 {font-size: 30pt; }
.f32 {font-size: 32pt; }
.f34 {font-size: 34pt; }

.lh10  {line-height:1.0}
.lh13  {line-height:1.3}
.lh15  {line-height:1.5}
.lh20  {line-height:2.0}

.overall {width:800px; max-width:100%; margin:0 auto}
.inner {margin:0 20px}

.toplink {width:180px; padding:5px; background-color:rgb(240,240,255); border:solid 1px black; margin:5px 5px 0 0; float:left}
.toplink p {text-align:center}
.toplink a {display:block; font-weight:bold; font-size:16pt}
.toplink a:hover { background-color:rgb(210,210,210) }

.reload {padding:2px; background-color:rgb(240,240,255); cursor:pointer}

.continue {width:100px; padding:2px; background-color:rgb(240,240,255); border:solid 1px rgb(150,150,150); cursor:pointer}

@media screen and (max-width:500px) {
.inner {margin:0 10px}
}