﻿/*
CSS for Chartwell Paving Website Website
*/

body {
font-family: Arial, Tahoma, san-serif;
font-size: 12pt;
/*background-image: url('Images/cpbkgrnd.jpg');
background-color: #FEF2CC;
background-repeat: no-repeat;*/ }

h1 {
color: #FFCC00;
font-family: Arial Black, Verdana, Arial, sans-serif;
font-size: x-large;
font-weight: bold;
text-transform: uppercase;
text-align: left;
margin-bottom: 0;
}

h2 {
color: #FFCC00;
font-family: Arial Black, Verdana, Arial, sans-serif;
font-size: x-large;
font-weight: bold;
text-transform: uppercase;
text-align: left;
margin-bottom: 0;
}

h3 {
color: #FFCC00;
font-family: Arial Black, Verdana, Arial, sans-serif;
font-size: small;
text-transform: uppercase;
text-align: left;
margin-bottom: 0;
}

h4 {
font-size: small;
color: #008080;
}

fieldset {
border: 2px #993300;
padding: 15px;
width: 90%
}

legend {
font-weight: bold;
font-size: 12pt;
font-family: Arial, Tahoma, sans-serif;
border: 2px #993300;
color: #CC3300;
padding: 5px;
}

select {
font-weight: normal;
font-size: 12pt;
font-family: Arial, Tahoma, sans-serif;
}

form.event fieldset {
border: 2px solid navy;
padding: 10px;
}

form.event legend {
font-weight: bold;
font-size: 12pt;
font-family: Arial, Tahoma, sans-serif;
color: navy;
padding: 5px;
}

form.event select {
font-weight: normal;
font-size: 12pt;
font-family: Arial, Tahoma, sans-serif;
}

a {
font-weight: normal;
}

a:link {
color: #808080
}

a:visited {
color: #808080
}

a:hover {
text-decoration: none;
color: navy
}

a:active {
color: aqua;
}

#logoright {
background-image: url("Images/logobackgroundsml.jpg");
background-repeat: no-repeat;
background-position: top right;
}

#logoleft {
background-image: url("Images/formbackground.jpg");
background-repeat: no-repeat;
background-position: right;
}

#navigation {
padding: 0;
margin: 0;
border-collapse: collapse;
}

#navigation td {
height: 34px;
background-color: transparent;
padding-bottom:8px;
color: #FFFFFF;
}

#navigation a:visited {
display:inline;
margin: 2px 2px 2px 2px;
color: #003399;
background-color: transparent;
padding-bottom:8px;
text-decoration: none;
text-transform: uppercase;
font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
font-size: x-small;
font-weight: bold;
}

#navigation a:link {
display:inline;
margin: 2px 2px 2px 2px;
color: #003399;
background-color: transparent;
padding-bottom:8px;
text-decoration: none;
text-transform: uppercase;
font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
font-size: x-small;
font-weight: bold;
}

#navigation a:hover {
color: #FFCC00;
}

* html #navigation a {
width: 100%;
}

.style_work {
	width: 40%;
}

.style1 {
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.style2 {
	background-image: url('Images/Header%20V4.jpg');
}
	
.style3 {
	color: #808080;
	text-align:justify;
}

.style4 {
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.style5 {
	color: #FF6600;
	text-align: justify;
	font-style: italic;
	font-size:small;
	margin-bottom: 2px;
}

.style6 {
	border-width: 1px;
	background-color: #FFFF99;
}

.style7 {
	color: #808080;
	font-size: x-small;
	font-style: italic;
	text-align: left;
	margin-top: 2px; 
}

.style8 {
	background-color: #FFFFFF;
}

.style9 {
	color: #808080;
	font-size: x-small;
	font-style: italic;
	text-align: center;
	background-color: #FFFFCC;
}

.style10 {
	border-style: solid;
	border-width: 10px;
	border-color: #FFFFFF;
}

.style12 {
	background-color: #CC3300;
}

.style13 {
	border-width: 1px;
	background-color: #CC3300;
}

.style14 {
	background-color: #FFFF66;
	background-image: url('Images/Background%201.jpg');
	background-repeat: no-repeat;
}

.style15 {
	background-color: #FFFFCC;
	background-repeat: no-repeat;
	color: #999999;
	text-align: right;
	font-size: x-small;
}

.style16 {
	background-color: #FFFFCC;
	background-repeat: no-repeat;
}

.style17 {
	color: #FF6600;
	text-align: left;
	margin-right: 12px;
	vertical-align: middle;
}

.style18 {
	color: #FF6600;
	text-align: justify;
	margin-right: 12px;
}

.style19 {
	background-color: #FFCC66;
	background-repeat: no-repeat;
	color: #333333;
	text-align: right;
	font-size: x-small;
	padding: 7px 15px 7px 15px;
}

.style20 {
	color: #333333;
	font-size: medium;
	font-style: italic;
	text-align: center;
	background-color: #FFCC66;
	padding: 7px 15px 7px 15px;
}

.style21 {
	color: #333333;
	font-size: medium;
	font-style: italic;
	text-align: left;
	padding: 20px 15px 7px 15px;
	width: 424px;
}

.style22 {
	color: #808080;
	text-align: justify;
	font-size: small;
}

.style23 {
	border-top: 5px solid #CC3300;
	background-color: #994E13;
}

.style24 {
	border-top: 2px solid #000000;
}

.style25 {
	border-width: 0px;
}
.style26 {
	color: #A62900;
	border-bottom: 5px #CC3300 solid;
	text-align: left;
	font-size: large;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Tahoma, sans-serif;
}

.style27 {
	font-size: small;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0px 5px 0px;
	color: #666666;
}

.style28 {
	font-size: small;
	font-style: italic;
	font-weight: bold;
}

.style29 {
	color: #666666;
}

.style30 {
	background-color: #FFCC66;
}

.style31 {
	color: #FF9900;
	font-size: medium;
	font-style: italic;
	text-align: center;
	padding: 15px 15px 15px 15px;
}

.style32 {
	font-size: x-small;
	color: #666666;
}

.style33 {
	vertical-align: middle;
}

.style34 {
	color: #993300;
	text-align: justify;
	font-style: italic;
	font-size:small;
	margin-top: 0px;
}

.border-right1 {
    BORDER-RIGHT: #534c46 2px solid;
	BORDER-TOP: #534c46 2px solid;
	MARGIN: 14px 26px 20px 0px;
	BORDER-LEFT: #534c46 2px solid;
	BORDER-BOTTOM: #534c46 2px solid;
}

.border-right2 {
    BORDER-RIGHT: #534c46 2px solid;
	BORDER-TOP: #534c46 2px solid;
	MARGIN: 14px 0px 20px 0px;
	BORDER-LEFT: #534c46 2px solid;
	BORDER-BOTTOM: #534c46 2px solid;
}

.border-right3 {
    BORDER-RIGHT: #534c46 2px solid;
	BORDER-TOP: #534c46 2px solid;
	MARGIN: 14px 0px 0px 0px;
	BORDER-LEFT: #534c46 2px solid;
	BORDER-BOTTOM: #534c46 2px solid;
}

#navigation2 a:visited {
display:inline;
color: #ffffff;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
}

#navigation2 a:link {
display:inline;
color: #ffffff;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-family: Souvenir Lt BT, Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
}

#navigation2 a:hover {
color: #99FFCC;
}

#navigation3 a:visited {
display:inline;
color: #666666;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
}

#navigation3 a:link {
display:inline;
color: #666666;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
}

#navigation3 a:hover {
color: #99FFCC;
}









