/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: 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; }

/* INFORMATION
======================================================================
COLORS
	red 		= #cc0000
	gray		= #333333
	dark text	= #000000
	text		= #666666	
*/

/* FOUNDATION
======================================================================*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
  color: #cc0000;
  font-weight: bold;
  font-size: 25px;
  line-height:24px;
  padding-bottom: 10px;
}

h2 {
  color: #333333; 
  font-size: 18px;
  font-weight: bold;
  line-height:24px;
  padding-bottom: 10px;
}

h3 {
  color: #000000;
  font-size: 14px;
  font-weight:bold;
  padding-bottom: 0px;
}

p {
	color: #666666;
	font-size:12px; 
	padding-bottom: 15px;
}
a {color: #cc0000; text-decoration: none;}

table, td {
	color: #666666;
}

.clear {clear: both; font-size:1px; line-height: 1px; height: 1px; margin: 0px; padding: 0px;}

.siteContainer {
	text-align: left;
	width:962px;
}
hr {
	color:#ccc;
	
}

/* HEADER
======================================================================*/
.header {
	height:101px;
	background-image:url('../../images/css/header_background_gradient.gif');
	background-repeat:repeat-x;
}
.header .logo {
	float:left;
	padding:15px 0px 0px 25px;
}

/* MAIN NAVIGATION
==============================*/
.menu img{
	float:left;
	position:absolute;
	left:247px;
}

.menu {
	background-image:url('../../images/css/menu_background_gradient.gif');
	background-repeat:repeat-x;
	width:709px;
	height:39px;
	float:right;
}

.menu div{
	position:absolute;
	left:300px;
	top:6px;
	width:650px;
}

.menu div ul{
	list-style-type: none;
}

.menu div li {
	float: left;
	list-style: none;
	position: relative;
}

.menu div li.menuLine {
	color:#fff;
	font: normal 16px arial, Helvetica, sans-serif;
	margin-top:2px;
	}

/* Root Menu */
.menu div a {
	color:#fff;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: normal 16px arial, Helvetica, sans-serif;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
	text-transform:capitalize;
	padding: 0px 8px 0px 8px;
}

/* CONTENT
======================================================================*/
.mainPageHeader{
	background-image:url('../../images/css/dp_background_gradient.gif');
	background-repeat:repeat-x;
	height:262px;
}

.mainPageHeader div
{
	padding:20px 25px 0px 25px;
	width:250px;
}

.mainPageHeader div h1 span
{
	font-style:italic;
}

.mainPageHeader img
{
	position:absolute;
	left:283px;
	top:33px;
	behavior:url(../../iepngfix.htc);
}

.mainPageContent
{
	background-color:#fff;
	background-image:url('../../images/css/content_gradient.gif');
	background-repeat:repeat-x;
	height:210px;
}

.mainPageContent .content div
{
	width:218px;
	float:left;
	padding:0px 0px 25px 13px;
}

.mainPageContent .content p
{
	color:#000000;
}

.content { 
	padding:25px 25px 25px 25px; 
}

.content .left
{
	width:580px;
	float:left;
	padding-right:50px;
}

.leftmemberships
{
	width:580px;
	float:left;
	padding-right:50px;
}

.content .left p span{
	font-weight:bold;
}

.content .left img
{
	margin-bottom:10px;
}

.content .left div
{
	margin-bottom:20px;
}

.content .left div div
{
	float:left;
	margin:0px 20px 0px 0px;
	text-align:center;
}

.content .right
{
	float:left;
	width:200px;
	border-left:1px solid #cccccc;
	padding-left:10px;
	text-align:left;
}

.rightmemberships
{
	float:left;
	width:200px;
	border-left:1px solid #cccccc;
	padding-left:10px;
	text-align:left;
}

.rightmemberships h2
{
	text-transform:uppercase;
	padding:0px;
	font-size:16px;
	line-height:16px;
}

.rightmemberships img
{
	padding-top:20px;
}

.content .right h2
{
	text-transform:uppercase;
	padding:0px;
	font-size:16px;
	line-height:16px;
}

.content .right img
{
	padding-top:20px;
}

.contentShadow
{
	background-image:url('../../images/css/content_header_gradient.gif');
	background-repeat:repeat-x;
	height:5px;
	width:100%;
}
/* NEWS/ARTICLE PAGE
====================================================================*/

.news td {padding-bottom:15px; padding-top:2px;}
.news tr.articleList td {border-bottom:1px dotted #666666;padding:15px 0px; }
.news p {padding: 0px;margin:0px;}
.news table td {border-bottom:none;padding-right:10px;}

/* EVENTS PAGE
====================================================================*/


.EventTable h3 {
	margin-top:15px;
	margin-bottom:0px;
}
.EventTable table {
	margin-bottom:20px;
}
.quickLink {white-space:nowrap;}

.quickLink .links {
	font-size:12px;
	padding:0 0 0 8px;
}
.quickLink a {
	margin:0;
	padding:0 4px;
}
.icon {
	padding-left:5px;
}
	
.eventList .dateColumn {
 	width:60px;
}

/* CONTACT FORM
=====================================================================*/


table.contactForm 
{ 
	width:50%; 
	margin:0; 
	padding:15px 15px 15px 0px; 
	margin-bottom:15px;
}

label, input, select 
{
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666;
	margin-right:5px;
	font-weight:bold;
}

input, select, textarea 
{ 
	width:175px; 
	border:solid 1px #666666; 
}

input[type~="submit"] 
{ 
  height:25px; 
  width:50px;
  font-weight:bold; 
  color:#FFF;
  background:#cc0000; 
  text-align:center;
  cursor:pointer;
  float:left;
  margin:0px 0px 0px 70px;
  border:none;
}

/* GRADING SCALE
===================================================================== */
.gradingScale {width:229px; height: auto; background-image:url(http://www.cgcmagazines.com/images/grading/ph_gradingscale_bg.jpg); background-repeat:repeat-y; margin-bottom:20px; padding:10px 0px;float:left;padding-right:20px;}
.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; }


/*LOBBY CARD SERVICES AND FEES TABLE
===================================================================== */
.detail
{
	text-align:left;
	font-size:10px;
}

.detail h3
{
	font-size:12px;
	margin-bottom:5px;
}
.detail a,.detail a:link, .detail a:visited
{
	font-size:10px;
}
.detail td
{
	padding:5px 12px;
}
.detail th
{
	text-align:left;
	font-weight:normal;
	padding-right:20px;
	padding-left:20px;
}
.row_1 td
{
	background-color:#eeeeee;
}
.row_2 td
{
	background-color:#ffffff;
}
.total_vertical
{
	border-left:4px solid #f8c470;
font-weight:bold;
}
.total_horizontal
{
	border-top:4px solid #f8c470;
	font-weight:bold;
}
.callout_header td
{
	background-color:#f7d573;
	border-top:4px solid #fae19a;
	border-bottom:4px solid #fae19a;
	font-size:12px;
	padding:5px 10px;
	vertical-align:bottom;
	text-align:left;
	font-weight:bold;
}

/*LOBBY CARD SUBMISSION INSTRUCTIONS TABLE
===================================================================== */
.lobbyCardInstructions .InstructionText{
	color:#CC0000 !important;
	padding-left:5px;
}

.lobbyCardInstructions img {
	margin-bottom:0px !important;
	display:block;
}

/* MEMBERSHIP TABLE STYLES
===================================================================== */
.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;}


/* FOOTER
======================================================================*/
.footer {
	border-top:1px solid #cccccc;
	margin-top:25px;
}

.footer .content a img
{
	padding-right:25px;
}

.footer .content p
{
	padding-top:10px;
	font-size:10px;
}

.footer .content a
{
	color:#666666;
	text-decoration:underline;
}


