@import url("global.css");
@import url("articles.css");

/* Page Title Style */
#Doc #PageTitle{
background:url(../images/TitleDoc.jpg);
width:613px;
height:54px;
}
#AboutUs #PageTitle{
background:url(../images/TitleAboutUs.jpg);
width:613px;
height:54px;
}
#Proc #PageTitle{
background:url(../images/TitleProc.jpg);
width:613px;
height:54px;
}
#Skin #PageTitle{
background:url(../images/TitleSkin.jpg);
width:613px;
height:54px;
}
#Gallery #PageTitle{
background:url(../images/TitleGallery.jpg);
width:613px;
height:54px;
}
#Test #PageTitle{
background:url(../images/TitleTest.jpg);
width:613px;
height:54px;
}
#Contact #PageTitle{
background:url(../images/TitleContact.jpg);
width:613px;
height:54px;
}
#Articles #PageTitle{
background:url(../images/TitleArticles.jpg);
width:613px;
height:54px;
}
#Blank #PageTitle{
background:url(../images/TitleBlank.jpg);
width:613px;
height:54px;
}

/* Subpage Layout Style */
#ContentBox{
background:url(../images/ContentBoxBG_subpage.gif) repeat-y;
width:778px;
display:table;
}
#Content{
width:613px;
color:#FFF;
padding:20px 0 0 0;
}
#Content p{
padding:0 20px 20px 20px;
}
#Content h1{
padding:0 20px 0 20px;
}
#Content h2{
padding:0 20px 20px 20px;
}
#Content h3{
padding:0 20px 20px 20px;
}
#Content a{
color:#FFF;
}
#Content a:hover{
color:#FFFF00;
}
#Content ul {
margin-left:40px;
list-style:inside;
line-height: 110%;
margin-bottom:20px;
}
#Content li {
margin: 5px 5px;
}
#Content li.ordered {
margin: 5px 50px;
}
#Content dt {
font-weight:bold;
padding-left:20px;
}
#LowerProcNav{
background:url(../images/LowerProcBG.gif);
font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
width:613px;
display:table;
}
#LowerProcNav a{
color:#000;
display:block;
font-weight:normal;
margin:4px 0 0;
text-decoration:none;
}
#LowerProcNav a:hover{
color:yellow;
}
		#Face{
		background:url(../images/LowerProc_Face.jpg) no-repeat;
		float:left;
		height:150px;		
		padding:5px 0 10px 103px;
		width:105px;
		}		
    #Body{
		background:url(../images/LowerProc_Body.jpg) no-repeat;
		float:left;
		height:150px;
		padding:5px 0 10px 101px;
		width:99px;
		}
		#Breast{
		background:url(../images/LowerProc_Breast.jpg) no-repeat;
		height:150px;
		width:104px;
		float:left;
		padding:5px 0 10px 101px;
		}


/*--- Subpage Footer Style ---*/
#Footer{
width:785px;
background:url(../images/FooterBG.gif) repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
clear:both;
}
#Footer p{
padding:10px 10px 0 20px;
text-align:center;
color:#333;
}
#Footer a{
text-align:center;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#Footer a:hover{
color:#669966;
}

/*contact forum styles*/

#ContactForm ul, #ContactForm li{
	list-style:none;
}
#ContactForm li{ /* Vertical spacing between form fields */
	margin:4px 0;

}
#ContactForm label{ /* Styles for descriptions */
	width:150px;
	display:block;
	font-size:12px;
	float:left;
	padding-left:20px;
}
#ContactForm input{
	width:200px;
	padding-left:5px;
	
}
#ContactForm textarea{
	width:200px;
	height:80px;
	font-size:12px;
	padding-left:5px;
}
#ContactForm .SubmitBtn{
	height:20px;
	width:100px;
	background:#FFC800;
	color:#333;
	font-size:12px;
	padding-left:5px;
}