/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited, a:active			{color: #3B57B9; text-decoration:underline; cursor: pointer; font-weight:bold;}
a:hover								{color: #3B57B9; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px; margin-right:10px;}

/* Set html & body 
--------------------------------------------------*/
html								{margin: 0px; padding: 0px; background:url(../images/bkg_main.gif) repeat-x #d2d2d2;}
body 								{position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size: 12px; color:#000;}
#container							{position:relative; width: 1001px; margin: 0px auto;  background:#fff; border-left:solid 1px #c2c1c2; border-right:solid 1px #c2c1c2; border-bottom:solid 1px #c2c1c2;}


/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding							{position:relative; height:121px; margin:0px 32px 0px 32px; font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size:15px; color:#010101; z-index:1;}
#branding h2						{position:absolute; top:33px;}
#branding ul li						{padding:5px 0px;}

#branding ul.bar					{position:absolute; padding:0px; margin-top:100px; display:block;}
#branding li.yuimenubaritem 		{padding:0px 13px; display:block; float:left; background:url(../images/nav_divider.gif) no-repeat;}
#branding li.first					{background:none; padding-left:0px;}
#branding li.last					{padding-right:0px;}

div.yui-b p 						{margin: 0 0 .5em 0;color: #999;}
div.yui-b p strong 					{font-weight:bold; color:#000;}
div.yui-b p em 						{color: #000;}
#nav 								{position: static;}
				
#nav ul li.yuimenubaritem				{}
#nav a.yuimenubaritemlabel:link,
#nav a.yuimenubaritemlabel:active,
#nav a.yuimenubaritemlabel:visited		{font-weight:bold; text-decoration:none; color:#010101;}
#nav a.yuimenubaritemlabel:hover 		{color:#3B57B9;}
#nav .yuimenu  							{background:#fff; border:solid 1px #a8a8a8; font-size:11px; text-align:left; padding:0px 10px;}

.yuimenu {position: absolute; left: 0; display: none;}
#nav .yuimenu a.yuimenuitemlabel:link,
#nav .yuimenu a.yuimenuitemlabel:visited,
#nav .yuimenu a.yuimenuitemlabel:active {font-family:Arial, Helvetica, sans-serif; color:#010101; font-weight:bold; font-size:13px; text-decoration:none;}
#nav .yuimenu a.yuimenuitemlabel:hover  {text-decoration:none; color:#3B57B9;}
#nav .yui-menu-shadow              		{display:none;}
.yuimenuitemlabel,.yuimenubaritemlabel	{white-space:nowrap;}

#pgcontact #nav_contact,
#pgpresentations #nav_presentations,
#pgvideos #nav_videos,
#pgmethodist #nav_methodist,
#pgforms #nav_forms,
#pgpractice #nav_practice,
#pgmeet #nav_meet,
#pghome #nav_home					{color:#3B57B9;}



/* CONTENT FORMATTING
---------------------------------------------------*/
#content							{position: relative; float:right; width:640px; margin: 0px auto; clear: both;}
#content p							{margin: 0px 0px 20px 0px; font-size:12px; line-height:18px;}
#content h1							{background:url(../images/header_line.gif) bottom no-repeat; font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size: 28px; color: #000; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; line-height:30px;}
#content h2							{font-size: 16px; color: #000; font-weight:bold; margin: 25px 0px 5px 0px;}
#content h3							{font-size: 16px; color: #595959; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal;}
#content h4							{font-size: 10px; color: #000; font-weight:normal; width:290px;}
#content h5							{}

#contentbox							{width:932px; padding:40px 40px 30px 31px; *padding:40px 38px 0px 31px; margin:0px;}

#content .icon img					{float:left; padding:0px 10px 0px 0px; margin:0px;}
#content .icon p					{width:300px; font-size:10px; line-height:15px;}

#breadcrumbs						{font-family:Arial, Helvetica, sans-serif; padding:5px 0px 0px 23px; color:#d8ddbc; font-size:12px;}
#breadcrumbs a						{color:#d8ddbc;}

.photo 								{border: 4px solid #c2c1c1; margin: 10px 0px}
.photoLeft, .photoRight				{border: 4px double #c2c1c1;}
.photoLeft							{float:left; margin: 5px 25px 10px 0px;}
.photoRight							{float: right; margin: 5px 0px 10px 20px;}
.photoRight_nobdr					{float: right; margin: 5px 0px 10px 10px; border:none;}
.photoLeft_nobdr					{border: none; float: left; margin: 0px 10px 10px 0px}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.col								{width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col2								{width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col li								{margin-left: 5px}
.small								{font-style:normal; color:#000; font-size:10px;}
.clear								{clear:both;}
.red								{color:#df0e0e; font-weight:bold; font-size:14px;}
.purple								{color:#8e40b6; font-weight:bold;}

/* SIDEBAR
---------------------------------------------------*/
#sidebar							{width: 263px; float: left; height:auto; display:block;}

#sidebar .subnav					{background:url(../images/bkg_subnav.jpg) repeat-x #fff; height:auto; display:block; margin:12px 0px 0px 0px; padding: 18px 5px 25px 30px; font-weight:bold; color:#8b915e;}
#sidebar .subnav h2 				{font-family: 'Calibri', Arial, Helvetica, sans-serif; color:#3b57b9; font-size:18px; padding:0px 0px 10px 0px;}
#sidebar .subnav h3 				{color:#000; font-size:11px; font-weight:bold; padding:0px 0px 5px 0px;}

#sidebar .subnav ul					{margin:0px; padding:0px;}
#sidebar .subnav ul li				{color: #000; padding:0px 0px 10px 19px;}

#sidebar .subnav a:link, 
#sidebar .subnav a:visited			{color: #000; text-decoration: none; font-weight:normal; font-size: 11px; font-weight:normal}
#sidebar .subnav a:hover,
#sidebar .subnav a:active			{color: #000; text-decoration: underline;}

#sidebar blockquote					{width:217px; margin:0px 0px 0px 20px;}
#sidebar blockquote h2				{font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; padding:0px 0px 5px 0px;}
#sidebar blockquote h3				{padding-bottom:20px;}
#sidebar blockquote h2 a:link,		
#sidebar blockquote h2 a:visited	{background:url(../images/btn_arrow_sm.gif) no-repeat right; padding:0px 13px 2px 0px; text-decoration:none;}
#sidebar blockquote h2 a:hover,
#sidebar blockquote h2 a:active		{text-decoration:none;}

#sidebar blockquote .btn_contact	{color:#fff; font-size:16px; padding:2px; text-align:center; border:solid 1px #3b57b9; margin:13px 0px 0px 0px;}
#sidebar blockquote .btn_contact h4	{padding:8px 10px 10px 10px; background:#3b57b9;}
#sidebar blockquote .btn_contact h5	{font-size:20px; background:#3b57b9; padding:0px 10px 10px 10px;}


/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:absolute; text-align:center; width: 993px; clear: both; color:#888f8f; padding:12px 0px 10px 0px; display:block; font-size:11px; margin:0 auto; }
#siteinfo a:link, 
#siteinfo a:visited					{color: #888f8f; text-decoration: underline; font-weight:normal;}
#siteinfo a:hover,
#siteinfo a:active					{color: #888f8f; text-decoration: none;}
#siteinfo cite 						{font-style:normal;}
#siteinfo cite a					{color: #888f8f; font-style:normal;}


/* FORM
---------------------------------------------------*/



/*Home
---------------------------------------------------*/
#pghome #branding				{height:473px;}


#pghome #branding #flashcontent	{position:relative; top:127px;}

*#flashcontent					{z-index:-1;}
* html #flashcontent			{z-index:-1;}
html > body #flashcontent		{z-index:auto;}


#pghome #contentbox				{margin:0px; height:auto; padding:25px 30px 0px 31px;}
#pghome #content				{position:relative; padding:0px 0px 0px 0px; height:auto; width:930px;}
#pghome #content h1				{font-size:22px; padding:0px 0px 14px 0px; color:#000; font-weight:normal; width:620px; background:none; margin:0px; line-height:25px;}
#pghome #content h2				{font-weight:normal;}
#pghome #content p				{width:608px; float:left;}

#pghome .content_left			{float:left; width:605px; margin:0px 63px 0px 0px; padding-bottom:10px; height:auto;}
*html #pghome .content_left		{padding-bottom:0px; margin:0px 49px -10px 0px;}

#pghome .contact				{float:left; width:182px; padding-top:2px;}
#pghome #content .contact p		{width:185px; padding-top:5px;}
#pghome #content .contact h2	{font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size:22px; padding:0px 0px 14px 0px; margin:0px;}
#pghome #content .contact h3	{font-size:14px; font-weight:bold; color:#3b57b9}

#pghome #contentbox blockquote				{height: 260px; margin:0px 0px 0px 0px; padding-top:30px; background:url(../images/line.gif) no-repeat; padding-bottom:30px;}
#pghome #contentbox blockquote p 			{width:260px;}
#pghome #contentbox blockquote h2			{font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size:22px; margin:0px; padding:0px 0px 13px 0px;}
#pghome #contentbox blockquote h2 a:link,
#pghome #contentbox blockquote h2 a:visited	{background:url(../images/btn_arrow.gif) no-repeat right; padding:0px 15px 4px 0px; text-decoration:none;}
#pghome #contentbox blockquote h2 a:hover,
#pghome #contentbox blockquote h2 a:active 	{text-decoration:none;}

#pghome .left,					
#pghome .middle					{float:left; width:261px; padding:0px; margin:0px 74px 20px 0px}
#pghome .right					{float:left; width:261px; padding:0px; margin:0px 0px 20px 0px}