@charset "utf-8";
/* CSS Document */

/* though I also prefer px, em is the w3 recommedation as IE does not resize correctly with px, making it non-accessible */

/* never setup your css such that you need a class declaration in every paragraph, etc! 
   Set a default font and size, and only add classes to exceptions.
   
   Similarly, do not create classes for headings, that's why you have H1, H2, H3, etc. */

/* .style1 = default, therefor add it to the body or set your defaults for p, li, dt, td, etc in your css NOT in classes 
   .style2 = heading, therefor change .style2 to H1 */

body {
	margin: auto; /* margin 0, centered */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; /* default page font */
	font-size: 11px; /* default page font-size */
}

/* because li and table cells will take a smaller font size by default for some 
   browsers, add other elements to this list if they're not showing correctly */
p, li, dt, td {
	font-size: 11px; 
}

div {
	margin: auto; /* sets the default layout of a div to center horizontally */
}

p {
	line-height: 1.4;
	text-align: justify;
}

h1 {
	font-size: 16px;
	font-weight: normal; /* removes the default bold */
	color: #8D8E3F;
	text-align: justify;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #8D8E3F;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #8D8E3F;
}

a:link {
	color: #ed6154;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ed6154;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #CC0000;
}

/* align="" is depricated, the w3 standard method is to use css - using a text-align for text, or float for objects  */

.left-img {
	float: left;
	margin: 0 8px 8px 0;
	border: 1px;
}
.right-img {
	float: right;
	margin: 0 10px 10px 0;
	border: 1px;
}
.tel_num {
	text-align: right;
}

.clear-all { /* this will ensure your content is properly cleared or else floated elements can sit outside where you want them */
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 1px; /* for ie */
}

/* The above applies to both version, if you want tableless, here's the extra css */

#container {
	width: 638px; /* note, the standard width these days is 950 to 990px, width for an 800x600 resolution is 750 - 790 */
	background-color: #e5e6cc;
}

#heading {
}

#content {
	padding: 0 20px;
}

#footer {
	height: 87px;
}