/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:url(images/bg.gif) repeat-x top #270f09}
html, input, textarea
	{	font-family:Arial; 
		color:#626262;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}
span{color:#dddddd} 

a{color:#b7b7b7; text-decoration:none; font-weight:bold} 
a:hover{text-decoration:none; color:#FFFFFF}
.a1{color:#f7efbc; background:url(images/arrow.gif) no-repeat top left; padding-left:10px; background-position:0 5px; font-weight:bold; text-decoration:none} 
.a1:hover{text-decoration: underline} 
.a2{color:#e5156d; font-weight:bold; font-size:1em; margin-right:20px}

ul{margin:0; padding:0; list-style:none; line-height:2em}
ul li{background:url(images/arrow.gif) no-repeat top left; padding-left:14px; background-position:0 9px;  }
ul li a{color:#f7efbc; text-decoration:none; font-weight:normal} 
ul li a:hover { text-decoration:underline; }

/*header*/
#header {background:url(images/bg_top.jpg) no-repeat top left }
#header .logo{ margin:42px 0 38px 0px;  }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; height:479px; background:url(images/bg_content.jpg) no-repeat top left}
#content .indent{padding:25px 0px 0px 0px}
#content .indent_main{padding:51px 39px 0px 63px}
#content .indent_col1{padding:0px 69px 0px 0px}
#content .indent_col2{padding:0px 9px 0px 0px}
#content .title{  margin-bottom:16px}
#content .title1{  margin-bottom:25px}
#content .title2{  margin-bottom:31px}
#content .line{  margin:31px 0 36px 0}
#content .pic{  margin:0px 0 11px 0}
#content .pic2{  margin:0px 10px 21px 0}
#content .pic1{ position:absolute;  margin:0px 0 11px 0}
#content .pic_left{ float:left; margin:0px 12px 0px 0px}
#content .pic_left1{ float:left; margin:0px 24px 0px 0px}
#content .pic_left2{ float:left; margin:0px 12px 15px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .p{ margin:0px 0px 17px 0px}
#content .p1{ margin:17px 0px 0px 0px}
#content .p2{ margin:17px 0px 17px 0px}
#content h3{ color:#b7b7b7; font-size:1em; margin:0px}
#content h2{ color:#b7b7b7; font-size:1em; margin:0px; font-weight:normal}


/*index.html*/
#page #content{ background:url(images/bg_content1.jpg) no-repeat top left}
#page #footer {background:url(images/bg_bottom1.jpg) no-repeat top left}

/*index-3.html*/
#page3 #content .col1 p{ margin:0px 0px 11px 0px}

/*footer*/
#footer { position:relative; color:#552516; font-size:0.75em;  padding:211px 25px 44px 39px; background:url(images/bg_bottom.gif) no-repeat top left}
#footer a {color:#552516; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer .logo { position:absolute; margin:-179px 0px 0px -4px}

.h{ height:41px}
input{
   width:203px; height:18px;
   font-size:1em;
   padding-left:3px;
   margin-bottom:3px
}
textarea{
   width:203px; height:107px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:25px;
   overflow:auto}

   

/*appointment form*/

fieldset{

	padding:10px;

	width:auto;

	margin-bottom:10px;

	clear:left;

}

.oneField{

	margin-bottom:12px;

	display:block;

	clear:both;

}

.oneChoice{

	float:left;

}

input.notfield{

	width:auto;

}

.oneChoice label{

	margin: 0 5px 1px;

}

body.form #content{

	height: auto;

	background:#000;

	

}