/*
universal styling rules
*/

* {
margin: 0;
padding: 0;
}

ol {
padding-left:20px
} 
ol li {
list-style: square
}
ol li li{
list-style: circle	
}

body	{
background-color:#FFFFFF;

font-family: 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;
}

h1	{
font-size: 40px;
color: #FF6600;
}
.clear	{
clear: both;
}
/*
site frame layout
*/
#site_frame	{

/* background-image:url("../images/main_bg.jpg");*/

background-position:center 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;
	}
		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-align: right;
		}
		
		#search_and_login	{
		float: right;
		margin: 0 5px 0 0;
		display: inline;
		font-size: 11px;

		}
		#search_and_login form	{
			display: inline;
		}
		#search_and_login input#search	{
			border: 1px solid #DCDDE1;
			width: 80px;
		}
		#search_and_login input#submit_search	{
			position: relative;
			left: -4px;
			border: none;
			height: 20px;
			width: 30px;
			background: #413EC3;
			color: #fff;
			cursor: pointer;
		}
		/*
		drop down menu layout and styling
		*/
		#drop_down_menu	{
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 6px;  /*   7px 0 7px; */
		list-style: none;
		background: #0094FF;
		}
		#drop_down_menu li	{
			position: relative;
			float: left;
			margin-left: 5px;
			padding: 0 5px;
			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;
	}
		/*
		stack level component (AKA "bread crumbs")
		*/
		#breadcrumbs	{
		font-size: 0.7em;
		}
		#main_content	{
		position: relative;
		margin: 10px 0 20px;
		width: 501px;
		padding-left: 189px;
		background: url("../images/main_content_bg.gif") repeat-y left;
		font-size: 0.8em;
		line-height: 150%;
		}
		#main_content h2	{
			font-size: 1.2em;
		}
		#main_content h3	{
			font-size: 1.3em;
		}
		#main_content h4	{
			font-size: 1.5em;
			color: #3399FF
		}
		#main_content h5	{
			font-size: 1.2em;
			color: #CDAA7D
		}
		#main_content h6	{
			font-size: 0.5em;
			color: #000
		}
		#main_content p	{
			font-size: 1em;
			margin: 2px 0 15px;
		}
		#main_content p	li {
			font-size: 1em;
			margin: 2px 0 15px;
		}
			.floating_image	{
			float: right;
			margin-left: 10px;
			}
			.floating_image2	{
			float: right;
			margin-right: 10px;
			}
			/*
			gallery component
			*/
			#list li{
			list-style: decimal outside;
			margin-left: 2em;		
			}
			#gallery	{
			zoom: 1;
			}
			#gallery h3	{
				padding: 3px 0 3px 10px;
				color: #001F53;
				background: #EBEBF1;
			}
				.gallery_module	{
				position: relative;
				float: left;
				width: 49%;
				margin: 10px 0 20px;
				}
				.gallery_module dl	{
					margin-left: 85px;
				}
				.gallery_module dl dt a	{
							color: #00048C !important;
							font-size: 1.2em;
				}
				.gallery_module dl dd	{
						margin-left: 5px;
				}
				
				.gallery_module img	{
					position: absolute;
					top: 0;
					left: 0;
					border: 1px solid #999;
					display: block;
				}
			/*
			table component
			*/
			#table_wrapper	{
			position: relative;
			width: 100%;
			padding-bottom: 30px;
			}
				table	{
				text-align: left;
				width: 100%;
				vertical-align: middle;
				}
				table thead th	{
						background: #000099;
						color: #fff;
				}
				table tbody tr.first_row th	{
					border: 1px solid #ddd;
					border-top: none;
					border-left: none;
				}
				table tbody tr.first_row th.first	{
					border: 1px solid #ddd;
					border-top: none;
					border-left: 1px solid #ddd;
				}
				table tbody th	{
					background: #DEE8F4;
					border: 1px solid #ddd;
					border-top: none;
					padding: 5px;
				}
				table tbody td	{
					border: 1px solid #ddd;
					border-top: none;
					border-left: none;
					padding: 5px;
				}
					#click_to_enlarge	{
					position: absolute;
					bottom: 5px;
					right: 10px;
					padding-left: 30px;
					background: url("../images/magnify.gif") no-repeat 0 center;
					color: #013C9A;
					font-size: 1.2em;
					font-weight: bold;
					cursor: pointer;
					}
					
							/*
			table component-zebra
			*/
				.zebraTable {
					border: none;
					border-top: 1px solid #ccc;
					border-left: 1px solid #ccc;
					margin: 10px 0 20px;
					width: 100%;
				}
				.zebraTable td {
					border: none;
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					padding: 3px;
					vertical-align:top;
					
				}
				.zebraTable .nowrap {
					white-space:nowrap;
				}
				.zebraTable .prime {
					background-color:  #FFFFCC;
					
				}
					
				.zebraTable .status {
					width:48px;
					padding:3px 2px;
					text-align:center;
				}
				.zebraTable .title {
					width: 90%;
					text-align:left;
				}
				.zebraTable .title ul {
					margin: 7px 0 7px 35px;
					padding-left:0;
				
				}
				.zebraTable tr.odd {
					background-color: #FFFFFF;
				}
				.zebraTable tr.first {
					font-weight:bold;
				}
				.zebraTable tr.even {
					background-color: #efefef;
				}
				.zebraTable tr.even .prime {
					background-color: #FFFF99;
				}
				
				.zebraTable img {
					margin:2px 1px 0 0;
				}
				.zebraTable .status img,
				.zebraTable .title img,
				.zebraTable .popuplink img {
					margin-right: 0;
				}
				/* box/module with corners */
				.box{
				border: 1px solid #cccccc;
				 background-color: #fff;
				  padding: 5px;
				}
				
				#secondary_content	{
				position: absolute;
				top: 0;
				left: 0;
				width: 181px;
				}
					#secondary_navigation	{
					list-style: none;
					background: #EAEAEA;
					border: 1px solid #AC9B9D;
					border-right: none;
					font-size: 12px;
					}
					#secondary_navigation a	{
						color: #8E5A59;
						font-size: 12px;
					}
					#secondary_navigation a.current	{
						color: #8E5A59;
						font-weight:bold;
					}
					#secondary_navigation li	{
						padding: 10px 0 0 10px;
						border-bottom: 1px dashed #AC9B9D;
					}
					#secondary_navigation li.current	{
						border-bottom: 1px dashed #AC9B9D;							
						background: #FFFFFF;						
					}
					#secondary_navigation li.last	{
						border-bottom: none;
					}
					#secondary_navigation li.current ul	{
							list-style: none;
					}											
					#secondary_navigation li.current ul li{
								list-style:none;  								
								color: #8E5A59;								
								background: #FFFFFF; 
								border-bottom: none;
								border-top:	1px dashed #AC9B9D;		
					}
				#contact_us	{
				width: 150px;
				margin: 15px auto 0;
				border: 1px solid #ccc;
				background: #fff;
				}
				#contact_us h3	{
					padding: 3px 0 3px 10px;
					font-size: 12px;
					color: #fff;
					background: #98B1C4;
				}
				#contact_us img	{
					float: left;
					margin: 5px 5px 0;
				}
				#contact_us p	{
				}
				#contact_us a	{
					display: block;
					border-top: 1px solid #ccc;
					padding: 5px 0 5px 30px;
					background: url("../images/email_icon.gif") no-repeat 5px center;
					color: #5C81A7;
				}
				.inner_banner	{
				font-size: 12px;
				width: 150px;
				margin: 15px auto 0;
				border: 1px solid #ccc;
				background: #0000FF;
				}
				.inner_banner h3	{
					padding: 3px 0 3px 10px;
					font-size: 12px;
					background: #ccc;
				}
				.inner_banner p	{
					padding: 10px;
				}
				.inner_banner p a	{
					color: #5C81A7 !important;
				}
	/*
	footer frame layout and styling
	*/
	#footer_frame	{
	width: 660px;
	margin: 0 auto;
	padding: 5px 0 10px;
	text-align: center;
	border-top: 1px solid gray;
	color: #1537FF;
	clear: both;
	font-size: 11px;
	}