body { width: 788px; margin: 0 auto; padding-bottom: 15px; background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
a, a:hover, a:link, a:visited { color: #FFF; }
#content p a, #content p a:hover, #content p a:link, #content p a:visited { color: #0072BC; }
#header { width: 788px; height: 122px; overflow: hidden; background: url(../images/tpcm_header_bg.jpg) right top no-repeat; }
#logo { float: left; width: 218px; }
#logo a { display: block; width: 188px; height: 0 !important; padding: 122px 0 0 0; margin-top: 12px; margin-left: 27px; font-size: 0; line-height: 0; color: #FFF; background: url(../images/tpcm_logo.jpg) 0 0 no-repeat; }
#tagline { float: left; width: 545px; margin-left: 25px; }
#tagline h1 { color: #0066CC; margin-top: 47px; font-size: 22px;  }
#tagline h2 { font-weight: normal; }
#nav { width: 788px; height: 31px; overflow: hidden; }
#nav ul li { display: inline; }
#nav ul li a { display: block; float: left; background: url(../images/tpcm_nav_link.gif) 0 0 no-repeat; width: 110px; height: 31px; line-height: 31px; color: #FFF; text-align: center; font-size: 13px; }
#nav ul li a.active { background: url(../images/tpcm_nav_active_link.gif) 0 0 no-repeat; }
ul#nav-left { float: left; }
ul#nav-right { float: right; }
#container-border { border-width: 1px 1px 0 1px; border-style: solid; border-color: #666; width: 786px; overflow: hidden; }
#container-box { padding: 20px; }
#container-bottom { background: url(../images/tpcm_content_bottom.gif) 0 0 no-repeat; width: 788px; height: 19px; }
#sidebar { width: 194px; float: left; }
#sidebar ul li a { display: block; background: #0066CC url(../images/tpcm_sidebar_link.gif) 0 0 no-repeat; height: 36px; line-height: 36px; text-align: left; border-bottom: 3px solid #FFF; padding-left: 17px; font-weight: 700; }
#sidebar ul li a.first-link { background: url(../images/tpcm_sidebar_top.gif) 0 0 no-repeat; }
#sidebar ul li a.last-link  { background: url(../images/tpcm_sidebar_bottom.gif) left bottom no-repeat; }
#sidebar ul li a span { background: url(../images/tpcm_bullet_white.gif) left center no-repeat; padding: 0 0 0 21px; }
#sidebar ul li a.active { color: #BCBDB0; }
#sidebar ul li a.active span { background: url(../images/tpcm_bullet_grey.gif) left center no-repeat !important; }
#sidebar-button { background: url(../images/tpcm_button_blue.gif) 0 0 no-repeat; margin-top: 20px; }
#sidebar-button a { display: block; width: 194px; height: 75px; line-height: 75px; text-align: center; } 
#sidebar-button a.active { color: #BCBDB0; }
#sidebar #fsa-logo { width: 194px; height: 0 !important; padding: 90px 0 0 0; font-size: 0; line-height: 0; color: #FFF; background: url(../images/fsa.gif) center center no-repeat; }
#sidebar .notice { font-size: 11px; padding-left: 5px; }
#right-column { width: 532px; float: left; margin-left: 20px; }
#right-column-box { width: 532px; overflow: hidden; }
#content { width: 305px; float: left; margin-right: 33px; font-size: 12px; }
#content h1 { font-size: 18px; color: #666; margin-bottom: 15px; }
#content h2 { font-size: 14px; color: #666; margin-bottom: 10px; }
#content h3 { font-size: 12px; color: #666; margin: 15px 0 5px 0; }
#content p { line-height: 16px; margin-bottom: 10px; }
#content ul { margin-top: 21px; }
#content ul li { background: url(../images/tpcm_bullet_blue.gif) left center no-repeat; padding: 8px 0 8px 15px; }
#content ul li a { color: #666; background: url(../images/tpcm_arrow_blue.gif) right center no-repeat; display: block; width: 285px; }
#content ul li .span p { line-height: 20px; }
#content-buttons { width: 305px; overflow: hidden; }
#content-buttons .content-button { margin-top: 20px; float: left; }
#content-buttons .content-button a { display: block; width: 147px; height: 75px; line-height: 75px; text-align: center; }
#content-buttons .dgrey { background: url(../images/tpcm_button_dgrey.gif) 0 0 no-repeat; margin-right: 10px; }
#content-buttons .lgrey { background: url(../images/tpcm_button_lgrey.gif) 0 0 no-repeat; }
#content-buttons .sgrey { background: url(../images/tpcm_square_dgrey.gif) 0 0 no-repeat; margin-right: 10px; margin-top: 0; }
#content-buttons .sgrey a { display: block; width: 75px; }
#content-buttons p { float: left; width: 200px; }
#content #terms ul { margin: 0 0 10px 20px; }
#content #terms ul li { background: none; list-style-type: disc; padding: 0; }
#content #faq ul { margin-bottom: 20px; }
#content #faq ul li { background: none; list-style: none; padding: 0 0 5px 0; }
#content #faq a { color: #0066CC; background: none; }
#content #faq a:hover { color: #333; }
#content #faq .backtotop { text-align: right; font-size: 10px; }
#bubble { width: 194px; float: left; }
#bubble-head { background: url(../images/tpcm_bubble_head.gif) 0 0 no-repeat; width: 194px; height: 212px; padding-top: 10px; }
#bubble-tail { background: url(../images/tpcm_bubble_tail.gif) 0 0 no-repeat; width: 194px; height: 113px; }
#dialog { color: #0066cc; padding: 0 10px 10px 10px; font-size: 14px; }
#footer { margin-top: 30px; }
#footer a { color: #666; font-size: 8px; }
#footer-links { margin-top: 5px; }

.font11 { font-size: 11px; }
.font20 { font-size: 20px; }
.font65 { font-size: 65px; }
.blue { color: #0066cc; }
.red { color: #FF0000; }
.right-align { text-align: right; display: block; } 
.left-align { text-align: left; display: block; } 
.center-align { text-align: center; display: block; }
.margin20 { margin-top: 20px; }
.margin30 { margin-top: 30px; }
.hide {display:none;}
.show {display:block;}
.slides { width: 174px; height: 212px; background-color: #E7E7E7; }
.slides-box { width: 174px; height: 202px; padding-bottom: 10px; display: table-cell; vertical-align: middle; } /* for gecko browsers */
.slides-text { text-align: center; }