/* 	border: 1px solid #000; */



/* RESET */
html,div,p,ul,ol,li,h1,h2,h4,h5,h6 { margin: 0; padding: 0; }
ul,ol { list-style: none; }
img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* GLOBAL NAVIGATION */
#globalheader { width: 840px; height: 38px; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 120px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader { background-image: url(images/globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-home a { background-position: 0 0; }
#globalheader #globalnav li#gn-treatments a { background-position: -120px 0; }
#globalheader #globalnav li#gn-scheduling a { background-position: -240px 0; }
#globalheader #globalnav li#gn-pharmacy a { background-position: -360px 0; }
#globalheader #globalnav li#gn-resources a { background-position: -480px 0; }
#globalheader #globalnav li#gn-learn a { background-position: -600px 0; }
#globalheader #globalnav li#gn-gifts a { background-position: -720px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-home a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-treatments a:hover { background-position: -120px -38px; }
#globalheader #globalnav li#gn-scheduling a:hover { background-position: -240px -38px; }
#globalheader #globalnav li#gn-pharmacy a:hover { background-position: -360px -38px; }
#globalheader #globalnav li#gn-resources a:hover { background-position: -480px -38px; }
#globalheader #globalnav li#gn-learn a:hover { background-position: -600px -38px; }
#globalheader #globalnav li#gn-gifts a:hover { background-position: -720px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-home a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-treatments a:active { background-position: -120px -76px; }
#globalheader #globalnav li#gn-scheduling a:active { background-position: -240px -76px; }
#globalheader #globalnav li#gn-pharmacy a:active { background-position: -360px -76px; }
#globalheader #globalnav li#gn-resources a:active { background-position: -480px -76px; }
#globalheader #globalnav li#gn-learn a:active { background-position: -600px -76px; }
#globalheader #globalnav li#gn-gifts a:active { background-position: -720px -76px; }

/* ON STATES */
#globalheader.home #globalnav li#gn-home a { background-position: 0 -114px !important; }
#globalheader.treatments #globalnav li#gn-treatments a { background-position: -120px -114px !important; }
#globalheader.scheduling #globalnav li#gn-scheduling a { background-position: -240px -114px !important; }
#globalheader.pharmacy #globalnav li#gn-pharmacy a { background-position: -360px -114px !important; }
#globalheader.resources #globalnav li#gn-resources a { background-position: -480px -114px !important; }
#globalheader.learn #globalnav li#gn-learn a { background-position: -600px -114px !important; }
#globalheader.gifts #globalnav li#gn-gifts a { background-position: -720px -114px !important; }



/* SIDE NAVIGATION */
.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
}

.navcontainer li { 
margin: 5px 0;
 }

.navcontainer li a
{
display: block;
padding: 3px 2px 1px 10px;
width: 168px;
}

.nonActiveList
{
display: block;
padding: 5px 2px 0 10px;
width: 168px;
color: #000;
}

.nonActiveListHi
{
display: block;
padding: 5px 2px 0 10px;
width: 168px;
color: #000;
background-image: url(images/transBg.png);
}

.navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}


.navcontainer a:hover
{
background-image: url(images/transBg.png);
color: #000;
}


.navcontainerTwo ul
{
list-style-type: none;
text-align: left;
text-transform: none;
}

.navcontainerTwo ul li a
{
background: transparent url(images/list-off.gif) 3px 7px no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #FFF;
width: 110px;
}

.nonActiveList2
{
background: transparent url(images/list-on.gif) 3px 7px no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #000;
width: 110px;
}

.navcontainerTwo ul li a:hover
{
background: transparent url(images/list-on.gif) 3px 7px no-repeat;
color: #000;
}


.active a:visited
{
color: #000;
background-image: url(images/transBg.png);
}

.activeTwo a:visited
{
background: transparent url(images/list-on.gif) 3px 7px no-repeat;
color: #000;
}





/* UTILITY NAVIGATION */

ul.greenSq li a, ul.greenSq li a:visited {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 0 13px;
	background: transparent url(images/squareGreen.gif) 1px 5px no-repeat;
	text-transform: none;
	color: #7d7801;
	text-decoration: none;
}

ul.greenSq li a:hover, ul.pdfIcon li a:hover {
	text-decoration: underline;
}

ul.greenSq2 li a, ul.greenSq2 li a:visited {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 0 26px;
	background: transparent url(images/squareGreen.gif) 16px 5px no-repeat;
	text-transform: none;
	color: #7d7801;
	text-decoration: none;
}

ul.greenSq2 li a:hover, ul.pdfIcon li a:hover {
	text-decoration: underline;
}

ul.pdfIcon li a, ul.pdfIcon li a:visited {
	list-style: none;
	padding: 4px 0 0 23px;
	background: transparent url(images/pdfIcon.gif) no-repeat;
	text-transform: none;
	color: #7d7801;
	text-decoration: none;
}


ul.inline li, ul.inline li a, ul.inline li a:visited {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	vertical-align: absmiddle;
	color: #FFF;
}

ul.inlineLast li, ul.inlineLast li a, ul.inlineLast li a:visited {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	vertical-align: absmiddle;
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
}

/*NAVIGATION END*/

body {
	margin: 0;
	padding: 0;
	font: 12px/20px Helvetica, Arial, Verdana, sans-serif;
	background: url(images/YAOClinicBg.gif);
	background-color: #4D1202;
}



/* LAYOUT */

.clear { clear: both; }

.container {
	width: 842px;
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
}

.container h1 {
	font-size: 20px;
	letter-space: 1px;
	margin: 0;
	padding: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;}
 
.imgArea {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgHome.gif) no-repeat #8a1e04;
 }
 
.imgAreaTreat {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgTreat.gif) no-repeat #d87201;
 }
 
.imgAreaSchedule {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgSchedule.gif) no-repeat #dcae33;
 }
 
 .imgAreaPharma {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgPharm.gif) no-repeat #b0b341;
 }

.imgAreaRes {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgRes.gif) no-repeat #668d9d;
 }
 
.imgAreaLearn {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgLearn.gif) no-repeat #a4b4af;
 }
 
 .imgAreaGifts {
	text-align: right;
	padding: 20px 25px 0 0;
	width: 815px;
	height: 142px;
	background: url(images/imgGifts.gif) no-repeat #663900;
 }

.mainHome { 
	position: relative; width: 840px; 
	background: url(images/sideHome.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 }
 
.mainHome h1 {
	color: #8a1e04;
}
 
.mainTreat { 
	position: relative; width: 840px; 
	background: url(images/sideTreat.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 }
 
 .mainTreat h1 { 
	color: #d87201; 
 }
 
.mainScheduling { 
	position: relative; width: 840px; 
	background: url(images/sideScheduling.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 } 
 
.mainScheduling h1 { 
 	color: #dcae33;
}
 
.mainPharmacy { 
	position: relative; width: 840px; 
	background: url(images/sidePharmacy.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 }
 
.mainPharmacy h1 { 
	color: #b0b341; 
 }
 
.mainResources { 
	position: relative; width: 840px; 
	background: url(images/sideResources.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 }
 
.mainResources h1 { 
	color: #668d9d; 
 }
  
.mainLearn { 
	position: relative; width: 840px; 
	background: url(images/sideLearn.gif) repeat-y;
	background-position: 660px 0; 
	background-color: #FFF;
 }
 
.mainLearn h1 {
	color: #8C9995;
 }
 
.mainGifts { 
	position: relative; width: 840px; 
	background: url(images/sideGifts.gif) repeat-y;
	background-position: 660px 0;
	background-color: #FFF;
}

.mainGifts h1 { 
	color: #663900; 
 }
 
.content {
	float: left;
	width: 660px;
	padding: 40px 0 10px 0;
	background-color:  #FFF;
	
}

.rightSide {
	float: right;
	width: 180px;
	padding-top: 40px;
}

.socialNet {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #FFF;
}

.socialNet a
{
display: block;
padding: 3px 0 3px 10px;
width: 170px;
}

.socialNet a:link, .socialNet a:visited
{
color: #EEE;
text-decoration: none;
}

.socialNet a:hover
{
background-image: url(images/transBg.png);
color: #000;
}


/* TITLES  */


.content h2 {
	font-size: 16px;
	letter-space: 1px;
	margin: 0;
	padding: 0 0 5px 0;
	color: #7d7801;
	font-weight: normal;
	letter-spacing: 1px;
	}
	
.content h3 {
	font-size: 14px;
	margin: 0;
	padding: 10px 0 0 0;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;}
	
.content h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #4D1202}

.content h5 {
	display: inline; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #4D1202}


.imgContent {
	padding: 0 10px 10px 0;
 }

		 
.fltLft {
	float: right;
}

.fltRt { 
	float: right; 
}

.width150 { 
	width: 150px; 
}

.width280 { 
	width: 280px; 
}

.width260 { 
	width: 250px; 
}

.width588 { 
	width: 588px; 
	padding: 10px 20px 20px 20px;
}

.pad10 {
	padding: 10px;
}

.pad20 {
	padding: 20px;
}

.Lpad10 {
	padding: 0 0 0 10px;
}

.Lpad20 {
	padding: 0 0 0 20px;
}

.Lpad40 {
	padding: 0 0 0 40px;
}

.Lpad69 {
	padding: 0 0 0 67px;
}

.Lpad110 {
	padding: 0 0 0 110px;
}



.footer {
	font-size: 10px;
	
}

.footerLft {
	float: left;
	padding: 10px 10px 10px 30px;
	width: 620px;
	background-color: #FFF;
	border-top: 1px solid #7d7801;
}

.footerRt {
	float: left;
	text-align: left;
	padding: 10px;
	width: 160px;
	border-top: 1px solid #FFF;
	color: #FFF;
}

.footerRt a {
	color: #FFF;
}


.red { background-color: #8a1e04; }
.orange { background-color: #d87201; }
.gold { background-color: #dcae33; }
.green { background-color: #b0b341; }
.blueGreen { background-color: #006993; }
.blue { background-color: #668d9d; }
.grey { background-color: #a4b4af; }
.brown { background-color: #663900; }




/* TYPE */
a { color: #8A8511; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { margin-bottom: 10px; }


ul.square { list-style: square; margin: 0;
	padding: 0 0 0 20px; }

hr.green { width: 100%; height: 1px; border: 0; background-color: #7d7801; clear: both; margin: 10px 0; }

hr.greenShort { width: 50%; height: 1px; border: 0; background-color: #7d7801; clear: both; margin: 10px 0; }


.white { color: #FFF; }
.greyTxt { color: #777; }
.redTxt { color: #8a1e04; }
.black { color: #000; }

.indent10 { padding: 0 0 0 10px; }
.address { padding: 10px;  font-size: 11px; color: #000; line-height: 14px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: url(images/trans.png) repeat;
}
.date { font-size: 10px; }
.caption { font-size: 10px; color: #7d7801; }
.note { font-size: 9px; color: #777; }

.quote {
	width: 259px;
	margin: 0;
	text-indent: -5px;
	padding: 5px 10px;
	color: #333;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	background-color: #EEE;
}

.quoteWide {
	width: 570px;
	margin: 0;
	text-indent: -5px;
	padding: 5px 10px;
	color: #333;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	background-color: #EEE;
}

.credit {
	text-align: right;
	width: 259px;
	text-indent: -5px;
	padding: 5px 10px 10px 10px;
	line-height: 14px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	background-color: #EEE;
}

.welcome {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}


.shade {
	width: 570px;
	background-color: #EEE;
	padding: 10px;
}


input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #666666; 
	/*This expression prevents IE from drawing borders around radio buttons and others except text fields  */
	border-width: expression(this.type=="text"||this.type=="password"?'1px':'0px');
	margin: 2px;
	padding: 2px;
}

.button
{
	margin: 3px;
	padding: 3px;
	text-align: center;
	text-transform: none;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #919735;
	border: 1px solid #000;
	/*This expression prevents IE from drawing borders around radio buttons and others except text fields  */
	border-width: expression(this.type=="text"||this.type=="password"?'1px':'0px');
}

.errorBox {
	border: 1px solid #B50F00;
}
.errorText {
	font-weight:bold;
	font-size:11px;
	color: #B50F00;
}

.white {
color: #FFF;
font-size: 10px}

