/* default styles */
body,td,th { color:#333333; font:11px Verdana,Arial,Helvetica,sans-serif; }
input,select,textarea { color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif; border: 1px solid #7B9EBD; }
input#image {border: 0px solid #7B9EBD;}
a { font-family:Arial,Helvetica,sans-serif; }
body,form { margin:0px; padding:0px; }
body {background-color:#d1d3d4;}

/* #container {position: relative; width: 971px; margin-right:auto; margin-left:auto;} */
#container {position: relative; width: 800px; margin-right:auto; margin-left:auto;}
#mainContent {position: absolute; width: 800; margin-right: auto; margin-left:auto;}
/* #tower {position: absolute; width: 163px; height:700px; top: 4px; left: 808px; background-color: #ffffff;} */
#hpHeader {position: relative; width:800px; height: 149px; z-index:500; background:url(http://postcardmania.com/images/site_headers/homepage_011707.gif) no-repeat top left; margin-top:4px; margin-right:auto; margin-left:auto;}
#secondaryHeader {position: relative; width:800px; height: 149px; z-index:500; background:url(http://postcardmania.com/images/headers/secondary_030707.gif) no-repeat top left; margin-top:4px; margin-right:auto; margin-left:auto;}

/* PCM standard colors */
.purple { color:#600586; }
.white { color:#ffffff; }

/* Main White Content Box against PCM purple */
.mcbl {background: url(http://postcardmania.com/images/boxes/mc/bl.gif) 0 100% no-repeat #ffffff; width: 100%;}
.mcbr {background: url(http://postcardmania.com/images/boxes/mc/br.gif) 100% 100% no-repeat;}
.mctl {background: url(http://postcardmania.com/images/boxes/mc/tl.gif) 0 0 no-repeat;}
.mctr {background: url(http://postcardmania.com/images/boxes/mc/tr.gif) 100% 0 no-repeat;}
.clear {font-size: 1px; height: 1px;}

/* Mini font-embedding */
@font-face{ font-family: Mini; src: url(/styles/fonts/MINI0.eot); }
.mini { font:10px Mini,Tahoma,Arial,Helvetica,sans-serif; }

/* anchor behavior */
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* headlines */
.hlXs { font-size:12px; font-weight:bold; font:Verdana,Arial,Helvetica,sans-serif; }												/*  9 pt */
.hlSm { font-size:14px; font-weight: bolder; font:Verdana,Arial,Helvetica,sans-serif; }												/* 12 pt */
.hlMd { font-size:18px; font-weight:bold; font:Verdana,Arial,Helvetica,sans-serif; }
.hl { font-size:25px; font-weight:bold; font:Verdana,Arial,Helvetica,sans-serif; }													/* 18 pt */
.hlBlack { font:25px Arial Black,Arial,Helvetica,sans-serif; }
.hlLg { font-size:34px; font-weight:bold; }												/* 28 pt */
.hlLgBlack { font:34px Arial Black,Arial,Helvetica,sans-serif; }
.hlXl { font-size:43px; font-weight:bold; letter-spacing:-1px; }	/* 36 pt */
.hlXxl { font-size:52px; font-weight:bold; letter-spacing:-3px; }	/* 42 pt */	
h3 { font-size: 14px; font-weight:bold; }

/* sub/secondary-headline */
.subHead { font-size:16px; font-weight:bold; }
.subHeadBlack { font:16px Arial Black,Arial,Helvetica,sans-serif; }
.subHeadLite { color:#666; font-size:16px; font-weight:bold; }

/* other editorial */
.blurb { font-size:12px; }
.timeStamp { font-size:11px; }
.byLine, .caption { font-size:10px; }
.tagLine { color:#666; font-size:11px; font-style:italic; }

/* all-purpose text */
.textXs, .textXs td { font-size:10px; }	/* 7 pt */
.textSm, .textSm td { font-size:11px; }	/* 8 pt */
.text, .text td { font-size:12px; }			/* 9 pt */
.textLg, .textLg td { font-size:18px; }	/* 14 pt */
.textXl, .textXl td { font-size:24px; }	/* 18 pt */
.textXXL, .textXXL td {font-size:30px;}


/* tab-style component header */
.tab { color:#000; font:10px Mini7,Tahoma,Arial,Helvetica,sans-serif; margin-left:8px; }
.tab a { color:#000; font:10px Mini7,Tahoma,Arial,Helvetica,sans-serif; }

/* component header */
.compHdr, .compHdr a { font-weight:bold; }
.compHdrW, .compHdrW a { color:#fff; font-weight:bold; }

/* section header (above left nav) */
.secHdr { color:#999; font-size:19px; text-transform:capitalize; }

/* main component title bar */
.mcTitle { background-color:#999; color:#fff; font-weight:bold; padding-left:6px; }

/* global buttons */
.btnGrey { background-color:#ccc; border-width:1px; border-style:solid; border-color:#000000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreyOn { background-color:#666; border-width:1px; border-style:solid; border-color:#000000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreen { background-color:#9c6; border-width:1px; border-style:solid; border-color:#000000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreenOn { background-color:#693; border-width:1px; border-style:solid; border-color:#000000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnOrange { background-color:#FE8019; border-width:1px; border-style:solid; border-color:#000000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnOrangeOn { background-color:#D77E35; border-width:1px; border-style:solid; border-color:#000000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }

/* color-only */
.red, .red td, a:visited.red { color:#c00; }
.green, .green td, a:visited.green { color:#090; }
form td.red, form span.red, form div.red { color:#c00; font-weight:bold; } /* red class within forms gets bolded */
.white, .white td, a:visited.white { color:#fff; }
.greyLite, .greyLite td, a:visited.greyLite { color:#ccc; }
.grey, .grey td, a:visited.grey  { color:#999; }
.greyDark, .greyDark td, a:visited.greyDark  { color:#666; }
.greyBlack, .greyBlack td, a:visited.greyBlack { color:#333; }
.black, .black td, a:visited.black { color:#000; }



/* image padding */
.floatLeft { float:left; margin-right:5px; margin-bottom:3px; } /* left-aligned with right- and bottom- */
.floatRight { float:right; margin-left:5px; margin-bottom:3px; } /* right-aligned with left- and bottom- */

/* margins (space between block-level box and border) */
.mar0 { margin:0px }
.mar3 { margin:3px }
.mar5 { margin:5px }
.mar7 { margin:7px }
.mar3tb { margin:3px 0px; }
.mar3lr { margin:0px 3px; }
.mar5tb { margin:5px 0px; }
.mar5lr { margin:0px 5px; }
.mar7tb { margin:7px 0px; }
.mar7lr { margin:0px 7px; }

/* padding (space between border and content) */
.pad0 { padding:0px; }
.pad3 { padding:3px; }
.pad5 { padding:5px; }
.pad7 { padding:7px; }
.pad3tb { padding:3px 0px; }
.pad3lr { padding:0px 3px; }
.pad5tb { padding:5px 0px; }
.pad5lr { padding:0px 5px; }
.pad7tb { padding:7px 0px; }
.pad7lr { padding:0px 7px; }
form td.pad3 { padding-top:3px; } /* form <td>s that need 3px top padding */
form input.paleBlue, textarea.paleBlue  { color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif; border: 1px solid #7B9EBD; }

/* header anchors not underlined on hover */
#hdr a:hover { text-decoration:none; }

a, a:visited.primaryVlink, .sub a:visited { color:#600586; }
a:visited { color:#600586; }
.primaryVlink { color:#005295; }
.primary { color:#005295; }
.secondary { color:#336; }
.tertiary { color:#bdc9c3; }

.primaryBg { background-color:#006d3e; }
.secondaryBg { background-color:#336; }
.tertiaryBg { background-color:#bdc9c3; }

.hdrBannerBg { background-color:#31306B; background-repeat:no-repeat; }
.hdrBtmStripeBg { background-color:#fff; }
.hdrTop, a.hdrTop, a:visited.hdrTop { color:#fff; font:11px Arial,Helvetica,sans-serif; }
.hdrTopOn, a:hover.hdrTop, a:visited.hdrTopOn { color:#c6c394; font:11px Arial,Helvetica,sans-serif; }
.hdrTopBg { background-color:#006d3e; }
.hdrBtmBg { background-color:#336; }
.hdrSel { background-color:#006d3e; color:#fff; font:11px Arial,Helvetica,sans-serif; }

/* tooltip css */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Legacy styles from pcm2.css. Not certain if they are actually called anywhere */
.left_column { background-color: #600586; padding-top: 0; vertical-align: top; width: 300px; }
.poll { font-size: 10px; }
.main_column { background-color: #ffffff; vertical-align: top; width: 458px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.main_column2 { background-color: #ffffff; padding: 5px 10px; width: 458px; vertical-align: top; }
.right_links { padding: 10px; font-size: 11px; }
.right_column { background-color: #ffffff; background-image: none; background-attachment: scroll; background-position: right 0; padding-top: 20px; vertical-align: top; width: 135px; padding-left: 10px; }
.right_column2 { background-color: #ffffff; background-image: none; background-attachment: scroll; background-position: right 0; padding-top: 20px; width: 135px; vertical-align: top; }
im src { color: #fff; background-color: #800080; }

caps { text-transform:uppercase; }

.newsletterHeadline { font-family: Tahoma, Geneva, Helvetica, sans-serif; font-size: 36px; font-weight:bold; }
.newsletterbodyText { font-family: Tahoma, Geneva, Helvetica, sans-serif; font-size: 20px; font-weight:bold; }
.newsletterBodyTextNormal { font-family: Tahoma, Geneva, Helvetica, sans-serif; font-size: 20px; font-weight:normal; }
.newsletterBodyLink { font-family: Tahoma, Geneva, Helvetica, sans-serif; font-size: 18px; color:#600586; text-decoration:none; }
newsletter.a { color:#600586; text-decoration:none; }
.newsletterText { font-family: Chicago, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333; }
