/* compontent css styles for contact_x */

html { height:101%}

body {
	margin: 0px;
	color:#555353;
	background: url(/img/bg.gif) #1a4a63;
	font-size: 12px;
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
}

table, td
{
	margin: 0;
    padding: 0px;
    
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

form { padding: 0px; margin: 0px; }

a { text-decoration: none; color: #32779f; }
a:hover { text-decoration: none; color:#555353; }

h1 { font-family: Helvetica, Arial, sans-serif; color:#194762; font-size:20px; line-height:22px; font-weight:bold; text-transform:normal; padding:0px; margin-bottom:12px; }
h2 { font-family: Helvetica, Arial, sans-serif; color:#194762; font-size:18px; line-height:20px; padding:0px; margin: 0 0 11px 0; }
h3 { font-family: Arial, Helvetica, sans-serif; color:#32779f; font-size:14px; line-height:15px; font-weight:bold; padding:0px; margin: 0 0 4px 0; }
h4 { font-family: Arial, Helvetica, sans-serif; color:#555353; font-size:14px; line-height:18px; font-weight:bold; padding:0px; margin: 0 0 4px 0; }

img.left	{ float:left; margin-right:8px; }
img.right	{ float:right; margin-left:8px; }
.fl-left	{ float:left;}
b.intro	{ font-size:14px;}
i.quote	{ font-size:14px; line-height:20px; color:#32779f;}
ul { margin-top: 6px; margin-bottom:6px;}


/* Content styles */
#wrapper { width: 893px; margin:0 auto; padding:0;}
#header	{ width:868px; height:123px; padding:0 25px 0 0; background: url(/img/bg_header.gif) bottom no-repeat; }
#topnav	{ background:#ececed; width:157px; height:11px; margin:23px 0 14px 0; float:right; padding:9px; color:#535353; text-align:center;}
#nav	{ width:475px; background:#fafafa; height:11px; margin:10px 0 0px 0; float:right; padding:9px; color:#0e6da4; font-size:17px;}
#nav a	{ color:#0e6da4; font-size:15px; padding:0 10px;}
#nav a:hover	{ color:#0e6da4; font-size:15px; padding:0 10px;background:#ececed; }
#splash	{ width:893px; height:230px; padding:0; }
#edgeleft { width: 22px; background:url(/img/bg_wrappercontent-left.jpg) right repeat-y; float:left;}
#edgeright { width: 21px; background:url(/img/bg_wrappercontent-right.jpg) left repeat-y; float:left;}
#maincontent { background: url(/img/bg_maincontent.gif) center repeat-y #FFFFFF; width:842px; padding:16px 4px 0px 4px; margin:0; float:left;  }

/* Home page styles */
#homeleft	{width:476px; float:left; }
#homeright	{width:335px; padding:13px 15px; float:left;}
.chekeredline	{ background:url(/img/line-checkered-horiz.gif) repeat-x; width:476px; height:5px; margin:0;}
#welcome	{ width:446px; padding:15px; }
#welcome h1 { font-family: Helvetica, Arial, sans-serif; color:#194762; font-size:22px; line-height:24px; text-transform:none; padding:0px; margin: 0 0 11px 0; }
#welcome h2 { font-family: Helvetica, Arial, sans-serif; color:#194762; font-size:18px; padding:0px; margin: 0 0 11px 0; }
#welcome b	{ font-size:15px; line-height:18px;} 
#feature-pr	{ width:335px;  margin:-12px 0 0 0; }
#feature-hdr	{ width:305px;  height:20px; background:#26495d; padding:15px; margin:0;}
#feature-pr h1	{ color:#FFFFFF; font-size:18px; line-height:22px;}
#feature-pr a	{ color:#FFFFFF;}
#feature-pr a:hover	{ color: #CCCCCC;}
#feature-pr a.go { text-decoration:underline;}
#feature-proj-all	{ width:335px;  background:#305b74; color:#FFFFFF; padding:0; margin:0; text-align:right;}
.feature-proj	{ width:305px;  background:#305b74; color:#FFFFFF; padding:15px; margin:0;}

#home-btm	{ width:842px; height:178px; background:url(/img/bg_home-btm.jpg) no-repeat right #f0f0f0; float:right; }
#home-btm #action	{ width:236px; height:138px; padding:20px; float:left; background:url(/img/bg_home-btm-corner.gif) no-repeat top right; border-right: solid 1px #CCCCCC;}
#home-btm #news	{ width:241px; height:138px; padding:20px; float:left; background:url(/img/bg_home-btm-corner.gif) no-repeat top right; border-right: solid 1px #CCCCCC;}
#home-btm #contact	{ width:163px; height:138px; padding:20px 100px 20px 20px; float:left;}

/*Internal Styles */
#splash-internal	{ width:893px; height:144px; padding:0; margin:0;}
#maincontent-int { background: url(/img/bg_maincontent.gif) center repeat-y #FFFFFF; width:842px; padding:16px 4px; margin:0; float:left;  }
#leftnav	{ width:177px; padding:0 18px 0 21px; background: url(/img/bg_leftnav.gif) top no-repeat; float:left;}
#leftnav h1 { font-family:Helvetica, Arial, sans-serif; font-size:26px; line-height:26px; font-weight:bold; display:block; padding:19px 0 10px 0; width:177px; height:28px; margin:0}
#leftnav h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; font-weight:bold; display:block; padding:16px 0 7px 0; width:177px; height:28px; margin:0}
#leftnav ul	{width:177px; list-style:none; list-style-image:none; margin:0; padding:0; }
#leftnav ul li { display:block; padding:10px 5px; background:url(/img/bg_navlist.gif) no-repeat bottom left;}
#leftnav ul li a { font-size:12px; color:#555353;}
#leftnav ul li a:hover { font-weight:bold;}
#content	{ width:395px; padding:15px 15px 20px 0px; background:url(/img/line-checkered-horiz.gif) top repeat-x; float:left; }
#rightcol	{ width: 182px;  padding-left:15px; background: url(/img/bg_rightcol.gif) repeat-y right ; float:left; }
#rightcol div.cell	{ width: 152px; background: url(/img/bg_right-cell.gif) top no-repeat; padding:15px; border-bottom:solid 1px #e4e4e5;  }
#rightcol div.cell	h1 { font-family: Arial, Helvetica, sans-serif; color:#194762; font-size:14px; line-height:15px; font-weight:bold; text-transform:none; padding:0px; margin: 0 0 11px 0; }
.chekeredline-int	{ background:url(/img/line-checkered-horiz.gif) repeat-x; width:100%; height:5px; margin:0;}

/* Customer Styles */
#customer-list	{ width:100%; }
#customer-list td.img	{ padding:5px 5px 5px 0;}
#customer-list td { padding:5px;}
#customer-list h3 { margin-bottom:0;}
.view	{ padding-bottom:22px; border:0; background: url(/img/bg_view-larger.gif) no-repeat bottom right #686e72; margin-right:10px; margin-bottom:5px; float:left;  }

/*Footer Styles */
#footer	{ width:842px; height:50px; color:#FFFFFF; padding:12px 24px; margin-left:2px; float:left; background:url(/img/bg_footer-top.gif) top no-repeat; text-align:right; }
#footer a	{ color:#FFFFFF }
#footer a:hover	{ color:#FFFFFF }

/* Contact Styles */
table#cx { }

table#cx td{ padding: 0px; }
table#cx td.space { width: 15px; }

table.cx th { text-align: left; font-weight: bold; color: #333333; padding: 0px;}

td#label {

}

div.req {
	padding: 0px;
	border: 0px solid white;
	border-left: 5px solid #32779f;
	float: left;
}

input.cx {
	margin: 0px;
	font-size: 11px;
	height: 18px;
	width: 160px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
}

/*OnSubmit required fields will change to this class by js*/
input.error {
	border: 2px solid #32779f;
	background-color: #fff6f6;
}

input#x_state {
	width: 40px;
	margin-right: 10px;
}

input#x_zip {
	width: 105px;
}

textarea#x_comments {
	width: 350px;
	height: 80px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
}