@charset "iso-8859-1";
@import url(reset.css);
@import url(typography.css);

/* Class and ID Library */
blockquote	{margin:1.5em;
			color:#666;
			font-style:italic;}
			
a:focus, a:hover	{color:#000;}

a	{color:#009;
	text-decoration:underline;}
	
a:link	{text-decoration:none;
		color:#333333;}

a:visited	{text-decoration:none;		
			color:#333333;}
			
a:active	{text-decoration:underline;
			color:#454545;}
			
a:hover	{text-decoration:underline;
		color:#454545;}
		
a:focus	{text-decoration:underline;
		color:#454545;
		outline:none;}

img	{border:none;}

p img	{float:left;
		margin:10px 10px 10px 0;
		padding:0;}
		
p img.right	{float:right;
			margin:5px 0 5px 5px;}
			
.float_left	{float:left;}

.float_right	{float:right;}

.clear	{clear:both;}

.border	{border:3px solid #f6f6ee;}

strong	{font-weight:bold;
		color:#232323;}

em, dfn	{font-style:italic;
		font-size:0.9em;
		font-weight:bold;}

dfn	{font-weight:bold;}

sup, sub	{line-height:0;}


abbr, acronym	{border-bottom:1px dotted #666;}

del	{color:#666;}

pre, code	{margin:1.5em 0;
			white-space:pre;}
			
pre, code, tt	{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

ul	{list-style:none;}

ol	{list-style-type:decimal;}

dl	{margin:0 0 1.5em 0;}

dl dt	{font-weight:bold;}

dd	{margin-left:1.5em;}

table	{
		margin:1em 0em 1.4em;
		width:100%;}
		
th	{font-weight:bold;
	background:#474707;
	color:#ffffff;}
	
th, td	{padding:4px 10px 4px 5px;
		border-bottom:1px solid #474707;}

tr.even td	{background:#E5ECF9;}

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;}
		
.box	{padding:1.5em;
		margin-bottom:1.5em;
		background:#E5ECF9;}
		
hr	{background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;}
	
hr.space	{background:#fff;
			color:#fff;}

.warning	{color:#72000C;}
/* Container */
#container	{width:960px;
			margin:auto;
			font-size:1.2em;}

/* Header */
#intro	{padding-bottom:-3px;}

#branding	{background:#ffffff;
			padding:0px;
			height:110px;
			background:url(../images/branding.jpg) repeat-x;} /* Change accordingly menu height */
			
#branding #submenu	{position:relative;
							right:30px;
							top:10px;
							float:right;}


#branding #submenu li	{display:inline;
							list-style:none;
							font-family:tahoma;
							padding-left:10px;}

#branding #submenu li a	{color:#ffffff;}
			
		
#branding p	{float:right;
			margin:90px 20px 10px 0px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.1em;}

#logo	{width:200px;
		height:50px;
		float:left;}

#banner	{width:100%;
		height:308px;
		float:left;
		margin-top:36px;
		background:url(../images/services.jpg)repeat-x;} /* depend on design */	

#banner_sub	{width:100%;
		height:216px;
		margin-top:36px;
		background:url(../images/sub_banner.jpg) no-repeat;} /* depend on design */	
		
#sub_appointment	{position:absolute;
					top:300px;
					left:400px;}
						
#app	{width:209px;
		height:39px;
		display:block;
		overflow:hidden;
		text-indent:-999em;		
		background:transparent url('../images/appointment.png') 0 0 no-repeat;}
		
#app:hover	{background:transparent url('../images/appointment.png') 0 -40px no-repeat;}


li#appointment #app	{padding:0; margin:10px 0;}					
		
li#appointment #app:hover	{background:transparent url('../images/appointment.png') 0 -40px no-repeat;}		
						
#services	{width:50%;
			float:left;
			height:308px;
			font-family:tahoma;}

#service_left, #service_right	{float:left;
								width:45%;
								margin-right:15px;}

#services li	{border-bottom:1px solid #d6d6d6;
				padding:5px 0;
				display:block;}
				
#services li#appointment	{border:none;}

#services li.first	{border-top:1px solid #d6d6d6;}

#services a	{color:#777777;
			padding:5px 15px;}
			

#services a:hover	{text-decoration:none;
					padding:5px 15px;
					background:#706e50;
					color:#ffffff;}			

#flash	{width:50%;
		float:left;}

/* Menu */
.menu	{height:30px;
		width:960px;
		top:110px;
		font-family:tahoma;
		position:absolute;
		background:url(../images/menu.jpg) repeat-y;
		margin:0;}

.ie6 .menu	{height:20px;}

.ie7 .menu a 	{font-family:tahoma, sans-serif !important;}
/*
.menu li a:link	{text-decoration:none;
				color:#454545;}

.menu li a:visited	{text-decoration:none;
				color:#6f6f6f;}
			
.menu a:active	{text-decoration:underline;
				color:#ffffff;}
			
.menu a:hover	{text-decoration:underline;
				color:#ffffff;}
		
.menu a:focus	{text-decoration:underline;
						color:#ffffff;
						outline:none;}
*/
		
/* menu status */
#home #menu_home, #service #menu_service, #profile #menu_profile, #facilities #menu_facilities, #education #menu_education, #careers #menu_careers 	{font-weight:bold;}

#about_us #menu_aboutus, #news #menu_news, #contact_us #menu_contactus, #terms_of_use #menu_terms, #privacy #menu_privacy	{text-decoration:underline;}

/* 2 col layout */	

#supportingText	{background:url(../images/main_bg.jpg) repeat-x;} /* according to banner height */

#supportingText a:link	{text-decoration:underline;
						color:#ffffff;
						background:none;
						outline:none;}

#supportingText a:visited	{text-decoration:underline;
							color:#ffffff;
							background:none;
							outline:none;}
							
			
#supportingText a:active	{text-decoration:none;
							background:#525135;
							color:#ffffff;
							padding:1px 2px;}
			
#supportingText a:hover	{text-decoration:none;
						background:#525135;
						color:#ffffff;
						padding:1px 2px;}
		
#supportingText a:focus	{text-decoration:none;
							background:#525135;
							color:#ffffff;
							padding:1px 2px;}
 
#supportingText #content_main ul, #supportingText #content_main ol, #content_sub ul, #content_sub ol	{margin:10px 10px 10px 10px;}
 
#supportingText #content_main ul li, #content_sub ul li 	{background:url(../images/bullet.gif) 0px 5px no-repeat;
															height:1%;
															padding:0px 0px 5px 20px;}
		

.ie6 #supportingText	{margin-top:-4px;}

#content_full	{position:relative;
				width:98%;
				padding:20px 0;
				float:left;}

#content_contact_left	{position:relative;
						width:300px;
						padding:20px 20px;
						float:left;}

#content_contact_right	{position:relative;
						width:600px;
						float:left;}						

#content_sub	{position:relative;
				width:48%;
				padding:20px 0;
				float:left;}

#content_sub ul, #content_sub ol, #content_main ul, #content_main ol	{margin:10px 10px 10px 10px;}

#content_sub ul li	{background:url(../images/bullet.gif) 0px 5px no-repeat;
					padding-left:20px;}
	
.ie6 #content_sub ul li	{height:1%;}

#content_main	{float:right;
				padding:20px 0;
				width:48%;
				position:relative;}

#content_main ul, #content_main ol	{margin:10px 0px 0px 30px;}

#content_main ul li	{font-size:1em;
					list-style:none;}

/* misc */

iframe	{border:2px solid #cccccc;
		padding:2px;}
/* site_info */ 		
#site_info	{position:relative;
		width:100%;
		clear:both;
		height:31px;
		margin-top:5px;
		font-size:1em;
		padding-top:5px;
		font-family:tahoma;
		background:url(../images/footer.jpg) repeat-x;
		text-align:right;}

#site_info a	{color:#ffffff;}

#site_info p	{float:left;
			position:relative;
			color:#ffffff;}

#error_msg	{padding:0.7em 0.5em 0.5em; 
		border-bottom:1px solid #CB2E0B; 
		color:#CB2E0B;
		background:url(../images/error.jpg) center no-repeat; 
		background-position: 15px 50%;
		text-align:left;
		padding-left:45px;
		font-size:0.9em; 
		display:block;
		width:auto;}

.success	{background:#E6E6E6;
			color:#3F3E06;
			padding:10px;
			border:1px solid #3F3E06;}
	
.success p	{color:#3F3E06;}
			

#error_msg	{height:30px;
			/*width:435px;*/
			margin-bottom:20px;}

.none	{display:none;
		height:0;}
		
		
/* Form CSS */

#contactus	{margin:20px 0 10px;}
			
#contactus label	{width:250px;
					margin-bottom:3px;
					color:#121212;}
					
#contactus input	{width:30%;}

#contactus textarea	{width:50%;
					height:100px;}
					
#contactus input.submit	{width:80px;}


form.cmxform	{font-size:1.0em;
				color:#333;}

form.cmxform legend	{padding-left:10px;}

form.cmxform legend, form.cmxform label	{color:#000;}

form.cmxform fieldset	{border:1px solid #121212;
						background-color:none;}

form.cmxform fieldset fieldset	{background:none;}

form.cmxform fieldset p, form.cmxform fieldset fieldset	{padding:5px 15px 0px;}

/* remove the next line when you have trouble in IE6 with labels in list */
#content_full form.cmxform label.error, label.error	{color:#ff0000;
										padding-left:10px;
										font-style:italic}

#content_full .radio	{width:10px;
						border:none;}

#content_full label#time	{width:50px;}

.ie7 #content_full label#time	{padding:0px 5px;
								position:relative;
								width:70px;}

.ie6 #content_full label#time	{padding:0px 5px;
								position:relative;
								width:70px;}

 
div.error	{display:none;}
input	{border:1px solid black;}
input:focus	{border:1px dotted black;}
input.error	{border:1px dotted red;}
form.cmxform .gray *	{color:gray;}

		


/* career table */
.tbl_career th	{font-weight:normal;
				background:#474707;
				color:#ffffff;
				width:42%;}
	
.tbl_career th	{padding:3px 10px;
				border-bottom:1px solid #fff;}
				
.tbl_career td	{padding:3px 10px;}

/* Slide In/Out Image */

.faq_off	{background:url('../images/plus.gif') no-repeat;
			padding-left:15px;
			cursor:pointer;}
					
.faq_on	{background:url('../images/minus.gif') no-repeat;
		padding-left:15px;
		cursor:auto;}			
		


/* Contact Us Form */	
#container #supportingText .mod_contact	{background-color:none; padding:10px; margin:auto;}		
#supportingText .mod_contact legend	{padding:0 10px; margin-left:5px; text-align:left; font-size:12px; font-weight:bold; text-align:right; line-height:20px; color:#ffffff;}
#supportingText .mod_contact h1	{color:#121212;}							
#supportingText .mod_contact .red	{font-size:0.8em; color:#FF0000;}
#supportingText .mod_contact .sup_text	{padding:20px; line-height:1.7em; color:#000000;}
#supportingText .mod_contact p	{clear:both;}										
#supportingText .mod_contact label	{width:120px; float:left; padding:3px 10px; position:relative; font-size:11px; font-weight:bold; text-align:right; line-height:20px; color:#000000;}		
#supportingText .mod_contact fieldset	{border:1px solid #cccccc; width:600px; margin:auto;}
#contact_us #container #supportingText .mod_contact input,
#contact_us #container #supportingText .mod_contact textarea	{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#supportingText .mod_contact #name,
#supportingText .mod_contact #email,
#supportingText .mod_contact #phone,
#supportingText .mod_contact #country,
#supportingText .mod_contact #date,
#supportingText .mod_contact #subject	{width:42%; display:inline; border:1px solid #cccccc; position:relative; padding:5px 5px; background:#ffffff url('../images/text.gif') repeat-x;}
#supportingText .mod_contact textarea	{float:left; width:65%; border:1px solid #cccccc; padding:5px 5px; margin-bottom:5px; background:#ffffff url('../images/text.gif') repeat-x;}	
#supportingText .mod_contact .error	{width:395px;text-align:left;font-size:0.8em;font-style:normal}
#supportingText .mod_contact .submit	{position:relative; left:140px;}																						

#supportingText .mod_contact #anytime,
#supportingText .mod_contact #am,
#supportingText .mod_contact #pm	{width:60px; text-align:left; padding 0 30px 0 0px; margin:0; float:none;}
#supportingText .mod_contact .radio	{float:none; position:relative; top:4px;}