/*

ALL dark to light

2d4043 banner line dark green
4c8185
69a4a8
82a7aa
c5e9ec
bdd0d1
eaf9fa
e0eeef

bcd0d1 - menu

greys
747475
d2d2d2
e7e7e7

*/

body {
	background: #4c8185;
	margin: 20px 0px 20px 0px;
	text-align: center;
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}
a, link, active, visited { color: #ff6600; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: none; }
h1 { display: none; }
h2 { display: none; }
h3 { display: none; }
ul {
	list-style-image: url("../images/layout/bullet.gif");
	margin: 0px 0px 0px 25px;
	padding: 0;
}

/*IMAGES,*/
.imgleft { float:left; padding: 0px 10px 10px 10px; }
.imgright { float:right; padding: 0px 10px 10px 10px; }
.nolink { border: 0; text-decoration:none;}
.nolink a:link, a:hover, a:visited { border: 0; text-decoration:none;}
.home { 
	background-color: #e7e7e7;
	padding: 10px 10px 10px 10px;
	border: 1px solid #666;
}
.outlineimg {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.homel { 
	background-color: #e7e7e7;
	padding: 10px 10px 10px 10px;
	/*border: 1px solid #666;*/
	float:right;
	margin: 0px 0px 10px 10px;
}

/*TEXT*/
.stronghome { font-size: 20px; color: #4c8185; }
.strongsubs { font-size: 12px; color: #82a7aa; }
.strongnews { font-size: 12px; color: #ff9900; }
.strongsc { font-variant: small-caps; }

/*COMPONENTS*/
.clearit {clear: both;}
.clearitnews {
	clear: both; 
	text-align:right; 
	padding: 5px 10px 3px 0px; 
	*padding: 1px 10px 3px 0px; 
	_padding: 1px 10px 3px 0px; 
	background-color:#e0eeef;
	font-weight: bold;
	font-size: 10px;
}
.clearitmore {
	clear: both; 
	text-align:right;
	margin: 5px 0px 0px 0px; 
	padding: 5px 10px 3px 0px; 
	*padding: 1px 10px 3px 0px; 
	_padding: 1px 10px 3px 0px; 
	background-color:#e0eeef;
	font-weight: bold;
	font-size: 10px;
}

/*TABLES FORMS*/
fieldset { border: 0px; }
table { border: 0; width: 100%; }

/***********************************************************
* DIV IDs
***********************************************************/
#column {			/*HOLDS IT ALL*/
	margin: 0 auto;
	width: 800px;
	background: url("../images/layout/column.gif") repeat-y;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #2d4043;
	border-right: 1px solid #2d4043;
	height: 100%;
}
#banner {
	width: 800px;
	height: 236px;
	padding: 0px 0px 0px 0px;
	background: url("../images/layout/procartabanner.jpg") no-repeat;
}
/*HOLDS ALL CONTENT WITH SPACE TAKEN IN AT SIDES DUE TO SHADING FROM COLUMN*/
/*
though in FF content has no depth, it aligns the divs underneath it. add in a border to see. With a width
and margin defined for content, we don't need to apply a margin left indent to the leftit div. 

*/
#content {		
	width: 800px;
	margin: 0 auto;
	padding: 0px 10px 10px 10px;/* all browsers including Mac IE */
   	*padding: 0px 10px 10px 0px; /* IE 7 and below */
   	_padding: 0px 10px 10px 0px; /* IE 6 and below */
	height: 100%;
}

#holdhome_757 {
	background: url("../images/layout/round757.gif") left top no-repeat;
	clear: both;
	width: 757px;
	margin: 10px 0px 0px 11px;
	*margin: 10px 0px 0px 0px;
	_margin: 10px 0px 0px 0px;
	min-height: 91px;
	/*equal height DIVS*/
	overflow: hidden;
	/*FOR TESTING*/
	/*border: 1px solid #990000;*/
}

#holdhome_left {
	margin-top: 50px;
	float: left;
	width: 181px;
	background-color: #82a7aa;
	text-align: left;
	/*equal height DIVS*/
	margin-bottom: -2000px; padding-bottom: 2000px;
	/*border: 1px solid #990000;*/
}
	.htlefthead {
		font-size: 28px; 
		color: #2d4043;
		padding: 10px 10px 10px 10px;
		font-weight: bold;
	}
	.htlefttext {
		line-height: 30px;
		letter-spacing: 2px;
		font-size: 14px;
		color: #444444;
		padding: 20px 10px 20px 10px;
		font-weight: 600;
	}
#holdhome_right {
	margin-top: 50px;
	float: right;
	width: 569px;
	text-align: left;
	/*equal height DIVS*/
	margin-bottom: -2000px; padding-bottom: 2000px;
	/*border: 1px solid #990000;*/
}
	.htrighthead {
		font-size: 28px; 
		color: #2d4043;
		padding: 10px 10px 10px 10px;
		font-weight: bold;
		text-align: right;
	}
#holdboth_757 {
	clear: both;
	width: 757px;
	margin: 10px 0px 0px 11px;
	/*FOR TESTING*/
	/*border: 1px solid #990000;*/
}
#leftit {
	vertical-align: top;
	float: left;
	width: 500px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	/*FOR TESTING*/
	/*border: 1px solid #990000;*/
}
	#figflash {
		width: 490px;
		height: 368px;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
	}
	.mainheadleft {
		background-color: #bcd0d1;
		padding: 10px 10px 10px 10px; 
		font-size: 14px; color: #2d4043; 
		border-bottom: 1px solid #2d4043;
		font-weight: bold;
	}
	.mainhead { 
		background: url("../images/layout/gradhead.gif") repeat-y;
		padding: 10px 10px 10px 10px; 
		font-size: 14px; color: #2d4043; 
		border-bottom: 1px solid #2d4043;
		font-weight: bold;
	}
	.maintext { padding: 10px 10px 10px 10px; }
	.maintextbox { padding: 10px 10px 10px 10px; border: 1px solid #4c8185; margin: 10px 0px 10px 0px; }
	.newshead { 
		background: url("../images/layout/gradheadnews.gif") repeat-y;
		padding: 10px 10px 10px 10px; 
		font-size: 14px; color: #ff9900; 
		border-bottom: 1px solid #ff9900;
		margin: 5px 0px 0px 0px;
		font-weight: bold;
	}
	.newstext { 
		margin: 5px 0px 5px 0px;
		padding: 10px 10px 10px 10px; 
		background-color: #e0eeef;
	}
	.newstextmore { 
		margin: 5px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}
#rightit {
	background-color: #e7e7e7;
	float: right;
	text-align: left;
	vertical-align: top;
	width: 230px;
	margin: 10px 0px 10px 10px;
	/*FOR TESTING*/
	/*border: 1px solid #990000;*/
}
	.righthead { 
		background: url("../images/layout/gradhead230.gif") repeat-y;
		padding: 10px 10px 10px 10px; 
		font-size: 14px; color: #5f5f5f; 
		border-bottom: 1px solid #5f5f5f;
		font-weight: bold;
	}
#footerhome {
	clear: both;
	margin: 0 auto;
	background: url("../images/layout/procartafooter.jpg") no-repeat;
	width: 800px;
	height: 50px;
	border-left: 1px solid #2d4043;
	border-right: 1px solid #2d4043;
}
#footer {
	clear: both;
	margin: 0 auto;
	background: url("../images/layout/procartafooter.jpg") no-repeat;
	width: 800px;
	height: 50px;
	/*border-left: 1px solid #2d4043;
	border-right: 1px solid #2d4043;*/
}
.foottext {
	padding: 10px 5px 5px 5px;
	font-size: 10px;
}

/*MENU IDS*/
#menu {
	width: 757px;
	text-align: center;
	height: 35px;
	padding: 200px 0px 0px 21px;
}
#nav, #nav ul { 
	list-style: none;
	height: 35px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #2d4043;
}

#nav a {
	text-decoration: none;
	display: block;
	width: 107px;
	height: 35px;
	border-left: 1px solid #2d4043;
	background-color: #bcd0d1;
}

#nav a:hover {
	text-decoration: none;
	border-left: 1px solid #2d4043;
	background-color: #83a8ab;
}

#nav li { 
	float: left;
}

#h a { background: #bcd0d1 url(../images/menu/h1.gif) no-repeat; }
#h a:hover { background: #83a8ab url(../images/menu/h2.gif) no-repeat; }
#c a { background: #bcd0d1 url(../images/menu/c1.gif) no-repeat; }
#c a:hover { background: #83a8ab url(../images/menu/c2.gif) no-repeat; }
#t a { background: #bcd0d1 url(../images/menu/t1.gif) no-repeat; }
#t a:hover { background: #83a8ab url(../images/menu/t2.gif) no-repeat; }
#s a { background: #bcd0d1 url(../images/menu/s1.gif) no-repeat; }
#s a:hover { background: #83a8ab url(../images/menu/s2.gif) no-repeat; }
#pa a { background: #bcd0d1 url(../images/menu/pa1.gif) no-repeat; }
#pa a:hover { background: #83a8ab url(../images/menu/pa2.gif) no-repeat; }
#n a { background: #bcd0d1 url(../images/menu/n1.gif) no-repeat; }
#n a:hover { background: #83a8ab url(../images/menu/n2.gif) no-repeat; }
#co a { background: #bcd0d1 url(../images/menu/co1.gif) no-repeat; }
#co a:hover { background: #83a8ab url(../images/menu/co2.gif) no-repeat; }