/*
------------------------------------------------------------------------
Theme Name:D K Poynter
Author:Ndee Siswandhi
Author Company URI:http://www.globalwsolutions.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}

caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}
.clear {
	clear:both;
}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(dynamicdata/data/images/bg_top.gif) repeat-x #013f67;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	text-align: center;
}
#header {
	height:75px;
	width:760px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
}
	#header .logo {
		width:220px;
		height:75px;
		float:left;
	}
	#header .address {
		width:540px;
		height:55px;
		float:left;
		text-align:right;
		font-size:11px;
		color:#FFF;
		padding-top:20px;
	}
	#header .address .phone {
		font-size:14px;
		color:#FFF;
		font-weight:bold;
	}
	#header .logo h1 {
		margin: 0;
		padding: 0;
		width:220px;
		height:75px;
		text-indent:-999px;
		background:url(dynamicdata/data/images/logo.gif) no-repeat;
	}
#mainContent {
	background: url(dynamicdata/data/images/bg_contentbottom.gif) repeat-x bottom #FFFFFF;
}
	#img {
		height:60px;
		width:760px;
		margin: 0px auto;
	}
	#content {
		width:700px;
		margin: 0px auto;
		text-align:left;
	}
	#content h1{
		font-size:26px;
		color:#013f67;
		font-weight:normal;
		padding-top:15px;
		padding-bottom:15px;
	}
	#content h2{
		font-size:20px;
		color:#013f67;
		font-weight:normal;
		padding-bottom:15px;
	}
	#content h3{
		font-size:14px;
		color:#013f67;
		font-weight:normal;
		padding-bottom:15px;
		line-height:24px;
	}
	#content p{
		font-size:12px;
		color:#333333;
		font-weight:normal;
		padding-bottom:15px;
		line-height:24px;
	}
	#content a{
		color:#013f67;
		text-decoration:none;
	}
	#content a:hover{
		color:#999;
		text-decoration:none;
	}
	#content blockquote {
		width: 303px;
		background:url(dynamicdata/data/images/quote_left.gif) no-repeat top left #dddddd;
		float:left;
		margin-bottom:20px;
	}

	#content blockquote div{
		width: 303px;
		display: block;
		background:url(dynamicdata/data/images/quote_right.gif) no-repeat bottom right;
	}
	#content blockquote div p{
		padding:30px;
		font:15px Georgia, "Times New Roman", Times, serif;
		color:#013f67;
		font-style:italic;
		line-height:30px;
	}

#content UL{
	margin:0px;
	padding-left: 15px;
}
#content OL {
	list-style-type: inherit;
	list-style-position: inside;
}
#content OL OL {
	list-style-type: decimal;
}
#content UL LI { margin:0px; position:  relative; list-style-type:inherit; list-style-position: outside; FONT: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#content OL LI { FONT: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; COLOR: }
#content OL OL { FONT: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; COLOR: }

#footer { 
	width:760px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
} 
	#footer .copy {
		width:380px;
		float:left;
		font-size:11px;
		color:#FFF;
		padding-top:10px;
		text-align:left;
	}
	#footer .wsi {
		width:380px;
		float:left;
		text-align:right;
		font-size:11px;
		color:#FFF;
		padding-top:10px;
	}
	#footer a {
		color:#FFF;
		text-decoration:none;
	}
	#footer a:hover {
		color:#CCC;
		text-decoration:none;
	}


/* Menu */
#menu {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666666;
	height:30px;
	width:700px;
	margin: 0px auto;
	text-align:left;
}

#menu ul {
	margin:0;
	padding:0;
	float:left;
	height:30px;
}

#menu ul li {
	margin:0;
	list-style:none;
	float:left;
	position:relative;
}

#menu h2 {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}

#menu a {
	color: #666666;
	text-decoration:none;
	padding: 10px 0px 0px 10px;
	float:left;
	height:20px;
	width:130px;
	background:url(dynamicdata/data/images/menu_off.gif) no-repeat;
	display:block;
}
#menu a:hover {
	color: #013f67;
	text-decoration:none;
	background:url(dynamicdata/data/images/menu_on.gif) no-repeat;
	display:block;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	top:100%;
	left:0;
	padding-left:0px;
	width:150px;
}

html>body #menu ul ul {

}

#menu ul ul li {
	display:block;
	padding:3px 3px 2px;
	background:#8dc7d7;
	float:none;
}

#menu ul ul li a {
	background:none;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#08566c;
	text-decoration: none;
	display:block;
	padding:2px 10px 2px 10px;
	background:none;
	border:none;
	float:none;
}

#menu ul ul li a:hover {
	background:none;
	color:#08566c;
	text-decoration: underline;
}

#menu ul ul li.last2 a {
	border-right:none;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul li a {

}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li a:hover ul ul,
#menu ul li a:hover ul ul li {
	display:none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}
#menu li:hover ul, li.over ul { display: block; float:left;}
<!--[if lt IE 7]>
#menu{float:left;}
body{behavior:url(csshover.htc); }
#menu ul li{ display:block; float:left;}
#menu a{height:1%;}
#menu ul li a:hover ul ul,
#menu ul li a:hover ul ul li {
	display:none;
}
<![endif]-->