/* ******************************************************
** CONTENTS:
** (1) Universal reset and positioning of content containers
** (2) Universal tags and classes
** (3) Styling - 'Header' pane
** (4) Styling - 'Sidebar' pane
** (5) Styling - 'Content' pane
** (6) Styling - Sub-'Content' pane - 'Headlines'
** (7) Styling - Sub-'Content' pane - Left-hand callout
** (8) Styling - Sub-'Content' pane - Right-hand callout
** (9) Styling - 'Footer' pane
** (0) Styling - Dropdown navigation
*********************************************************/

/* (1) Universal reset and positioning of content containers
************************************************************/
a img,:link img,:visited img { border: none; outline:none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }

body { text-align:center; } body * { text-align:left; } /* IE hack to center page */
body { background:#CCC url(../images/pc_body_background.gif); font-family:Verdana, Arial, Helvetica, sans-serif; }

#siteContainer { 
  height:auto; width:815px;
  margin:0 auto; background:#FFF url(../images/pc_container_background.gif);
  border:solid 1px #CCC;
}

/* (2) Universal tags and classes 
*********************************/
h1 {
	color:#D8A800;
	font:bold 22px Times; 
	line-height:0.8;
	margin:10px 0px -10px 0px;
	padding: 0px 0px 0px 0px;
	text-transform:uppercase;
}
h1:first-letter {font-size:larger; }
hr {
	background:#D8A800; 
	border:none; 
	border-color:#D8A800;
	color:#D8A800; 
	height:1px; 
	margin: 8px 5px 10px 0px;
	text-align:center;
}

h2 {
	color: #424242;
	font-family: arial, sans-serif;
	font-size: 15px;
}

h3 {
	color:#D8A800;
	font:bold 16px Arial; 
	line-height:.9;
	margin:10px 0px -10px 0px;
	padding: 0px 0px 0px 0px;
}

p, li { 
  font:normal 12px Verdana; color:#333; 
  padding: 0px 0px 15px 0px;
}
div, td { font:normal 12px Verdana; color:#333; }
a { color:#C40002; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { margin-left:40px; }
p.addPlus { background: url(../images/pc_plus.gif) no-repeat center left; padding-left:22px; padding-bottom:0px; text-align:left !important; }
img.fl { float:left;  margin:0px 15px 15px  0px; }
img.fr { float:right; margin:0px  0px 15px 15px; }
.cb { clear:both; }


table.contactForm { width:60%; margin:0 auto; padding:15px; border:dotted 1px #D8A800; margin-bottom:15px; }
label, input, select { font:normal 12px Verdana; color:#333; }
input, select, textarea { width:175px; border:solid 1px #D8A800; }
input[type~="submit"] { 
  height:25px; width:150px;
  font-weight:bold; color:#FFF;
  background:#D8A800; text-align:center;
  cursor:pointer;
}

/* (3) Styling - 'Header' pane
******************************/
.header {
	display: block;
  height:150px; width:100%;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  background: #FFF url(../images/hdr_background.gif);
  position: relative;
}
.header .logo {
   position: absolute;
    top: 20px;
	left: 20px;
}
.header .ad {
	background:#222; color:#FFF;
	height:60px; 
	position: absolute;
    top: 10px;
	left: 305px;
	width:465px;
}

.header .jumpNav {
	height:20px; width:480px;
	position: relative;
    top: 78px;
	left: 313px;
	font:bold 11px Verdana; color:#000;
}
.header .mainNav {
	background:#880505;
	height:31px;
	margin: 0px; 
	padding: 0px;
	width:815px;
  	position: absolute;
    top: 110px;
	left: 0px;

}
.header .mainNav ul {
  background:#880505 url(../images/pc_mainnav_background.gif) repeat-x;
	height:30px;
  	margin: 0px; 
	padding: 0px;
}
.header .shadow {
margin: 0px;
padding: 0px;
  height:12px; width:815px;
}


/* (4) Styling - 'Sidebar' pane
*******************************/
.sidebar {
	background:#FFF;
	border:solid 2px #CCC; 
	height:auto; 
	float:left; 
	margin:0px 10px 10px 10px; 
	_margin-left:4px; /* IE 6 */
	width:200px; 
	_width:190px; /* IE 6/7 */
}

.sidebar .panel_Submit {
  height:270px;
  margin:5px;
  padding: 0px 5px 0px 5px;
  border:solid 1px #CCC;
}
.sidebar .panel_FeaturedMag {
	border:solid 1px #CCC;
	height:300px;
	margin:5px; 
  padding: 0px 5px 10px 5px;
}
.sidebar .panel_Newsletter {
	border:solid 1px #CCC;
	height:65px;
	margin:5px;
	padding: 0px 5px 10px 5px;
	width: 180px;
}
.sidebar p, .sidebar a {
  font:bold 12px Verdana; 
  text-align:center;
}
.sidebar span.date    { font:bold 11px Verdana; color:#333;}
.sidebar span.edition { font:normal 11px Verdana; color:#333;}
.sidebar .panel_Newsletter h2 {
  font:bold 15px Times; color:#222;
  margin:10px 0px -10px 0px;
  text-transform:uppercase;
}

/* (5) Styling - 'Content' pane
*******************************/
.content {
  height:auto; 
  float:left; 
  margin:0px 0px 10px 0px;
  width:580px;
  left:0px;
}

.interiorPages { 
  background:#FFF; border:solid 2px #CCC; 
  height:auto; 
  min-height:646px; /* So it matches the sidebar */
  padding: 0px;
  width:575px; /* To account for the border and padding */
}

.interiorPages h1 { margin-top:50px; margin-left:0px; }
.interiorPages h1 + hr {margin-bottom:8px 10px 15px 0px !important;}
.interiorPages .contentColR { float:right; margin-left:10px; height:auto;}
.content img.frontPage {
  height:260px; width:580px;
}
.content p span.intro { font:bold 13px Verdana; text-transform:uppercase; }
.content ul.breadcrumbs 
{ 
	font:normal 12px Verdana; 
	color:#C40002; 
	margin:10px -10px 0px 0px; 
	list-style: none;
}
.content ul.breadcrumbs li { float: left; padding: 0 2px; }
.content ul.breadcrumbs a.on { font-weight:bold; }

.quickLink {color: #D8A800;}
.quickLink {white-space: nowrap;}
.quickLink .links {font-size:12px;padding: 0px 0px 0px 10px;}
.quickLink .divider {padding: 0px;margin: 0px; width: 2px;}
.quickLink a {margin: 0px;padding: 0px 1px;}
.eventList {display: block;margin:-15px 0px 10px 0px;}
.eventList .dateColumn {width:100px;}
.eventList table {width:auto; }
.eventList td {width:auto;vertical-align:top;padding-bottom:10px;}
.eventList tr {width:100%;}
.eventList .title {font-weight: bold;}
.eventList .date {display:block; margin: 0px;padding: 0px;width: 100px;}
.eventList .location {display: block;margin: 0px;padding: 0px;}
.eventList .icon {padding: 0px 0px 0px 5px;}

.news td {padding-bottom:15px; padding-top:2px;}
.news tr.articleList td {border-bottom:1px dotted #cc9900;padding:15px 0px; }
.news p {padding: 0px;margin:0px;}
.news table td {border-bottom:none;padding-right:10px;}

/* (6) Styling - Sub-'Content' pane - 'Headlines'
*************************************************/
.headlines {
  height:auto; width:566px;
  border:solid 2px #CCC; background:#FFF;
  padding:5px; margin:10px 0px 10px 0px;
}
.headlines p {
  border-bottom:dotted 1px #D8A800;
  padding:10px 0px;
  width:100%;
}

/* (7) Styling - Sub-'Content' pane - Left-hand callout
*******************************************************/
.callout_contentLeft {
  height:auto; 
  width:270px;
  float:left;
  border:solid 2px #CCC; background:#FFF;
  padding:5px; margin:0px 12px 10px 0px;

}
/* (8) Styling - Sub-'Content' pane - Right-hand callout
********************************************************/
.events {
  height:auto; 
  width:270px;
  float:right;
  border:solid 2px #CCC; background:#FFF;
  padding:5px; margin:0px;
  text-align: right;
}
.events p {
  border-bottom:dotted 1px #D8A800;
  padding-bottom:10px;
  padding-left:5px;
  margin-bottom:10px;
  width:245px;
}
.events a { font-weight:bold; }

.border {
  border:solid 1px #CCC;
  margin:0px;
  padding:0px 5px 0px 5px;
  height:100%; width:auto;

}
/* For the following three, height is the height of its bounding box minus 2 pixels 
.headlines .border {height:178px; padding:5px 5px 15px 5px; width:auto;} */
.callout_contentLeft .border, .events .border {height: 275px; }
.interiorPages .border { min-height:659px; margin:5px; padding: 0px 10px 10px 10px;}

/* (9) Styling - 'Footer' pane
******************************/
.footer {
  height:75px; width:790px;
  clear:both; margin:10px;
  border:solid 2px #CCC; background:#FFF;
}
.footer p, .footer a {
  position:relative; top:0px; left:10px;
  font:normal 11px Verdana; color:#666;
}
.footerImages {
  margin:10px 0px 0px 0px;
}
.footerImages img {
  margin:0px 10px;
}

/* (0) Styling - Dropdown navigation
======================================================================*/
ul.navmenu-h, ul.navmenu-h2 { list-style-type: none; margin:0; padding:0; }
ul.navmenu-h  { height:20px; position:absolute; top:0px;z-index:10 !important; }
ul.navmenu-h li span {display:block;font-weight:bold; padding-top: 5px; text-align:center;width:10px;}
ul.navmenu-h2 {margin: 0px 0px 0px 0px !important; padding: 0px !important; height: 30px !important; float: left;}

ul.navmenu-h  li, 
ul.navmenu-h2 li {
	float: left; list-style: none;
	margin: 0px; padding: 0px;
	position: relative;
}
ul.navmenu-h2 li { padding-bottom:0px; }

ul.navmenu-h  ul, 
ul.navmenu-h2 ul {
	display: none;
	list-style: none;
	margin: 0px; padding: 0px;
	position: absolute; left: 0px;
}
ul.navmenu-h  ul { top: 23px; }
ul.navmenu-h2 ul { top: 31px; }

ul.navmenu-h  ul:after,
ul.navmenu-h2 ul:after { /*From IE 7 lack of compliance*/
	clear: both;
	font:bold 11px Verdana; color:#000;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

ul.navmenu-h  ul li,
ul.navmenu-h2 ul li {
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
}
ul.navmenu-h  ul li { width: 175px; }
ul.navmenu-h2 ul li { width: 225px; padding-bottom:0px; }

/* Root Menu */
ul.navmenu-h  a,
ul.navmenu-h2 a {
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font:bold 11px Verdana;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
}
ul.navmenu-h  a { color:#000; padding: 0px 5px 0px 5px;}
ul.navmenu-h2 a { color:#FFF; padding: 2px 8px 5px 8px;}

/* Root Menu Hover Persistence */
ul.navmenu-h a:hover,
ul.navmenu-h li:hover a,
ul.navmenu-h li.iehover a {}

ul.navmenu-h2 li:hover,
ul.navmenu-h2 li.iehover,
ul.navmenu-h2 li.on { 
  background:#F0B000 url(../images/pc_mainnav_background_hover.gif) repeat-x;
}
ul.navmenu-h2 a.on {background:#F0B000 url(../images/pc_mainnav_background_hover.gif) repeat-x;}

ul.navmenu-h  ul li a.first,
ul.navmenu-h2 ul li a.first { border-top: 1px solid #FFF !important; }

/* 2ND MENU
======================================================================*/
ul.navmenu-h  li ul { width:175px; }
ul.navmenu-h2 li ul { width:225px; }
ul.navmenu-h  li:hover li a,
ul.navmenu-h  li.iehover li a,
ul.navmenu-h2 li:hover li a,
ul.navmenu-h2 li.iehover li a {
	border-top: none; color:#FFF;
	float: none;  text-align:left;
}
ul.navmenu-h2 li:hover li a,
ul.navmenu-h2 li.iehover li a {
text-transform: uppercase;
}
ul.navmenu-h  li:hover li a,
ul.navmenu-h  li.iehover li a,
{text-transform: none;}
ul.navmenu-h  li:hover li a, ul.navmenu-h  li.iehover li a { background:#444444; border-bottom: 1px solid #FFF; }
ul.navmenu-h2 li:hover li a, ul.navmenu-h2 li.iehover li a { background:#880505; border-bottom: 1px solid #FFF; }

/* 2nd Menu Hover Persistence */
ul.navmenu-h  li:hover li a:hover,
ul.navmenu-h  li:hover li:hover a,
ul.navmenu-h  li.iehover li a:hover,
ul.navmenu-h  li.iehover li.iehover a {
  background: #999;
  color:#FFF;
}
ul.navmenu-h2 li:hover li a:hover,
ul.navmenu-h2 li:hover li:hover a,
ul.navmenu-h2 li.iehover li a:hover,
ul.navmenu-h2 li.iehover li.iehover a {
  background: #F0B000;
  color:#FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko
======================================================================*/
ul.navmenu-h  li:hover ul ul, ul.navmenu-h  li:hover ul ul ul, ul.navmenu-h  li.iehover ul ul, ul.navmenu-h  li.iehover ul ul ul, ul.navmenu-h2 li:hover ul ul, ul.navmenu-h2 li:hover ul ul ul, ul.navmenu-h2 li.iehover ul ul, ul.navmenu-h2 li.iehover ul ul ul { display: none; }

ul.navmenu-h  li:hover ul, ul.navmenu-h  ul li:hover ul, ul.navmenu-h  ul ul li:hover ul, ul.navmenu-h  li.iehover ul, ul.navmenu-h  ul li.iehover ul, ul.navmenu-h  ul ul li.iehover ul, ul.navmenu-h2 li:hover ul, ul.navmenu-h2 ul li:hover ul, ul.navmenu-h2 ul ul li:hover ul, ul.navmenu-h2 li.iehover ul, ul.navmenu-h2 ul li.iehover ul, ul.navmenu-h2 ul ul li.iehover ul { display: block; }

li.prettyPipe { padding-top:5px !important; font-weight:bold; }

ul.sitemap, 
ul.sitemap ul, 
ul.sitemap ul ul { 
  list-style:none; 
  margin:10px;
}
ul.sitemap a.b { font-weight:bold; }


.membershipTiers {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	width: 528px !important;
}

.membershipTiers td {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	padding: 3px 6px;
}

.membershipTiers td.topleftBorder {
	border-left: 1px solid #e63c2d !important; 
	border-right: none !important; 
	border-bottom:none !important; 
	border-top: 1px solid #e63c2d !important;
	width: 22px !important; 
}

.membershipTiers td.leftBorder {
	border-left: 1px solid #e63c2d !important; 
	border-right: 1px solid #fff !important; 
	border-bottom:none !important; 
	text-align:right;
	width: 22px !important; 
}
.membershipTiers td.leftBorderTop {
	border-left: 1px solid #e63c2d !important; 
	border-right: 1px solid #fff !important; 
	border-top:5px solid #FFF !important; 
	border-bottom:none !important;
	text-align:right;
	width: 22px !important; 
}

.membershipTiers td.bottomleftBorder {
	border-left: 1px solid #e63c2d !important; 
	border-right: none !important; 
	border-bottom:none !important; 
	border-bottom: 1px solid #e63c2d !important; 
	text-align:right;
	width: 22px !important; 
}

.membershipTiers td.bottomleftBorderTwo {
	border-left: 1px solid #e63c2d !important; 
	border-right: 1px solid #fff !important; 
	border-bottom: none !important;
	width: 22px !important; 
}

.membershipTiers td.leftspaceBorder {
	border-left: 1px solid #e63c2d !important; 
	border-right: 1px solid #fff !important; 
	border-bottom:none !important;  
	border-top: 15px solid #FFF !important;
	width: 22px !important; 
}

.membershipTiers tr.details td {
	border: 1px solid #e63c2d;
	border-top:none;
}

.membershipTiers tr.details .left {
	border-left: 1px solid #e63c2d;
	border-right: none;
}
.membershipTiers tr.details .mid {
	border-left: none;
	border-right: none;
}

.membershipTiers .benefits {border-bottom: 2px solid #e63c2d;margin: 0px; padding: 0px;}
.membershipTiers .benefits h3 {
	color: #ed736d;
	font-size: 18px;
	margin: 0px;
	padding: 0px 5px;
	text-transform: uppercase;
	width: 150px;
}
.membershipTiers .tiersTitle {border: 1px solid #e63c2d; border-bottom: none; font-size: 11px !important; text-align:center;}
.membershipTiers .tiersTitle.premium,
.membershipTiers .tiersTitle.elite {background: #e63c2d !important; border-right: 1px solid white; color: #FFF; font-size: 11px; text-align:center;}
.membershipTiers .tiersTitle.free {background: #e63c2d; border-right: 1px solid #e63c2d; border-left: 1px solid #e63c2d; color: #FFF; font-size: 11px; text-align:center;}
.membershipTiers .tiersTitle.submitter {background: #e63c2d; border-right: 1px solid #e63c2d; color: #FFF; font-size: 11px; text-align:center;}
.membershipTiers .tiersTitle.siteVis {background: #ed736d; border-bottom: 2px solid #e63c2d; color: white; font-size: 11px; font-weight: bold; text-align:center;}
.membershipTiers .tiersTitle a {color: #FFF;font-size:11px !important;margin: 0px; padding: 0px;text-decoration: none; text-align:center;}

.membershipTiers .none {border: none !important; padding: 3px !important;}
.membershipTiers td.empty {border: none !important; font-size: 1px !important; padding: 0px !important; width: 5px !important;}
.membershipTiers .check {text-align:center;}
.membershipTiers a {color: #A2A2A2; font-size:11px !important;padding-right: 20px;text-align:center;}

.membershipTiers .tiersFooter .empty,
.membershipTiers .tiersFooter td {border-bottom: 3px solid #e63c2d !important; color: #000;}
.membershipTiers .tiersFooter .bottomleftBorderTwo {border-bottom: 1px solid #e63c2d !important;}

.membershipTiers .tiersLinks td {border:none !important;font-size:11px !important; text-align:center;}
.membershipTiers .tiersLinks td a {color: #e63c2d;font-size:11px !important;display: block !important; margin:0px; padding: 0px;text-align:center !important;}



/* Any classes below this line must be at the end of the file; do not move
***************************************************************************/
.noBorder { border:0 !important; }
table.instructions td {
	color: #666666;
	font-size: 10px;
}

p.label{
	position: relative;
	text-align: left;
	width: 300px;
}

p.label img{
	position: absolute;
	top: 0px;
	right: -251px;
}


/* Gallery Page 
***************************************************************************/

table.galleryTable tr td, table.galleryTable tr th { border-bottom: 1px solid #cc9900; padding:15px 0px 10px 10px; margin-bottom: 10px; vertical-align: top;}
table.galleryTable tr th { text-align: center}
table.galleryTable { margin:10px; }
table.galleryTable tr.galleryLast td, table.galleryTable tr.galleryLast th { border-bottom:none; }

table.galleryTable a { font-size:10px; }
table.galleryTable a:hover { text-decoration:none; }

/* Grading Page 
***************************************************************************/
.gradingProcess td {padding-right: 5px; padding-top:5px;}
.gradingProcess { margin-bottom:60px;}

/* grading scale */
.gradingScale {width:229px; height: auto; background-image:url(../images/grading/ph_gradingscale_bg.jpg); background-repeat:repeat-y; margin-top:10px; margin-bottom:20px; padding:10px 0px;}
.gradingScale h2 { padding-left:10px;}
.gradingScale ul {list-style-type:none; width:214px!important; padding:0px; margin:5px 0px 0px 5px;}
.gradingScale ul li {padding:0px; margin:0px;float:none;position: relative; display: block; width:100%;}
.gradingScale ul li ul {margin:0px 0px 0px 0px; padding:0px; position: absolute; right: -50px; top: 3px;}
.gradingScale ul li ul li {margin:0px 0px 0px 0px; border-bottom:none; font-weight:normal;padding:0px;} 
.gradingScale ul li { padding:3px 0px 3px 10px; border-bottom:1px dotted #cc9900; font-weight:bold; }

.servicesFees {
font-size: 11px;

margin-bottom:5px;
margin-top:10px;
background-color:#fff;
border:1px solid #cc9900;
}
.servicesFees th, .servicesFees td {
padding:3px 5px 3px 5px;}

.servicesFees th {background-color:#cc9900;}
.servicesFees .row1 {background-color: #F5E4A0;
}
.footnotes
{
font-size: 10px;
padding-top: 5px;
vertical-align:top;
margin-bottom:15px;
}
.footnotes th {
text-align:right;}
.footnotes td {font-size: 10px;}



.faqNav {
margin:5px 0px 10px 30px;
}

.faqNav li {
padding-bottom:8px;}