/* css file relationship has been changed -hxu*/
@import "../shared1/Nanawall.css"; 
@import "../shared1/SlideShow.css";

#main
	{ clear: both; overflow: hidden; width: 1020px; height: auto; border-right: 1px solid #999999; 
	  border-left: 1px solid #999999; margin: 0px; padding: 0px; background: #FFFFFF url('../images/bg_leftnav.gif') repeat-y left 50%;
}
/*#menuTable
{
	background-color: #EEEEEE;
}*/
#blockarea
{
	width:1022px;
}
#leftnav
{
	padding: 0;
	height:auto;
	background:none;
	width:184px;
}
.block
{
	width:250px;
	text-align:left;
}
	
#leftnav blockquote {
	margin-top: 20px;
}


#leftside
{
	width:190px;
	margin: 0px; padding: 0px; background: #FFFFFF;
}
html > body .tertiarynav {
width:98%;

}

#rightside
{
	width: 830px;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	background: #FFFFFF;
}
.content 
{
	margin:0 !important;
	padding:12px 0px 0 12px !important;
}
.content h2
{
	padding-right: 6px;
}
.SlideShow
{
	border: thin double #000080;
	width: 587px;
	height: 450px;
}

html>body .content
	{ /** IE Hack **/ padding-right: 0px !important; }

/** use for Gallery Default page **/
#gallery.content {
	background: url(../images/gallery/gallery_bg_top.jpg) no-repeat left top !important;
	height: 254px;
}
#gallery_bottom.content {
	background: #EEEEEE url(../images/gallery/gallery_bg.gif) no-repeat left top !important;
	width: 594px;
	padding: 0px;
	margin: 0px;
	height:230px;
}
.gallery_right
{
	background: #EEEEEE;
}
.gallery_color
{
	color: #333333;
}
.light th a:link
{
	color: #333333;
}
.bulletpoints li {
	font: normal 1.4em/2em Verdana;
}	
.bulletpoints li, .bulletpoints a {
	color: #666666;
}

#hpLinks
	{ width:750px; height: 80px; margin: 0px; padding: 30px 0px 0px 0px; }

#hpLinks p
	{ background: url('../images/homepage/hpLinks_abstract_bg.gif') no-repeat; 
display: block; width: 240px; height: 65px; text-align: left; float: left; margin: 0px 0px 0px 6px; }

#hpLinks img
	{ margin: 0px; }
	
#hpLinks a
	{ text-decoration: none; border-bottom: none; }


/* When #event is on use margin-top: 0px; */
/* When #event is off use margin-top: 320px; */

.content h2
	{ font: normal 2em Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; float: right; }

.content h2 img
	{ float: none; clear: none; }

.content h2 a:link, .content h2 a:visited, .content h2 a:active
	{ color: #FFFFFF; }
	
.content h2 a:hover
	{ color: #F1FAFF; }
	
	#applications
	{ font-size: 0.4em; margin-right: 30px; padding-right: 0px; }

/* use for learn section */
.learn
{
	padding:10px 24px 10px 15px;
}	
.learn p, .learn td, .learn th, .learn ol, .learn ul
	{ font-size: 10px; line-height: 14pt !important; }
	
.drawingtitle
{
	font-family: Verdana, Arial, Helvetica; font-weight: bold; 
	font-size: 1.2em;padding-left: 15px;
	padding-top:2px;
}
.titleRow
{
	background: url(../images/gradentbar.jpg) repeat-x left top;
}
.popupbar
{
	text-align: right;
}
.popupLink
{
	background-color: #CCFFCC;
	margin: 3px -3px -3px -3px;
}
.popups
{
	padding: 5px;
	background-color: #b5ce9e;
	border-style: solid;
	border-width: 1px;
	display: none;
	width: auto;
	height: auto;
	text-align: left;
}
	
	/*MH Edited Styles*/
div.tertiarynav {width:100%;margin-bottom:5px}	
/*MH Added Edited Styles */

td.last{border:none}