/* CSS style */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #fff;
	background-image: url('../images/bg.gif'); /*margin: 0.5em;*/;
	background-color: #115773;
}

#outer_shell {
}
#masthead {
	background-color: #A3B4CA;
} 

#page_content {
	/*	margin: 0px 0px 0px 50px;*/
	border-style: none;
	border-color: 0;
	border-width: 0px;
	padding: 0px 20px 20px 20px;
	margin: 0px 10px 10px 10px;
	width: 615px;
	height: inherit;
}
#column_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0 2%;
	background-color: #fff;
	float: none;
}
#column_r {
	float: none;
	width: 330px;
	margin: 0;
	padding: 10px;
	background-color: #cdf;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}
#masthead p {
}

/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;
	background-color: #dc8;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
}
/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
}
h2 {
	font-size: 1.5em;
	color: #469;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.5em;
	color: #469;
}
h4 {
	font-size: 1.25em;
	color: #469;
}
h5 {
	font-size: 1em;
	color: #469;
}
h6 {
	font-size: 0.5em;
	color: #469;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #469;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.style_italic {
	font-style: italic;
}
#top_address {
	/*background-color: #0000FF;*/
}
#logo_container {
}
#picture_area {
}
#top_address p {
	font-size: small;
	text-align: right;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#shell_container {
	padding: 0px;
	margin: 0px;
/*background-color: #BCBCBC;*/	width: 100%;
	background-image: url('../images/Left_0686_150x700.gif');
	background-repeat: repeat-y;
}
#pagename {
}
#content_container {
	background-color: #D8D1D1;
}
#left_pic {
	/*background-color: #CC00CC;*/
}

#page_content {
	background-color: #F0F8FF
	/*background-color: #EEEEEE;*/
}
#column_right {
	background-color: #A3B4CA;
	text-align: center;
}
#footer {
	background-color: #999999;
}
#copyright {
	/*background-color: #0099FF;*/
}

#lastdate {
	/*background-color: #0066FF;*/
}
#maintained {
	/*background-color: #666633;*/
}
#logo_name {
/*	background-color: #FFCCFF;*/
}
#logo_pic {
	/*background-color: #FF6699;*/
}
#pagename h1 {
	font-style: normal;
	font-weight: normal;
	font-size: xx-large;
	margin: 0px;
	text-align: left;
	padding: 0px;
	vertical-align: text-bottom;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #445566;
}
#column_right h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}

#top_address a {
	color: #66FFFF;
	text-decoration: underline;
}

#page_content p {
	border-style: none;
	border-width: 0px;
	background-color: #F0F8FF /*background-color: #EEEEEE;*/;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	font-size: medium;
}
#page_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 5px;
	font-size: 1.5em;
	margin-bottom: 5px;
}

.ap_caps {
	font-family: "Lucida Calligraphy";
	font-size: x-large;
	color: #0000FF;
}
.ap_letters {
	border-style: none;
	border-width: 0px;
	font-family: Garamond;
	font-size: 1.4em;
}

#column_right a:hover {
}
.style2Copy {
	border-width: 0;
}
.style3 {
	border: 1px #6699FF solid;
	width: 100%;
}
#column_thumb1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}

.hidden_pic {
	display: none;
}
.colors p {
	font-size: xx-small;
}

.colors td {
	border-style: inset;
	border-width: 0px;
	margin: 0;
	padding: 0;
	font-size: xx-small;
}

table.colors {
	width: 100%;
	border: 1px solid #789DB3;
}

table.colors td {
	font-size: 20px;
	border: none;
	background-color: #F4F4F4;
	vertical-align: middle;
	padding: 7px;
	font-weight: bold;
}

table#colors {
	width: 100%;
	font-size: xx-small;
	text-align: center;
}

table#patterns {
	width: 100%;
	font-size: x-large;
	text-align: center;
}

table#textures {
	width: 100%;
	font-size: x-large;
	text-align: center;
}

table#shapes {
	width: 100%;
	font-size: x-large;
	text-align: center;
}
.large {
	font-size: x-large;
}
#estimate input {
	width: 104px;
	height: 20px;
}
#estimate {
}
#table_div legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #469;
}
#table_div {
	background-color: #CEE8FF;
}
#pool_div {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#spa_div {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}
#extras_div {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#calculate_div {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-style: inset;
	border-width: 0px;
	margin: 0;
	padding: 0;
}
#calculate_div input {
	background-color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
#calculate_div p {
}

#estimate input {
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	background-color: #6699FF;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	width: 100px;
}