/*-------- UNIVERSAL STYLES ---------*/

body, div, ul, li, ol, form, input, textarea, select, option {
margin:0;
padding:0;
}
ul, li, ol{
list-style:none; 
}
body {
background: url(../images/background.jpg) repeat-x;	
margin:0 auto;
}
#MasterBox {
background:url(../images/ContentBox.gif); 
width:740px;
margin:0 auto;
}
	#Masthead {
	background:url(../images/masthead.jpg);
	height:246px;
	}
	#ContentBox { 
	display:table;
	}
	
/* LEFT COLUMN STYLES */
#LeftBox {
float:left;
width:274px;
}
	#NavBox {
	background:url(../images/navbox.jpg);
	height:280px;
	float:left;
	}
		#Nav {
		background:url(../images/nav.jpg) no-repeat;
		height:270px;
		margin:10px 0 0 0;
		}
			#Nav a{
			display:block;
			height:27px;/*--if added border, then it will add px--*/
			width:274px;
			}
			#Nav a:hover{
			background:url(../images/nav_swap.jpg) no-repeat;
			}
			#Navhome a:hover {
			background-position:0 0;
			}	 
			#Navabout a:hover {
			background-position:0  -27px;
			}
			#Navstaff a:hover {
			background-position:0 -54px;
			}
			#Navbreast a:hover {
			background-position:0 -81px;
			}
			#Navbody a:hover {
			background-position:0 -108px;
			}
			#Naveyelid_facelift a:hover {
			background-position:0 -135px;
			}
			#Navtest a:hover {
			background-position:0 -162px;
			}	 	 	 
			#Navspanish a:hover {
			background-position:0 -189px;
			}	 	 	 
			#Navcontact a:hover {
			background-position:0 -216px;
			}
	#ContactBox {
	float:left;
	}
		#MiniContactTitle{
		background:url(../images/minicontact_title.jpg);
		height:47px;
		}		
		#SpanishMiniContactTitle{
		background:url(../images/spanish_minicontact_title.jpg);
		height:47px;
		}		
		#MiniContactForm {
		height:245px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;		
		margin:20px 0 20px 40px;
		padding:0;
		}
			#MiniContactForm p{
			color:#567FBA;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;		
			margin:0 0 10px 40px;
			}
			#MiniContactForm label{
			color:#567FBA;
			width:100px;
			margin:0 0 0 40px;			
			}
			#MiniContactForm input, #MiniContactForm textarea{
			width:175px;
			margin:0 0 5px 40px;
			}
			#MiniContactForm .submitbutton{
			width:110px;
			margin:5px 0 0 40px;
			}
			#MiniContactForm .clearbutton{
			width:80px;
			margin:5px 0 0 0;
			}
	#Parity{
	display:none;
	}
/* RIGHT COLUMN STYLES */
#RightBox {
width:466px; /* 466px */
float:left;
background:url(../images/rightbox_bg.jpg) repeat;
}
#WelcomeTitle {
background:url(../images/welcome_title.jpg);
height:49px;
}	 
#WelcomeBox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 0 10px 0;
/*----- height:215px; */
}
#WelcomeBox p{
width:400px;
color:#666666;
margin:10px 0 0 10px;
}

#WelcomeList{
margin:20px 0 20px 20px;
font-size:10px;
font-weight:bold;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0;
}
#WelcomeList a{
display:block;
width:200px;
padding:0 0 0 11px;
margin:0 0 10px 0;
float:left;
background:url(../images/arrow.jpg) 0 4px no-repeat;
color:#567FBA;	
}
#WelcomeList a:hover {
text-decoration:underline;
color:#666;
}	 
.Articles{
background:url(../images/articles_title.jpg) no-repeat;
height:47px;
margin:30px 0 10px;
padding:50px 0 0 10px;
width:450px;
}
.Articles a{
color:#567FBA;
font:bold 10px Verdana;
}
#GlanceTitle {
background:url(../images/glance_title.jpg);
height:47px;
}
#GlanceBox {
float:left;
}
#ProcUpperBox{
display:table;
width:466px;
}
#BreastBox{
background:url(../images/breastbox_bg.jpg);
width:183px;
height:218px;
float:left;
}
#BreastBox p{
width:140px;
color:#666666;
margin:150px 30px 3px 27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#BreastBox a{
width:140px;
color:#567FBA;
margin:0 30px 0 27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
#BreastBox a:hover{
text-decoration:underline;
color:#666;
}
#LipoBox{
background:url(../images/lipobox_bg.jpg);
width:190px;
height:218px;
float:left;
}
#LipoBox p{
width:155px;
color:#666666;
margin:150px 20px 3px 33px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#LipoBox a{
width:155px;
color:#567FBA;
margin:0 20px 0 33px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
#Lipo a:hover{
text-decoration:underline;
color:#666;
}	
#BottomBox{
background:url(../images/BottomBox.gif) no-repeat bottom;
width:740px;
clear:both;
}	

/*----------------------------------Footer----------------------------------*/
#BottomBox {
width:590px; /*740px*/
margin:0 auto;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#567FBA;
text-align:center;
padding: 0 75px 20px;
}
#BottomBox ul {
padding:30px 3px 0 15px;
}
#BottomBox li {
padding:0 3px;
display:inline;
}

#BottomBox a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#567FBA;
}
#BottomBox a:hover {
color:#666;
}	  

/*-----SubPage----*/
#AboutTitle{
background:url(../images/about_title.jpg);
height:49px;
}
#ArticleTitle{
background:url(../images/article_title.jpg);
height:49px;
}
#StaffTitle{
background:url(../images/staff_title.jpg);
height:49px;
}
#BreastTitle{
background:url(../images/breast_title.jpg);
height:49px;
}
#BodyTitle{
background:url(../images/body_title.jpg);
height:49px;
}
#BlankTitle{
background:url(../images/blank_title.jpg);
height:49px;
}
#EyelidFaceliftTitle{
background:url(../images/eyelid_facelift_title.jpg);
height:49px;
}
#TestTitle{
background:url(../images/test_title.jpg);
height:49px;
}
#SpanishTitle{
background:url(../images/spanish_title.jpg);
height:49px;
}
#ContactTitle{
background:url(../images/contact_title.jpg);
height:49px;
}	 

#Content{
width:400px;
margin:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:10px;
}

#subContent{
width:400px;
margin:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
}

#subContent ul{
width:360px;
margin-left:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
}

.sitemap ul {
line-height: 14px;
}

#ProcBreastList{
width:400px;
height:120px;		
background:url(../images/breast.jpg) no-repeat;
margin:5px 0 10px 0;
font-size:11px;
font-weight:bold;
color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#ProcBreastList a{
display:block;
width:400px;
padding:0 0 0 10px;
margin:0 0 10px 0;
background:url(../images/arrow.jpg) 0 4px no-repeat;
color:#567FBA;	
}
#ProcBreastList a:hover {
text-decoration:underline;
color:#666;
}	 	

#ProcBodyList{
width:400px;
height:120px;		
background:url(../images/body.jpg) no-repeat;
margin:5px 10px 10px 0;
font-size:11px;
font-weight:bold;
color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#ProcBodyList a{
display:block;
width:400px;
padding:0 0 0 10px;
margin:0 0 10px 0;
background:url(../images/arrow.jpg) 0 4px no-repeat;
color:#567FBA;
}
#ProcBodyList a:hover {
text-decoration:underline;
color:#666;
}	 	 


#ProcEyelidList{
width:400px;
height:230px;		
background:url(../images/face.jpg) no-repeat;
margin:5px 10px 10px 0;
font-size:11px;
font-weight:bold;
color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#ProcEyelidList a{
display:block;
padding:0 0 0 10px;
margin:0 0 10px 0;
background:url(../images/arrow.jpg) 0 4px no-repeat;
color:#567FBA;
}
#ProcEyelidList a:hover {
text-decoration:underline;
color:#666;
}	 		

#TestContent{
width:inherit;
margin:0 0 10px 0;
border:1px dotted #829EC5;
}
#TestContent p{
margin:10px;
font-size:11px;
}
 



/*-----Class Style----*/

.square {
margin:5px 5px 5px 20px;
font-size:11px;
list-style-type:square;
}

.Proc2img {
margin:	10px 30px 10px 30px;
border:1px solid #000;
}	
.Proc3img {
margin:	10px 0 10px 1px;
border:1px solid #000;
}	

.img {
margin:0 0 7px 7px;
border:1px solid #336699;
}	

.DocImg{
width:120px;
height:150px;
border:3px solid #829DC8;
margin:5px;
}


.BacktoTop a{	
font-weight:bold;	
float:right;		
color:#567FBA;	
}
.ProcList a:hover {
text-decoration:underline;
color:#666;
}	 	

.testimg{
border:1px solid #000;
margin:16px;
}

.LiteBlue{
color:#567FBA;
}

.link a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#FF3300;
}

.link a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#0066CC;
}

/*-----------Font--------------*/

h1 {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:bold;
color:#666;
margin:35px 0 10px 0;
}

h1.subContent {
width:400px;
margin:35px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:16px;
}

h2 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:bold;
color:#336699;
margin:20px 0 0 0;
}

h2.subContent {
width:400px;
margin:20px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#336699;
font-size:14px;
}

h3 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:bold;
color:#336699;
margin:30px 0 0 0;
}

.ContentText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}
.Articles li{
list-style:circle inside;
}