@charset "utf-8";
/* CSS Document */
img, div, input { behavior: url("iepngfix.htc") }
img { -ms-interpolation-mode:bicubic; }

/* Reset stylesheet to make all the crowser consistance */
html, body, div, form, table, th, td, h1, h2, h3, h4, h5, h6 { 
	margin: 0; padding: 0;
} 

h1, h2, h3, h4, h5, h6 {
	font-size:1.5em;
	margin-bottom:10px;
}

html, body, div, p{
	font-size:13px;
	line-height:15px;
}

p, div{
	margin-bottom:10px;
}

#container {
	width: 100%; /* decide the entire width of your site */
	font-family:Verdana, Arial, Helvetica, sans-serif; /* this is the default font of the site */
}

/*=========================================== Header Part ============================================*/


#link_top { /* this is the very top navigation which included links and search functions */
	width: 100%;
	float:left;
}

#header, #logo{
	width:220px;
}

/*=========================================== Middle Part ============================================*/
#middle_container {
	width: 100%;
}
/***************************mobile navi testing****************************************/

#menu, #navi, #nav, #side_nav {
	width: 100%;		
	font-weight:bold;	
}
#menu ul, #navi ul, #nav ul, #side_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li, #navi li, #nav li, #side_nav li {
	background-color: #373737;
	margin-bottom:4px;
}
#menu a, #navi a, #nav a, #side_nav a {
	display: block;
	width: 100%;
	background: #373737;
	color: #fff;
	text-decoration: none;
	margin-bottom: 3px;
	padding: 6px 5px 6px 15px;
}
#menu a:hover, #menu a:active, #navi a:hover,#navi a:active, #nav a:hover, #nav a:active, #side_nav a:hover, #side_nav a:active {
	text-decoration: none;
	color: #fff;
	background:#878787;
}
#menu a.selected, #navi a.selected, #nav a.selected, #side_nav a.selected {
	background-color:#FF4040;
	background-image: none;
	margin-right:5px;
	color:#fff;
}

/**********************/

#banner {
	display:none;
}

/*=========================================== Content Part ============================================*/
#content_container {
	width: 100%;
	margin-bottom: 6px;
}
#content { /* this div is for 1 column content layout */
	padding: 10px;
	overflow:hidden;
}
#side_content_right, #side_content_left { /* this div is for 2 column content layout - side content appearence   */
	padding: 10px;

}
#main_content_right, #main_content_left  { /* this div is for 2 column content layout - main content appearence */	
	padding: 10px;
	display:block;
}
#side_content_right, #main_content_right {
	float: right; 	 /* DO NOT EDIT for this class */
}
#side_content_left, #main_content_left { 
	float: left; /* DO NOT EDIT for this class */
}


/*=========================================== Footer Part ============================================*/
#footer {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.footer_menu, .footer_contact {
	width: 100%;
}
#footer a {
	text-decoration: none;

}

#footer a:hover {
	text-decoration: underline;
}

/*============= Login, Contact, Download, News & Events, Testimonial, Guestbook Page ================*/

/* This section need to be edit based on the design color */


.clear { /* Fix the float problems */
	height: 0;
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
	_margin: -13px 0 0 0;
}