.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

#topnav a {
	display:block;
	font-size:15px;
	border-bottom:1px solid #CCC;
}

#topnav a:hover {
}

#topnav div {
	position:relative;
}


#topnav td.menuitem a.top{
	text-indent:-9999px;
}

#topnav td.menuitem a.top{
	height:50px;
}


/*MENU1*/	
#topnav td.menu_0 {
	width:80px;
}
#topnav td.menu_0 a.top{
	background:url(/images/1.gif) top left no-repeat;
}
#topnav td.menu_0 a.top:hover{
	background:url(/images/1.gif) 0 -50px no-repeat;
}


#topnav td.menu_5 {
	width:103px;
}
#topnav td.menu_5 a.top{
	background:url(/images/6.gif) top left no-repeat;
}
#topnav td.menu_5 a.top:hover{
	background:url(/images/6.gif) 0 -50px no-repeat;
}


#topnav td.menu_1 {
	width:188px;
}
#topnav td.menu_1 a.top{
	background:url(/images/2.gif) top left no-repeat;
}
#topnav td.menu_1 a.top:hover{
	background:url(/images/2.gif) 0 -50px no-repeat;
}


#topnav td.menu_2 {
	width:77px;
}
#topnav td.menu_2 a.top{
	background:url(/images/3.gif) top left no-repeat;
}
#topnav td.menu_2 a.top:hover{
	background:url(/images/3.gif) 0 -50px no-repeat;
}


#topnav td.menu_3 {
	width:150px;
}
#topnav td.menu_3 a.top{
	background:url(/images/4.gif) top left no-repeat;
}
#topnav td.menu_3 a.top:hover{
	background:url(/images/4.gif) 0 -50px no-repeat;
}

#topnav td.menu_4 {
	width:146px;
}
#topnav td.menu_4 a.top{
	background:url(/images/5.gif) top left no-repeat;
}
#topnav td.menu_4 a.top:hover{
	background:url(/images/5.gif) 0 -50px no-repeat;
}

/*MENU7*/
#topnav td.menu_6 {
	width:97px;
}
#topnav td.menu_6 a.top{
	background:url(/images/7.gif) top left no-repeat;
}
#topnav td.menu_6 a.top:hover{
	background:url(/images/7.gif) 0 -50px no-repeat;
}

/*MENU8*/
#topnav td.menu_7 {
	width:129px;
}
#topnav td.menu_7 a.top{
	background:url(/images/8.gif) top left no-repeat;
}
#topnav td.menu_7 a.top:hover{
	background:url(/images/8.gif) 0 -50px no-repeat;
}


#topnav div {
	z-index:100;
}
#topnav div ul {
	position:absolute;
	display:none;
	padding:0;
	margin:0;
	list-style:none;
	z-index:100;
}

#topnav div:hover ul {
	display:block;
	background:#FFF;
	min-width:250px;
	#width:250px;
}

#topnav div:hover ul a {
	padding:5px 10px;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

#topnav div:hover a:hover {
	cursor:pointer;
	color:#FFF;
	background:#333;
}
	
/* STRUCTURES
--------------------------*/	
#wrapper {
	position:relative;
	width:970px;
	margin:auto;
}	

#header {
	
}

div.half {
	width:50%;
	float:left;
}

#home-left {
	float:left;
	width:573px;
	border-right:1px solid #FFF;
	background:#CCCCCC;
}

#home-right {
	float:left;
	width:396px;
	background:#7F7D6D;
}

#footer {
	height:50px;
	background:#A9A591 url(/images/footer_curve.gif) bottom left no-repeat;
	margin-bottom:10px;
	border-top:1px solid #FFF;
}

#footer p {
	padding-top:16px;
	padding-left:30px;
}


#left-menu {
	width:220px;
	float:left;
}

#main {
	background:#5E5C51;
}

#inner-left-menu {
}

#content {
	border-left:1px solid #FFF;
	width:749px;
	float:left;
	background:#777566;
}

#left-content {
	width:538px;
	float:left;
	background:#EFEFEF;
	min-height:445px;
	border-right:1px solid #FFF;
}

#right-content {
	width:210px;
	float:left;
}


#contentdata h2 {
	font-size:21px;
	word-spacing:-2px;
	color:#FFF;
	background:url(/images/gradient.jpg) top left no-repeat;
	margin:0;
	height:46px;
	padding:9px 0 0 10px;
}	

		div.top-menu-title {
			padding:15px 0 14px 18px;
			font-weight:bold;
			font-size:14px;
			color:#FFF;
			background:#333;
		}
		
		div.sub-menu-item {
			border-top:1px solid #CCC;
		}
		
		div.sub-menu-item  a {
			padding:5px 0 5px 24px;
			text-decoration:none;
			color:#FFF;
			display:block;
		}
		
		div.sub-menu-item a:hover, div.sub-menu-item a.active {
			background:#333;
		}
		
		#contentdata div.inner{
			padding:10px;
		}
		
		#page-image {
			
		}


#left-menu-ul a{
	padding:5px 0 5px 18px;
			text-decoration:none;
			color:#FFF;
			display:block;
}

#left-menu-ul li.topactive {
			padding:10px 0 9px 12px;
			font-weight:bold;
			font-size:14px;
			color:#FFF;
			background:#333;
}

#left-menu-ul li.topactive a {
	border:none;
}
		
#left-menu-ul ul {
	list-style:none;
	margin:0;
	padding:0;
}


#left-menu-ul a{
	border-bottom:1px solid #CCC;
}	

#left-menu-ul li.active a{
	background:#827F6F;
}	

#left-menu-ul a:hover  {
	background:#333;
}


#left-menu-ul li.active ul a {
	background:none;
}

#left-menu-ul ul ul {
	background:#7B7E6C;
}

#left-menu-ul ul ul li a:hover{
	background:#5E5C51;
}

#left-menu-ul ul ul li.active a {
	font-weight:bold;
}
#left-menu-ul li.subitem a {
	padding-left:30px;
}

#left-menu-ul li ul a {
	display:block;
	padding-left:35px !important;
}

#left-menu-ul li.topactive {
	border-bottom:1px solid #FFF;
}