/* CSS Document */
/* Style Sheet created by Johnny Authement - Complete Network Management*/
* {
padding: 0;
margin:  0;
}
html, body{
	margin: 0px;
	padding: 0px;
	border:0px;
}

/* 1em = 10px */
body {
font-size: 62.5%;
font-family:Trebuchet MS, Arial, Sans-Serif;
background:url(images/pagebgJ-noblue2.gif) repeat-x #f3f3f3;
text-align:center;
color:#333333;
}


a:link{ 
background-color: transparent;
color:#d87600;
text-decoration:none;
}

a:visited{ 
background-color: transparent;
text-decoration:none;
color: #d87600;
}

a:hover, a:active{ 
background-color: transparent;
text-decoration:underline;
color:#bcd2c3;
}


p { 
font-size: 1.2em; 
line-height:1.4em;

}

h1, h2, h3, h4, h5, h6 {
  font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.6em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.padding30 {padding-top:30px;}
.minus2{margin-bottom:-2px;}
.minus3{margin-bottom:-3px;}


/* container */
#container{
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	padding: 0px; /* messy method of overcoming a rendering bug in mozilla 1.4, maybe others */
	padding-right:0;
	padding-left:0;
	padding-bottom:10px;
	width: 850px;
	height:100%;
}

#innerbox{
	margin: 0px;
	padding-bottom: 10px;
	visibility:visible;
	text-align:left;
	height:auto;
	z-index:0;
	width:100%;
}

/* header */
#header{
height:55px;
}
#toplilbox{float:right; height:30px; border-top:1px dotted #959595; border-bottom:1px dotted #959595;width:390px; text-align:right;}
#toplilbox p{font-size:1em; line-height:3em; color:#555555;}
#toplilbox p a{color:#1C558A;}
#toplilbox a img{border:0px;margin-bottom:-5px;}

.cnmlogo{float:left;margin-top:2px; margin-right:15px;margin-left:-3px;}

#cnmhead{margin-top:20px;margin-bottom:-8px;}
#cnmhead2{margin-left:100px;}

.blues{color:#0062B8; font-weight:900;}

.blue{color:#2D78BE;}
.orange{color:#ff9233;}

#BigBlueBar{margin-top:30px;height:235px;} 
#BigBlueBar2{margin-top:10px;height:235px;background:url(images/ourteam.png) no-repeat center bottom;} 
	/*background:url(images/folders.jpg) no-repeat right;}*/
.BigBlueBarImage {float:right;margin-top:-169px;margin-right:24px;height:235px;width:310px;}
.BigBlueBarImage2 {float:right;margin-top:-235px;margin-right:24px;height:235px;width:310px;}
.BigBlueBarImage3 {float:right;margin-top:-141px;margin-right:24px;height:235px;width:310px;}

#BigBlueBar h1{font-size:4em; font-weight:100;margin-bottom:20px; color:#fff;}
#BigBlueBar2 h1{font-size:4em; font-weight:100;margin-bottom:0px; color:#fff;}
#BigBlueBar p {font-size:1.8em; font-weight:bold; line-height:2em; color:#cccccc;margin-right:350px;}
#BigBlueBar2 p{font-size:1.8em; font-weight:bold; line-height:1.2em; color:#cccccc;margin-right:50px;}

.pics {height: 235px; width: 850px; padding:0; margin:0; overflow: hidden }
.pics img {height: 235px; width: 850px; top:0; left:0; border:0px;}
.pics img a{border:0px;}

#menu {height:40px;}
#Navi{float:left;height:40px;font-weight:bold;font-size:1.4em;margin-left:-15px;}

#Navi li{float:left;display:block;/*background-color:green;*/ /* Used for debug */line-height:40px;	margin:0 0 0 17px;}

#Navi li a{	color:#FFFFFF;text-decoration:none;	display:block;}

#Navi li a:hover, #Navi li.Selected a{color:#6fbcff;}

/* content */
#pagebody{padding-top:30px;}

.btntxtpadding{padding-top:8px;}

#leftcol{width:500px;float:left;padding-bottom:30px;}
#leftcol h1, #leftcol2 h1{color:#0062B8;}
#leftcol h3,#leftcol2 h3{margin-bottom:10px;margin-top:10px;color:#0062B8;}
#leftcol p, #leftcol2 p {padding-top:7px; padding-bottom:7px; font-size:1.4em; line-height:1.6em;}
#leftcol a, #leftcol2 a {color:#f7941d;text-decoration:none;}
#leftcol a:hover, #leftcol2 a:hover{color:#6fbcff;}

#rightcol{margin-left:543px;width:325px;}
#rightcol a img{border:none;}
.rightbox{background:url(images/rtboxbottom.gif) no-repeat center bottom;padding-bottom:19px;margin-bottom:20px;width:307px;}
.rightbox p{padding:15px;}
.rightbox h3{height:42px; background:url(images/rtboxhead.gif) no-repeat;padding-left:10px;color:#fff;line-height:2em;}
.rightboxbody a{color:#f26522; font-weight:bold;}
.rightboxbody{background:url(images/rtboxbg.gif) repeat-x #f9fbee center bottom;border-right:1px solid #bc8d03; border-left:1px solid #bc8d03;}

#innerRight{background:url(images/rightbody.gif) repeat-y 0px;padding-left:10px;height:225px;}
.innerRightExpanded{background:url(images/rightbody.gif) repeat-y 1px;padding-left:10px;height:285px;}
#innerRight h3{padding-left:10px; color:#ffffff;}
#innerRight p{padding-left:10px;padding-right:10px; color:#fff;}
.rightheadtop{margin-bottom:-4px;}

#rightmenu{float:left;width:215px; background:url(images/menu-bottom.gif) no-repeat center bottom;padding-bottom:16px;margin-bottom:20px;}
#rightmenu h3{height:41px; background:url(images/menu-head3.gif) no-repeat;color:#fff;line-height:2em;padding-left:15px;}
#rightmenubody{background:url(images/menu-bg.gif) repeat-x #fff;border-right:1px solid #21598d; border-left:1px solid #21598d;margin-left:1px;}
#rightmenubody ul{list-style-type:none;padding:5px 5px 10px 5px;}
#rightmenubody ul li{font-size:1.4em;line-height:1.8em; }
#rightmenubody ul li a{color:#134883;display:block;padding:0px 10px 0px 10px;}
#rightmenubody ul li a:hover{color:#000;text-decoration:none;background:#f8b90d;}

#rightmenubody ul.rtlevel1 li ul.rtlevel2{position:absolute; width:190px; left:-999em;}
#rightmenubody ul.rtlevel1 li:hover ul.rtlevel2{left:auto;display:block;z-index:100; position:absolute;}

#rightmenubody ul.rtlevel2 {padding:5px;line-height:1.4em; background:url(images/menu-bg.gif) repeat-x #fff;border:1px solid #21598d;margin-left:190px;margin-top:-30px;}
#rightmenubody ul.rtlevel2 li{font-size:1em;line-height:1.8em; text-align:left; margin:0px; color:#fff;padding: 0; width:190px; line-height:1.6em;}
#rightmenubody ul.rtlevel2 li a:hover {background:#f8b90d; color:#000;}

.arrow2{background:url(images/arrow3.gif) no-repeat right;}
.arrow2 a:hover{background:#f8b90d;}
.arrow2 ul.rtlevel2 li a:hover{background:#f8b90d;}



#leftcol2{margin-left: 240px; padding-left:5px;padding-bottom:30px;}

#tblwebhost{border:1px solid #D5D5D5;}
#tblwebhost td{vertical-align:top;padding:5px;}

.evenrow td{background:#898989; color:#fff;}
.oddrow td{background:#e7f4fc;}

.ulright{float:left; width:155px; list-style-type:none; font-size:1.1em;}
.ulleft{float:right; width:145px;list-style-type:none; font-size:1.1em;margin-right:10px}
.ulleft li, .ulright li {line-height: 15px;padding-left: 55px;padding-top: 5px;margin-top: 10px;height: 50px;width: 85px;}
.ulleft li a, .ulright li a{color:#ffffff;}
.ulleft li a:hover, .ulright li a:hover{color:#ff9233;text-decoration:none;}

.website{background:url(images/website.gif) no-repeat;}
.networkmgmt{background:url(images/networkmgmt.gif) no-repeat;}
.security{background:url(images/security.gif) no-repeat;}
.itconsult{background:url(images/itconsult.gif) no-repeat;}
.hardware{background:url(images/hardware.gif) no-repeat;} 
.programming{background:url(images/cd.jpg) no-repeat;}
.ecp{background:url(images/ECP-Logo2.gif) no-repeat;}
.checking{background:url(images/checking.gif) no-repeat;}
.po{background:url(images/form.gif) no-repeat;}
.loan{background:url(images/piggybank.gif) no-repeat;}
.timeclock{background:url(images/timeclock.gif) no-repeat;}

.clearboth{clear:both;}

.graybox{width:415px; height:150px; background:url(images/graybox.gif) no-repeat;margin-left:-5px; color:#fff;}
.graybox h3{margin-left:20px;margin-top:5px;}
.graybox p{margin-right:10px; margin-top:5px;}
#grayleft{float:left;}
#grayright{float:right;}
.grayboxicon{float:left; margin-left:20px; margin-top:12px;margin-right:10px;}
.grayboxbutton{position:relative; left:120px;background:url(images/grayboxbutton.gif) no-repeat; width:139px; height:35px;margin-left:120px; margin-top:5px;}
.grayboxbutton a{display:block;height:8px;width:139px; text-align:center; font-size:1.4em; font-weight:bold; color:#000000;}
.grayboxbutton a:hover{color:#F57200;text-decoration:none;}

/* footer */
#footer{margin-top:10px;clear:both;padding-top:20px;padding-bottom:10px;height:75px;background:url(images/footer.gif) repeat-x;}

#innerfooter{margin-left:auto;margin-right:auto;width:850px;}

#footerLeft{float:left;}

#footerRight{float:right;}

#footerRight a, #webportfolio table tr td a{color:#21238C;	text-decoration:none;}

#footerRight a:hover, #footerRight Selected a, #webportfolio table tr td a:hover{color:#2D78BE;}


#servicesLeft{float:left;}
#servicesRight{	float:right;margin-right:450px;}

#BigBlueBar a{color:#FFFFFF;text-decoration:none;}

#BigBlueBar a:hover, #BigBlueBar Selected a{color:#6fbcff;}

#BigBlueBar ul li {text-decoration:none;display:block;font-weight:bold;font-size:1.4em;padding-bottom:2px;}

#webportfolio{float:left;margin-top:30px;}

#webportfolio table{width:800px;margin-top:10px;margin-bottom:25px;}

.wptd1{	width:200px;}

.wptd2{	width:200px;padding-bottom:15px;}

#webportfolio table tr td a{font-size:1.2em;}

#bottomcol {width:800px;margin-top:10px;margin-bottom:25px;font-size:1.2em;}
#bottomcol p {padding-top:7px; padding-bottom:7px;}
#bottomcol h3{margin-bottom:10px;}
#bottomcol a{color:#FFFFFF;	text-decoration:none;}

#bottomcol a:hover{	color:#6fbcff;}

.whtr {background-color:#979797;}

.whtd1{	width:125px;padding-right:3px;padding-left:3px;}

.whtd{width:75px;padding-right:2px;}

.list{font-size:1.4em;margin-left:25px;}

#securitysolutions {width:800px;margin-top:50px;margin-bottom:25px;font-size:1.2em;}

#securitysolutions p{padding-top:7px; padding-bottom:7px;line-height:1.6em;}

#securitysolutions a{color:#FFFFFF;	text-decoration:none;}

#securitysolutions a:hover, #BigBlueBar Selected a{	color:#6fbcff;}

#leftcol table td,#leftcol2 table td {font-size:1.4em;}

#nocol h3{margin-bottom:10px;}
#nocol p {padding-top:7px; padding-bottom:7px; font-size:1.4em; line-height:1.6em;}

#nocol a{color:#f7941d;	text-decoration:none;}

#nocol a:hover{	color:#6fbcff;}

.imgtd {padding-right:10px;padding-bottom:10px;}

#leftcol img {border:none;}
#webportfolio img {border:none;}

/* menu options */
#menu {height:40px;margin-right:4px;margin-left:-15px;padding: 0 0;z-index:99;text-align:center;position:relative;}
#menu ul {margin: 0; padding: 0;}
#menu li {position: relative; list-style: none; float: left;}
#menu ul.level1{list-style-type: none;padding: 0;font-size:1.4em;font-family:Trebuchet MS, Tahoma;line-height:1.9em;z-index:99;}

#menu a:link, #menu a:visited, #menu a:active {color:#ffffff; text-decoration:none;}
#menu ul.level1 li {list-style-type: none;text-align: center;float:left;margin: 0 10px;}

#menu ul.level1 li a{display: block; padding: 0 5px 0 5px;}
#menu ul.level1 li a:hover{text-decoration:none;color:#6fbcff;}

#menu ul.level1 li ul.level2{position:absolute; width:250px; left:-999em;}
#menu ul.level1 li:hover ul.level2{left:auto;display:block;z-index:100; position:absolute;}

#menu ul.level2 {font-size:.9em; line-height:1.8em; background:#000;border:1px solid #fff;}
#menu ul.level2 li{text-align:left; margin:0px; color:#fff;padding: 0; width:250px; line-height:1.8em;}
#menu ul.level2 li a:hover {background:#f8b90d; color:#000;}

#menu ul.level2 li ul.level3{position:absolute; width:250px; left:-999em;}
#menu ul.level2 li:hover ul.level3{left:auto;display:block;z-index:101; position:absolute;margin-left:250px;margin-top:-24px;}

#menu ul.level3 {font-size:1em; line-height:1.8em; background:#000;border:1px solid #fff;}
#menu ul.level3 li{text-align:left; margin:0px; color:#fff;padding: 0; width:250px; line-height:1.8em;}
#menu ul.level3 li a:hover {background:#f8b90d; color:#000;}

#menu ul.level2 li.arrow{background:url(images/arrow2.gif) no-repeat  right;}
#menu ul.level2 li.arrow a:hover{background:url(images/arrow2-over.gif) no-repeat #f8b90d right;}

#menu ul.level2 li.arrow ul.level3 li a:hover{background:#f8b90d}
#menu>ul a {width: auto;}