/* CSS Document */

body{
margin: 0;
margin-top: 25px;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%;
background-color: #7D4176; /*#f7f3f4  /* #CCCCCC; */
font-size:100%;
}


#container
{
width: 90%;
height: 100%;
margin: 0px auto;
border: #000000 solid thin;
background-color: #FFF3FD;
color: #7d4176;
}


#top
{
padding: .5em;
margin-top: 0;
background-image:url(images/corner-top-top.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: #3F303D ;
height: 50px;
}

#inside-top
{
padding: .5em;
background-image:url(images/topcorner.gif);
background-position:top;
background-repeat:no-repeat;
margin: 0;
}

#top-border
{
padding: .2em;
border-bottom:double;
border-bottom-color: #FFC2F7;
margin-left: 135px;
margin-bottom: 0px;
margin-right:-7px;
margin-top:auto;
width: inherit;
}

#menu
{
position: relative;
float: left;
width: 120px;
background-image:url(images/topcorner-right-side.gif);
background-position:top left;
background-repeat:no-repeat;
min-height:480px;
}

#top h1
{
font-size:35px;
color:#FFC2F7;
margin-top:8px;
margin-bottom:0px;
padding: 0em;
font-family: "Times New Roman", Times, serif;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#7D4176, Direction=135, Strength=);
filter:progid:DXImageTransform.Microsoft.Glow(Color=#ffe6f9,Strength=12);
text-shadow: 0.05em 0.05em 0.05em #ffe6f9; */
}

h2
{
font-family: Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-style:italic;
text-align:center;
/*text-shadow: 0.1em 0.1em 0.1em black; */
}

h3
{
font-family: Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-style: normal;
text-align:left;
/*text-shadow: 0.1em 0.1em 0.1em black; */
}

h4
{
font-family: Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-style: normal;
text-align:left;
/*text-shadow: 0.1em 0.1em 0.1em black; */
}

#content-main h4
{
font-family: Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-style: normal;
text-align:center;
font-size:88%;
text-shadow: 0.0em 0.15em 0.15em grey; 
}



#leftnav
{
padding: .5em;
float: left;
width: 50px;
padding-top: 150;
background-image:url(images/topcorner-side.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: #3F303D;
min-height: 455px;
overflow:hidden;

}

#left-border
{
float: left;
width: 55px;
background-color: #3F303D;
border-right: double;
border-right-color: #FFC2F7;
margin-bottom: -30px;
margin-left: 0px;
margin-right: 0px;
margin-top: 98px;
min-height: 455px;
}

#left-border-gallery
{
float: left;
width: 55px;
background-color: #3F303D;
border-right: double;
border-right-color: #FFC2F7;
margin-bottom: -30px;
margin-left: 0px;
margin-right: 0px;
margin-top: 98px;
min-height: 515px;
}

#leftnav-gallery
{
padding: .5em;
float: left;
width: 50px;
padding-top: 150;
background-image:url(images/topcorner-side.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: #3F303D;
min-height: 515px;
overflow:hidden;

}





#rightnav
{
float: right;
width: 180px;
margin-left: 15px;
margin-right: 10px; 
padding: .1em;
min-height: 450px;
}

.cvcc-award{
background-image:url(images/CVCC_logo-bg.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:outset;
font-size: 90%;
width: 150px;
margin: 0px;
}

#content
{
margin-left: 220px;
margin-top: 25px;
margin-right: 185px; 
padding: 1em;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
max-width: 45em;
max-height: 470px;
overflow:auto;
}

#content-products
{
margin-left: 220px;
margin-top: 25px;
background-image:url(images/enviro-bg.gif);
background-position: top center;
background-repeat:no-repeat;
margin-right: 185px; 
padding: 1em;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
max-width: 45em;
max-height: 470px;
overflow:auto;
}

#content-gallery
{
margin-left: 200px;
margin-top: 5px;
margin-right: 170px; 
padding: 0;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
/*max-width: 42em; */
/*max-height: 550px;*/
overflow:auto;
width:auto;
}

.gallery
{
overflow:visible;
}

#content-main
{
margin-left: 220px;
margin-top: 75px;
border-right: medium outset;
border-bottom: medium outset;
margin-right: 185px; 
padding: 2em;
font-family:Arial, Helvetica, sans-serif;
max-width: 45em; 
max-height: 420px;
overflow:auto;
}


 a:link,a:visited,a:active,a:hover
{
text-decoration: underline; color: #5f0e78;
}

/*  a:hover,a:active
{
background-color:#692DAC;
}
*/

#content-customers
{
margin-left: 200px;
margin-top: 20px;
margin-right: 185px; 
padding: 0em;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
/*max-width: 42em;*/
max-height: 430px;
overflow:auto;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #3F303D;
border-top-color:#FFC2F7;
height: 45px;
color:#FFFFFF;
}

#footer-border
{
margin: 0;
margin-top: -7px;
margin-left: 55px;
margin-right:-7px;
border-top:double;
color: #ffffff;
background-color: #3F303D;
border-top-color:#FFC2F7;
}

.innertube{
margin: 15px;
margin-top: 130px; 
}

.innertube2{
margin: 15px;
margin-top: 30px; 
}
.dropcap { 
font-size: 130%; 
} 


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* menu css - 3 state menu*/

.menulines{
border:2.5px outset #FFC2F7;
}

.menulines a{
text-decoration:none;
/*color: #ffffff; /*black; */
}

.menulines 
{
background-color:#dcc0d9;
}

/* CSS Testimonial  */

.testimonialNormalFlow {
  border:0px #666666 dashed;
  padding:10px;
  width: 180px;
  font: .9em verdana, arial, helvetica, sans-serif;
 }

p.testimonial {
  margin:0;
  font-weight:bold;
  background-color: #e0dabf;
  padding:3px;
  letter-spacing:3px;
  font-size:larger;
  text-align:center;
}

p.collapseTitle {
  margin:0;
  text-align:right;
  font-size: .8em;
  margin-top: -10px;
}



/*  old CSS menu - menu2-css.php  */
/*
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}
 
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}
 
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #BF3030;	
	color: #FFF;
	text-align: center;
	text-decoration: none}
 
#sddm li a:hover
{	background: #FF7373}
 
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FF7373;
	border: 1px solid #5970B2}
 
	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}
 
	#sddm div a:hover
	{	background: #BF3030;
		color: #FFF}
*/


/* Drop Shadow 818181  */

.shadow2{
box-shadow: 7px 7px 8px #ffedfb;
-webkit-box-shadow: 7px 7px 8px #ffedfb;
-moz-box-shadow: 7px 7px 8px #ffedfb;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffedfb, Direction=135, Strength=8);

}

/*DIV.aFilter {filter:progid:DXImageTransform.Microsoft.Glow(Color=blue,Strength=5); width: 150px;} */

/* filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ffedfb, offX=5, offY=5, positive=true); */


/* Link Display */ 

a img { border:0
 }



/* Menu - menu-css-basic */

/* ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#af3498;
background-color:#e0dabf;
border:outset;
border-width: medium;
border-color:#692DAC;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#692DAC;
}

*/