/*
Designed by Matthew Johnston 
A.K.A. WarmWaffles. If you
use any of my work please give
me credit.
*/

body {
	background-color:#EDEDED;
	color:#000000;
}

/*Begin Font Settings*/
.MainText {
	color:#000000;
	font-size:16px;
	font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
}
/*Link colors*/
a:link {
	color: #EE0000;
}
a:visited {
	color: #EE0000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #EE0000;
}
/*Link colors*/
/*End Font Settings*/

#footer {
	text-align: center;
	color: #666666;
}

#MainContainer {
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#EDEDED;
}

#MainBanner {
	width:800px;
	height:100px;
	background-image:url(../images/banner.png);
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.BannerTextSet01 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#NavBar01 { /*The Main Nav Bar on the left */
	width:150px;
	float:left;
	background-color: #D3D3D3;
}
#MainContentContainer { /*The Main content holder that holds text*/
	width:800px;
	float:left;
	background-color:#EDEDED;
}
.titleBG01 {
	background-image:url(../images/titleheader01.gif);
	padding-top: 0px;
	height:45px;
	color:#DF0000;
	font-size:36px;
}
.phonePicWithName {
	width:260px;
	float:left;
	padding:5px;
	text-align:center;
}
.credits01 {
	background-image:url(../images/flyoutlinkbgchrome.gif)
}



/*Begin top navbar definition*/
	#NavUnderBanner{
		width:800px;
	}
	.chromestyle{
		width: 800px;
		font-weight: bold;
		color: #000000;
	}
	.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		color: #000000;
	}
	.chromestyle ul{
		border: 1px solid #BBB;
		width: 100%;
		background: url(../chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
		padding: 4px 0;
		margin: 0;
		text-align: center; /*set value to "left", "center", or "right"*/
		color: #000000;
	}
	.chromestyle ul li{
		display: inline;
	}
	.chromestyle ul li a{
		color: #000000;
		padding: 4px 7px;
		margin: 0;
		text-decoration: none;
		border-right: 1px solid #DADADA;
	}
	.chromestyle ul li a:hover{
		background: url(../chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
		color: #EE0000;
	}
	.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
		content: "";
		/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
	}
	/* ######### Style for Drop Down Menu ######### */
	.dropmenudiv{
		position:absolute;
		top: 0;
		border: 1px solid #BBB; /*THEME CHANGE HERE*/
		border-bottom-width: 0;
		font:normal 12px Verdana;
		line-height:18px;
		z-index:100;
		background-color: white;
		width: 200px;
		visibility: hidden;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	}
	.dropmenudiv a{
		width: auto;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
		padding: 2px 0;
		text-decoration: none;
		font-weight: bold;
		color: black;
	}
	* html .dropmenudiv a{ /*IE only hack*/
		width: 100%;
	}
	.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
	color: #EE0000;
	}
	
/*End top navbar definition*/

/*Menu properties, all properties go here */
	#menu{
	font-family:Arial, Helvetica, sans-serif;	/* Font for main menu items */
	font-size:14px;
	width:150px; /* Width of main menu */
	z-index: 1;
	}
	#menu	li{	/* Main menu <li> */
		list-style-type:none; /* No bullets */
		margin:0px;
	}
	#menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px; 	/* No <ul> air */
	}
	#menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	#menu	li a{				/* Main menu links */
		text-decoration:none;		/* No underline */
		color:#000000; 			/* Text Color */
		height:20px; 			/* 20 pixel height */
		line-height:20px; 		/* 20 pixel height */
		vertical-align:middle; 		/* Align text in the middle */
		border:1px solid #000000; 	/* Border Color */
		/*background-color:#FFFFFF;*/ 	/* Back Ground Color */
		background-image:url(../images/flyoutlinkbgchrome.gif);
		margin:1px;			/* A little bit of air */
		padding:1px; 			/* Air between border and text inside */
		display:block;
	}
	#menu	li a:hover,#menu .activeMainMenuItem{
		color:#333333; /* Text Color */
		/*background-color:#DEDEDE;*/ /* When The Link Boxes Are Rolled Over */
		background-image:url(../images/flyoutlinkbgchromehover.gif);
	}
	.subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		/*background-color:#FAFAFA;*/
		background-image:url(../images/flyoutlinkbgchrome.gif);
		font-family:arial;
		text-align:left;
	}
	.subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
	.subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000000;	/* Text Color */
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		display:block;	/* Display as block - you shouldn't change this */
	}
	.subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#333333;	/* Changes Text Color Roll Over*/
		/*background-color:#DEDEDE;*/ /* Changes Text Box On Roll Over */
		background-image:url(../images/flyoutlinkbgchromehover.gif);
	}
/*End Menu Properties area */

/*Begin picture definitions*/
.blackWhitTechSupport {
	background-image:url(../images/blackwhitetechsupport.png);
	width:150px;
	height:150px;
	float: none;
}
.blackWhitTechSupport:hover {
	background-image:url(../images/blackwhitetechsupportrollover.png);
	width:150px;
	height:150px;
	float: none;
}
.TelRadLogo {
	background-image:url(../images/phonesystems/avanti/logo.gif);
	height:82px;
	width:233px;
}

/*End picture definitions*/