

/* Resources: Meyers reset, 1KB grid */


html, body, 
div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,
a, abbr, acronym, address,
big, 
cite, code,
del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub,
tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;
                                                	padding: 0;
                                                	border: 0;
                                                	outline: 0;
                                                	font-size: 100%;
                                                	vertical-align: baseline;
                                                	background: transparent; }
body          {line-height: 1.2;}
ol, ul        {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after       {content: '';
	             content: none;}
	             
sup           {font-size: .6em;
               text-align: top;}
               
/*sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}  */


/* remember to define focus styles! */

:focus        {outline: 0;}

/* remember to highlight inserts somehow! */
ins           {text-decoration: none;}
del           {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;
	     border-spacing: 0;}

/* Adding padding-bottom or margin-bottom to h1-h5 blows the entire format */

body,
p  {font-family: Georgia;}
/*  h1, h2, h3, h4, h5 (padding-bottom: .5em;}  */
h1    {font-size: 1.625em; line-height: 1.625em;}
h2    {font-size: 1.4em; line-height: 1.625em;}
h3    {font-size: 1.275em; line-height: 1.375em;}


body  {margin: 20px 0 0 0;}
p     {font: 16px/20px Georgia;
			 color: #000;
		   text-align: left;
			 border: 0px solid #000;
			 margin: 0 0 20px 0;
       text-align: justify;}



.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }

.column {margin: 0 10px;
        	overflow: hidden;
        	float: left;
        	display: inline;}

.row {width: 800px;
      margin: 0 auto;
      overflow: hidden; }

.row .row {margin: 0 -10px;
          	width: auto;
          	display: inline-block;}

.header img   {float: left;
               margin: 1em 0 0 5em;}

.header h1    {float: left;
               margin-left: .5em;}

.header_logo h1    {font-size: 2.5em;}

.header_logo h1,
.header_logo p     {color: white;}

.header_logo p  {font-size: 1.25em;
                 margin-left: 22em;}

.footer     {height: 50px;
             background-color: white;}

.footer .grid_10 p,
.footer .grid_10 p a  { margin-top: 1em;
                        text-align: center;
                         font-size: .75pct;
                         color: white;}

.table_contact  {width: 400px;}

td.table_contact_value {width: 150px;
                      font-weight: bold;
                      padding: 5px;
                      line-height: 1.3em;}
                      
                      
.header     {border: 1px solid #696;
            padding: 20px 0;
            text-align: center;
            -webkit-border-radius: 99px 99px 0px 0px;
            -moz-border-radius: 99px 99px 0px 0px;
            border-radius: 99px 99px 0px 0px;
            -webkit-box-shadow: #666 0px 2px 3px;
            -moz-box-shadow: #666 0px 2px 3px;
            box-shadow: #666 0px 2px 3px;
            background: #0000ff;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0000ff), to(#F0EFFB));
            background: -moz-linear-gradient(#0000ff, #F0EFFB);
            background: linear-gradient(#0000ff, #F0EFFB);
            -pie-background: linear-gradient(#0000ff, #F0EFFB);
            behavior: url("pie/PIE-1-0beta2.htc");}


.menu     {height: 80px;
            background-color: #F0EFFB;
            line-height: 1.5em;}

.menu ul   {margin: 1em 1em 0 0;
            text-align: right;
            overflow: hidden; }

.menu ul li,
.menu ul li a {font-size: 120%;
             font-weight: bold;
             text-decoration:none;}
             
.menu ul li a:hover {color: #AAA;
                     text-decoration: underline;}


.menu a:active,
#home       a#lnk_home,
#contact    a#lnk_contact  {color: blue;}



.spacer   {height: 20px;}
            
.footer     {border: 1px solid #696;
            padding: 25px 0;
            text-align: center;
            -webkit-border-radius:  0px 0px 99px 99px;
            -moz-border-radius:  0px 0px 99px 99px;
            border-radius:  0px 0px 99px 99px;
            -webkit-box-shadow: #666 0px 2px 3px;
            -moz-box-shadow: #666 0px 2px 3px;
            box-shadow: #666 0px 2px 3px;
            background: #0000ff;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0000ff), to(#F0EFFB));
            background: -moz-linear-gradient(#0000ff, #F0EFFB);
            background: linear-gradient(#0000ff, #F0EFFB);
            -pie-background: linear-gradient(#0000ff, #F0EFFB);
            behavior: url("pie/PIE-1-0beta2.htc");}



.sidebar_content {margin-right: 1em;}


