/* css document for chromagic inc feb10 j nesbitt butterfat */

*{font-family:Verdana, Arial, Helvetica, sans-serif;}
body {
background-color:#ebebeb;
margin:0 ; 
padding:0 0 73px 0;
}
p, div, ul, li, img, h1, h2, h3 ,a {
		padding:0; margin:0;
		}
form, label, input {
		padding:0; margin:0;
		}


h1 {font-size: 65%; font-family:verdana; arial;}
h2 {font-size: 60%; font-family:verdana; arial; color:#4A4545; margin: 10px;}

#frame {
width:713px;
margin:auto;
}

#frame1 {
width:713px;
margin:auto;
position:absolute;
}

.spacer{clear: both; font-size: 0px; line-height: 0px; padding: 0; margin: 0;}

.dummy{clear: both;}

/*---------------------------------------------------*/


/*MAIN MENU BAR CONTROLLER*/
#menu {width:711px; height:28px; background-image: url(images/menu-back1.gif); background-repeat: repeat-x; padding:10; margin: 0 auto; border: 1px solid #C2C1C1;}
#menu a{display: block; background-image:url(images/menu-divider1.gif); background-repeat: no-repeat; background-position: right bottom; font-size:11px; color:#4A4545; font-weight:bold; text-decoration: none; padding: 0; margin: 0; padding: 8px 21px; float: left;}
#menu a.end{display: block; background-image:none; font-size:11px; color:#4A4545; font-weight:bold; text-decoration: none; margin: 0; padding: 8px 18px; float: left;}
#menu a.invis{padding:0 18px 0 16px; font-family:Verdana; font-size:16px; background:#4a4545; text-decoration:none;}
#menu a:hover {color:#000000; background:#c0c0c0 }
#menu a.invis{display: block; background-image:none; font-size:11px; color:#ebebeb; font-weight:bold; text-decoration: none; margin: 0; padding: 8px 18px; float: left;}


/*SECONDARY MENU BAR CONTROLLER*/
#menu2 {width:711px; height:28px; background-image: url(images/menu-back.gif); background-repeat: repeat-x; padding:10; margin: 0 auto; border: 1px solid #C2C1C1;}
#menu2 a{display: block; background-image:url(images/menu-divider.gif); background-repeat: no-repeat; background-position: right bottom; font-size:12px; color:#004040; font-weight:bold; text-decoration: none; padding: 0; margin: 0; padding: 8px 21px; float: left;}

#menu2 a.end{display: block; background-image:none; font-size:12px; color:#4a4545; font-weight:bold; text-decoration: none; margin: 0; padding: 8px 18px; float: left;}menu2 a.back{display: block; background-image:none; font-size:12px; color:#4A4545; font-weight:bold; text-decoration: none; margin: 0; padding: 8px 18px; float: center;}
#menu2 a:hover {color:#004000; background:#c0c0c0 }
#menu2 a.invis{padding:0 18px 0 16px; font-family:Verdana; font-size:12px; background:#ebebeb; text-decoration:none;padding: 8px 18px; float: center;}






/*BELOW IS CSS FOR UNDERLINE ON HOVER IF PREFERRED*/
/*#menu a:hover{text-decoration:underline;}-*/

/*-------------------------------------------------------*/


/*CONTAINER "information" CONTROLLING LEFT COLUMN*/
#container3a {width:191px; float:left; background-image:url(images/left_.gif); background-repeat: repeat-y; background-position:top right; padding-left:8px; padding-right:14px; padding-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#302F2F; line-height: 14px;}
#container3a h2{background-image: url(images/vision.gif); background-repeat: no-repeat; width: 200px; height: 30px; margin: 0 0 5px 0; padding: 0; text-indent: -2000px;}
#container3a h3{background-image: url(images/click.gif); background-repeat: no-repeat; width: 118px; height: 15px; margin: 0; padding: 0 0 6px 0; text-indent: -2000px;}
#container3a .orange{color:#CD8551; text-decoration:none; padding:0 0 12px 0; margin:0;}
#container3a .orange:hover{text-decoration:underline; color:#CD8551;}
/*#container3a a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#1E1C1C; text-decoration:underline; font-weight:normal;} 
#container3a a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#1E1C1C; text-decoration:none; font-weight:normal;line-height:20px;}*/


/*UL CONTROLLER IF USING BULLETS IN LEFT COLUMN*/
ul#menu1{width:525px; padding:0 0 10px 0; margin:0; list-style-type:none;}
ul#menu1 li{padding: 2px 0; margin: 0; list-style-type: none;}


/*CONTAINER "information" CONTROLLING RIGHT COLUMN*/
#container3b div#information{width:270px; padding-left:4px; padding-right:1px; background-image:url(images/left_.gif); background-repeat:repeat-y; background-position:top right; float:left; padding-top:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#1A131A; font-weight:normal; line-height:12px;}



/*CONTAINER "information" CONTROLLING HEADER STATEMENT TOP CENTER COLUMN*/
#container3b div#information h2{background-image: url(images/employment.gif);background-repeat: no-repeat; width: 200px; height: 30px; margin: 0 0 5px 0; padding: 0; text-indent: -2000px;}
#container3b div#information .grey{text-align:center;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;  line-height:14px; }
#container3b div#information .dgrey1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: center; color:#4F4D4D; font-weight:normal; line-height:14px; text-decoration:none; }


/*CONTAINER "information" CONTROLLING CENTER COLUMN LOWER GIF DISPLAYING ON TOP OF HTML H3 TXT*/
#container3b div#information h3{background-image:url(images/xxxxxxxx.gif); width:116px; height:15px; background-repeat: no-repeat;  margin: 10 10 15px 0; padding: 0; text-indent: -2000px;}


/*CONTAINER "information" CONTROLLING RIGHT COLUMN TEXT*/
#container3b div#employ{width:205px; float:left; padding:0 0 0 19px; /*background-color:#00FF00;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#302F2F; line-height:14px; font-weight:normal; margin:0;}


/*CONTAINER "employ" DISPLAYING *GIF ON TOP OF RIGHT COLUMN HTML H3 TXT*/
#container3b div#employ h3{background-image:url(images/about.gif); width: 200px; height: 30px; margin: 0 0 5px 0; padding: 0; text-indent: -2000px;}


/*-------------------------------------------------------*/

/*-----LINK PAGES------OLDER---WHITE BOX BACKGROUND WITH ROUNDED CORNERS- EDIT BOX WITH ROUNDED CORNERS*/
.roundcont {
	width: 711px;
	background-color: #fff;
	color: #000;
}

.roundcont p {
	margin: 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#100903;  font-weight:normal; margin: 20; padding: 0 0 0 2px;
}

.roundtop { 
	background: url(images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


/*-----LINK PAGES------GREY BG ebebeb and FONT CONSISTANT WITH HOME PAGE*/

.textbox {
	width: 711px;
	background-color: #ebebeb;
	color: #000;
               margin-top: 45px;
}

.textbox p {
	margin: 0 16px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color:#100903;  font-weight:normal; margin: 20; padding: 0 0 0 2px;
}