/*
universal styling rules
*/

* {
margin: 0;
padding: 0;
}

body	{
background-color:#FFFFFF;
font: 15px Verdana, sans-serif;
background: url("../images/main_bg.jpg");
background-position:center top;
background-repeat:repeat-y;
font-weight:normal;
}
a:link, a:visited	{
color: #3838A9;
text-decoration: none;
}
a:hover, a:active	{
color: #000;
text-decoration: underline;
}

img	{
border: none;
}

.clear	{
clear: both;
}
/*
site frame layout
*/
#site_frame	{
background-image:url("../images/main_bg.jpg");
background-position:left top;
background-repeat:repeat-y;
position: relative;
width: 740px;
margin: 0 auto;
padding: 6em 20px 0;
}

	/*
	header frame layout and styling
	*/
	#header_frame	{
	position: absolute;
	width: 720px;
	top: 10px;
	left: 30px;
	height: 100px;
	text-decoration: none;
	}
		a#systel_logo	{
		text-decoration: none;
		font-style: italic;
		color: #1537FF;
		font-size: 12px;
		margin-left: 10px;
		}
		a#systel_logo img	{
		margin-right: 10px;
		}
		
		#login	{
		float: right;
		margin: 0 0 0 0;
		display: inline;
		font-size: 11px;
		text-decoration: none;
		}

		#search_and_login	{
		float: right;
		text-decoration: none;
		margin: 0 0 0 0;
		display: inline;
		font-size: 11px;
		text-salign: right;
		
		}
		#search_and_login form	{
		}
		#search_and_login input#search	{
			border: 1px solid #DCDDE1;
			width: 80px;
		}

		/*
		drop down menu layout and styling
		*/
		#drop_down_menu	{
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 7px 0 7px;
		list-style: none;
		background: #0094FF;
		}
		#drop_down_menu li	{
			position: relative;
			float: left;
			margin-left: 5px;
			padding: 0 6px; /*	padding: 0 12px; */
			display: inline;
			color: #fff;
		}
		#drop_down_menu li h4	{
				font-size: 11px;
		}
		#drop_down_menu li h4 a	{
					text-decoration:none;
					color:#fff;
		}
	
		#drop_down_menu li h4 a:hover	{
					color:#0094ff
		}
		#drop_down_menu li:hover	{
			background: #ECF7FF;
			color: #0094FF;
		}
		#drop_down_menu li ul	{
			position: absolute;
			top: 12px;
			left: -1px;
			width: 138px;
			padding: 0 0 7px;
			display: none;
			background:url("../images/ddmenu_bottom.gif") no-repeat bottom left;
			opacity: 0.95;
			filter: alpha(opacity=95);
		}
		#drop_down_menu li:hover ul	{
			display: block;
		}
		#drop_down_menu li ul li	{
				float: none;
				padding: 5px 3px 5px;
				_padding: 0 3px 3px;
				display: block;
				margin: 0;
				background:url("../images/ddmenu_center.gif") left;
				border-bottom: 1px solid #7FC9FF;
				font-size: 11px;
				font-weight:bold;
		}
		#drop_down_menu li ul li.first	{
				padding-top: 10px;
		}
		#drop_down_menu li ul li.last	{
				border: none;
		}
		#drop_down_menu li ul li:hover	{
				background:url("../images/ddmenu_center.gif") left;
		}
		#drop_down_menu li ul li a	{
					color: #000;
		}
	/*
	content frame layout and styling
	*/
	#content_frame	{
	position: relative;
	width: 700px;
	margin: 0 auto;
	text-decoration: none;
	}
		#main_top	{
		display: block;
		width: 700px;
		
		margin: 0 0 0 0;
		}
		#main_banner_left	{
		float: left;
		width: 700px;  <!--  was 550px --> 
		height: 300px; <!--  was 202px --> 
		margin: 0 0 0 0;
		}
                #main_right	{
		float: right;
                background: #000080; 
		width: 147px;
		height: 202px;
		padding: 0 0 0 3px;
		font-style: italic;
		color: #FFFFFF;
		font-size: 12px;
		text-decoration: none;
		}
                #main_content	{
		float: right;
		width: 508px;
		margin: 10px 0 0 10px;
		}
		#main_content a	{
			color: #000;
			text-decoration: none;
		}
		#main_content dl dt a	{
			color: #fff;
		}
			.navigation_block	{
			float: left;
			width: 252px;
			margin-bottom: 10px;
			font-size: .9 em;
			}
			.navigation_block dt	{
				border: 1px solid #A6C6DD;
				padding: 3px 0 3px 10px;
				color: #fff;
				font-size: 1 em;
				font-weight: bold;
			}
			.navigation_block dt.technology	{
				background: #0084DF;
				border-right: none;
			}
			.navigation_block dt.end_markets {
				background: #3F598F;
				color: #1C3D54;
				border-right: none;
			}
			.navigation_block dt.products {
				background: #1f056F;
				color: #FFFFFF;
			}
			.navigation_block dt.support	{
				background: #387AA9;
				border-right: none;
			}
			
			.navigation_block dd	{
				margin: 3px 0 0 10px;
				font-size: 12px;
			}
			.navigation_block dd a	{
					color: #1C1C54 !important;
			}
		#secondary_content	{
		float: left;
		margin-top: 10px;
		width: 182px;
		}
		#secondary_content a	{
			color: #000;
		}
			#new_on_site	{
			position: relative;
			width: 182px;
			background: url("../images/new_on_site_bg.png") repeat-x;

			font-size: 10px;
			}
			#new_on_site dt	{
				background: #CC0000;
				color: #fff;
				font-style: italic;
				padding: 3px 0 3px 10px;
				margin-bottom: 10px;
				font-size: 15px;
			}
			#new_on_site dd	{
				padding-left: 10px;
				margin-bottom: 10px;
				font-size: 12px;
				font-weight:bold;
			}
			#new_on_site dd#more_news	{
				position: absolute;
				right: 2px;
			}
			.img_banner	{
			display: block;
			margin-top: 10px;
			}
			.img_banner img	{
			display: block;
			margin: 0 auto;
			}
	/*
	footer frame layout and styling
	*/
	#footer_frame	{
	width: 730px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid gray;
	color: #1537FF;
	clear: both;
	font-size: 11px;
	}