/* CSS Document */

/* Style Sheet for datanetsolutions.org */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #006699;
	color: #333333;
}

a:link {
	color: #000066;
}

a:visited {
	color: #000066;
}

a:hover {
	color: #0000FF;
}

a:active {
	color: #0000FF;
}

div#container {
	width: 780px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0;
	overflow: hidden;
}

div#header {
	margin: 0;
	padding: 0;
	height: 27px;
	width: 780px;
	background: url(../images/header.jpg) top left no-repeat;
}

span#loginspan {
	text-align: right;
	display: block;
}

span#loginspan a {
	color: #FFFFFF;
}

div#logo_div {
	margin: 0;
	padding: 0;
	height: 85px;
}

h1#logo {
	margin: 0;
	padding: 0;
	position: relative;
	width: 242px;
	height: 107px;
	/* hide from mac \*/
	overflow: hidden;
	/* end hack */
}

h1#logo span#h1_text {
	display: none;
}

h1#logo span#logo_img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 242px;
	height: 107px;
	background: url(../images/dsi_logo.jpg) top left no-repeat;
}
div#nav {
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	z-index: 1;
	left: 370px;
	top: 15px;
	color: #006699;
	width: 410px;
}

ul#navbar {
	background: url(../images/backgr.jpg) repeat-x left top;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 25px;
}

ul#navbar li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
}

ul#navbar li a {
	padding: 5px 4px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #006699;
}

ul#navbar li a:hover {
	color: #006699;
	text-decoration :underline;
}

ul#navbar li a#current {
	color: #999999;
}

ul#navbar li a#current:hover {
	text-decoration: none;
}


div#banner {
	margin: 0;
	padding: 0;
	height: 200px;
	width: 780px;
	background: url(../images/banner.jpg) top left no-repeat;
}

div#banner_contact {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 140px;
	background: url(../images/banner_contact.jpg) top left no-repeat;
}

div#banner_products {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 140px;
	background: url(../images/banner_products.jpg) top left no-repeat;
}

div#banner_faq {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 140px;
	background: url(../images/banner_faq.jpg) top left no-repeat;
}

div#banner_company {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 140px;
	background: url(../images/banner_company.jpg) top left no-repeat;
}

div#banner_company_a {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 140px;
	background: url(../images/banner_company_a.jpg) top left no-repeat;
}

div#content_main {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(../images/content_bg.jpg) top left repeat-y;
}

div#content_sub {
	margin: 0;
	padding: 0;
	background: url(../images/sub_bg.jpg) top left repeat-y;
}

div#content-left {
	float: left;
	width: 440px;
	margin: 0px 5px 0px 5px;
	display: inline;
}

div#content-right {
	float: left;
	width: 320px;
	margin: 0 5px 0px 5px;
}

div#content_sub-left {
	float: left;
	width: 565px;
	margin: 0px 5px 0px 5px;
	display: inline;
} 

div#content_sub-right {
	float: left;
	width: 195px;
	margin: 0px 5px 0px 5px;
}

iframe#newsframe {
	height: 700px;
	width: 190px;
	border: 0;
}

div#clear {
	clear: both;
}

div#footer {
	height: 5px;
	width: 780px;
	background-color: #003162;
}

div#valid {
	text-align: right;
	width: 780px;
	margin: 0 auto;
	color: #8FC0D7;
}

div#valid a {
	color: #8FC0D7;
}

div#copyright {
	color: #8FC0D7;
	text-align: center;
}