/*thanks to Matthew James Taylor, http://matthewjamestaylor.com, for the css styles for the 3-column layout. Very elegant. */
@import "reset.css";

body {
	    margin:0;
		padding:0;
		width:100%;
		min-width:800px;
}
td, th, div, p, form, li, a, span {
	font-family: Arial, Helvetica, sans-serif;
	}
h1, h2, h3  {
	font-weight: bold;
}

h1  {
	font-size: 1.5em;
	line-height: 2em;
	}

h2  {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
	}
.logo {
	position:absolute;
	top:2px;
	left:2px;
	z-index:99;
	}
#header {
	height: 130px;
	background: url(/images/v3logobg.png) bottom repeat-x #fff;
	padding: 0 0 0 120px;
	margin-bottom:20px;
	}
.headertext {
	color: #fff;
	font-weight:bold;
	font-size:0.9em;
	line-spacing:1.2;
	padding: 30px 0 10px 0;
}
#pagewrapper {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		min-height:100%;
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		min-height:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column blog style settings */
	.colmid {
		right:25%;				/* width of the right column */
	}
	.colleft {
		right:25%;				/* width of the middle column */
	}
	.col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		min-height:100%;
		left:52%;				/* 100% plus left padding of center column */
		}
	.col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		min-height:100%;
		border-left: 1px dotted #dd2626;
		}
	.col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		min-height:100%;
		left:60%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		border-left: 1px dotted #dd2626;
		}

.col2 ul, .col3 ul {
	list-style: none;
	}
.col2 ul li, .col3 ul li{
	padding: 0 0 1em 0;
	}
.col3 h2 {
	display:block;
	margin-left:1em;
	text-align:center;
	font-size:1.1em;
	}
.menu {
	padding-top: 50px;
	font-weight: bold;
	padding-bottom:50px;
	}
.tools {
	font-size: 0.8em;
	border-bottom: 1px dotted #dd2626;
	margin: 1em;
	}
.tools ul li {
	padding: 0;
	margin: 6px;
	}
.tools img {
	display:block;
	margin:auto;
	}
.tools ul {
	margin:1em;
	padding:0;
	list-style:disc;
	}
.address {
	font-family: arial,  Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	font-weight: bold;
}

.hometext {
	font-size: 11px;
	padding-left:12px;
	}
#footer {
	width: 100%;
	clear: both;
	text-align:center;
	padding-top:1em;
	font-size: 0.8em;
	}
.bt3a {
	border-style: solid;
	border-color: #525051;
	border-width: 1 1 1 1;
	background-color:  #525051;
	color: #ccd1da;
	font: bold 14px  arial, helvetica, sans-serif;
	padding: 3px;
}

.bt3b {
	border-style: solid;
	border-color: #525051;
	border-width: 1 1 1 1;
    background-color: #ccd1da;
	color: #525051;
	font: bold 14px arial, helvetica, sans-serif;
   padding: 2px;
}
.bb3 {
	border-style: solid;
	border-color: #525051;
	border-width: 0 1 1 1;
	padding-top: 0;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	}
.tpad24 {
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 0;
}

.tpad30 {
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
}

.tpad6 {
  padding: 6px;
}

.bdr1 {
border-style: solid;
border-left-width: 2px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-color: #CCCCCC
}

li {
margin-top: 1em;
}
#intro {
	width: 780px;
	margin: 0 auto;
	}
#intro p {
	line-height:1.3em;
	font-size:1em;
	}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#frontcol {
	width:50%;
	float:left;
	}
.frontbox {
	width:380px;
	height:154px;
	margin:10px;
	border:0;
}
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
z-index:100;
text-align:left;
font-size:0.9em;
}