/* Main CSS for Upper Valley IT web sites Created by Mike Diehn, mike@diehn.net
 * Copyright 2007, Diehn Consulting, LLC. Jello Mold code Copyright rests with
 * Mike Purvis of P. I. E. Other copyrights may apply, please see statements
 * by the authors attributed herin.
 */

body {
  font             : 100%/1.5em "Gill Sans", Optima, Verdana, sans-serif;
  background-color : #c1c1c1;
  }

/***********************************************************
 * Cross browser control of widths designed by Mike Purvis
 * http://uwmike.com. AKA Jello Mold on P. I. E.
 */

body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 50%;
	max-width: 290px;  /* version for IE is at the bottom of this style block */
}

#expander {
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
*/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 


/*
 * End of Mike Purvis Jello Mold from P. I. E.
 ***********************************************************/

h1,
h2,
h3,
h4,
h5 {
  text-align  : left;
}

p,
ul {
  text-align  : left;
  font-size   : 0.90em;
  }

blockquote,
pre,
label {
  text-align: left;
  font-size   : 1.0em;
  }

#wrapper {
  background-color : #f2f3e0;
  margin           : 15px auto 15px auto;
  }

#header {
  color            : white;
  background-color : #606060;
  font-size        : 34pt;
  border-color     : #e0822e;
  border-style     : solid;
  border-width     : 10px 0 2px;
  height           : 110px;
  }
#header img {
  padding:10px 0px 0 10px;
  }

.navline {
  background-color : #8181a1;
  font-size        : 1.0em;
  font-weight      : bold;
  padding          : 5px 25px;
  }
.navline ul {
  text-align: center;
  margin: 0;
  padding: 0;
  }
.navline li {
  display          : inline;
  list-style       : none;
  padding-right    : 25px;
  }

.navline a,
.navline a:visited {
  border: 0;
  color : white;
  }
.navline a:hover,
.navline a:hover:visited {
  border: 0;
  color : #FFFF00;
  text-decoration: underline;
  }

#linklist {
  width: 50%;
  padding: 10px;
  margin: 10px;
  border: thin green solid;
  background-color: white;
  }
#linklist ul, #linklist li {
  list-style: none;
  }

#content {
  border-top    : 4px solid #a1a1a1;
  border-bottom : 4px solid #a1a1a1;
  padding       : 0px 0.9em 0px 0.9em;
  margin        : 0 auto 0 auto;
  }

.squeeze {
  margin-left  : 25px;
  margin-right : 25px;
}

#signature p {
  text-align  : right;
  font-size   : larger;
  font-family : Georgia, "Times New Roman", serif;
  color       : #27561F;
  }

#footer {
  background-color : #606060;
  border-color     : #e0822e;
  border-style     : solid;
  border-width     : 2px 0 10px;
  }

#copyright {
  padding-left : 10px;
  margin       : auto 16px;
  }

#cr_left,
#cr_right {
  text-align  : left;
  font-size   : small;
  color       : white;
  }
#cr_left  { float      : left;  }
#cr_right { float      : right;
            text-align : right; }

a               { color : #1a517b; text-decoration: none; border-bottom: thin solid blue; }
a:active        { color : #ce0000; text-decoration: none; border-bottom: thin solid  red; }
a:visited       { color : #1a517b; text-decoration: none; border-bottom: thin solid black; }
a:hover,
a:visited:hover { color : #0a416b; text-decoration: none; border-bottom: thin solid  red; }

.urge {
  font-style: italic;
  }

.centered {
  display      : block;
  margin-left  : auto;
  margin-right : auto;
  text-align   : center;
  }

/* Voodoo from http://positioniseverything.net/easyclearing.html */
  .clearfix:after {
    content    : ".";
    display    : block;
    height     : 0;
    clear      : both;
    visibility : hidden;
  }
  .clearfix { display : inline-block;}
  /* Hides from IE-mac \*/
  * html .clearfix { height: 1%; }
  .clearfix { display : block;}
  /* End hide from IE-mac */
/* end of voodoo */