body{
	font-family: Verdana;
	color: black;
	margin: 0px;
	padding: 0px;
}

#container {min-width: 1000px;max-width: 1001px;_width:expression(this.width<1000?'999px':'auto');_width:expression(this.width> 1001? '1001px': this.width);margin:0 auto;}

h1 {
font-size:15pt;
font-family: verdana,geneva;
font-weight:normal;
padding-top: 10px;
}

h2 {
font-size:13pt;
font-family: verdana,geneva;
font-weight:normal;
padding-top: 10px;
}

p {
font-size:10pt;
font-family: verdana,geneva;
}

i {
font-size:10pt;
font-family: verdana,geneva;
}

ul {
padding-left:30px;
margin:0;
list-style-type:square;
background: none;
font-size:12px;
}

ul li a, li a:visited {
font-size:12px;
text-decoration:none;
color:#758279;
}

ul li a:hover {
text-decoration:underline;
}

ul.us {
padding-top:30px;
}

ul.us li {
background: url(/images/123.jpg) no-repeat right center;
}


ul.us li a, li a:visited {
font-size:15px;
text-decoration:none;
color:#758279;
}

ul.us li a:hover {
text-decoration:underline;
}

.menu {
width:900px;
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:180px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:180px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:169px;
height:30px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#758279;
padding-left:10px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:180px;
w\idth:179px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#1E90FF url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#1E90FF;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:180px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:180px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:159px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:180px;
w\idth:177px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}


#xsnazzy {background: transparent; width:38%; margin:0 auto; float:left;}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1.5em;color:#0166B4; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f0f0f0; border-left:1px solid #88c; border-right:1px solid #88c;}
.xb1 {margin:0 5px; background:#88c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f0f0f0; border:0 solid #88c; border-width:0 1px;}

.topl {color:#808080; border:1px solid #f0f0f0; padding:5px 0 5px 15px; font-size:80%;}
.topl a {color:#808080;}

#rek {font-size:0.8em; color:#808080; text-align:center; padding-top:25px;}
#rek a {color:#808080; text-decoration:none;}
#rek a:hover {color:#808080; text-decoration:underline;}

.extra {
clear:both;
height:73px;
}

.footer {
position:absolute;
bottom:0;
height:73px;
}

#menu {width:1000px;}

#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #758279;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 140px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}

		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}

		#jsddm li ul li
		{	float: none;
			display: inline}

		#jsddm li ul li a
		{	width: auto;
			background: #d4d8bd; color:black;}

		#jsddm li ul li a:hover
		{	background: #949e7c}