﻿html {overflow-y: scroll}

body,html
{
/* commented backslash hack - hides from Mac IE5 \*/
height: 100%;
/* end hack */
}

body {background-image:url(images/bgk_grad.gif);background-position: top center;margin: 0px;padding: 0px;background-color: #C2C1C1;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #333B8F;}

@media print {.print{DISPLAY:none}}

#tickerholder {z-index: 1;position: absolute;top: 0;left: 0;width: 100%}
#ticker{padding-top: 25px;width: 772px;text-align: left;margin: 0 auto;height: auto}

#shell {width: 100%;margin: 0 auto;height: auto;z-index: 2;position: absolute;top: 0;left: 0;}

#topcurve {padding: 12px 0px 0px 0px; background-image:url(images/top_curve.jpg);background-repeat: no-repeat;background-position: top center;width: 100%;text-align: center}
#holder {width: 772px;text-align: left;margin: 0 auto;height: auto}
/*----- top -----*/
#top {height: 105px;padding: 0px;background-image:url(images/top_curve2.jpg);background-repeat: no-repeat;background-position: top left}
#logo {float: left;height: 91px;width : 152px;background-image:url(images/century_art.jpg);background-repeat: no-repeat;background-position: top left}
#topnav {letter-spacing: 1px;font-family: Arial, Helvetica, Verdana, sans-serif;float: left; width: 610px;font-size: 11px}
#topnav ul {display: inline;margin: 0px; padding: 0px}
#topnav ul li {display: inline;margin: 0px}
#topnav ul li a {padding: 2px 15px 4px 18px; color: #fff; text-decoration: none; background-repeat: no-repeat;background-position: center left}
#topnav ul li a:hover {color: #63FEFC; background-repeat: no-repeat;background-position: center left}
#topnav ul li a {background-image:url(images/top_bullet.gif)}
#topnav ul li a:hover {background-image:url(images/top_bullet_on.gif)}
#topnav ul li a:active, #topnav ul li a:visited:active  {color: yellow}
body#home a#homenav, body#products a#prodnav, body#faq a#faqnav, body#contact a#connav {color: yellow;}

/*----- standard ------*/
.floatl {float: left}
.floatr {float: right}
.txtrgt {text-align: right}
.clearboth {clear:both; font-size:1%}

.squares {margin-top: 0px;padding:0px}
.squares li {padding-bottom: 8px;list-style-type: square;}

a{text-decoration: none;color: #FF4E00}
a:hover {text-decoration: underline;color: #FF7109}
a:active {color: yellow}
.pdflink {display: block;padding: 4px 0px 4px 22px;background: url('images/ico_pdf2.gif') center left no-repeat}

.solo {padding: 0px 0px 0px 12px; background-repeat: no-repeat;background-position: center left; background-image:url(images/solo-off.gif)}
.solo:hover {background-image:url(images/solo_on.gif)}

.arras {list-style-type: none;margin: 0px;padding: 0px}
.arras li {background-image: url('images/arras.gif');background-repeat: no-repeat;background-position: center left;padding: 0px 0px 2px 11px}

.linklist li a {text-decoration: normal;color: #000;background-image: url('images/arras.gif');background-repeat: no-repeat;background-position: left center;padding-left: 5px}
.linklist li a:hover {text-decoration: underline;color: #912500;background-image: url('images/arras.gif');background-repeat: no-repeat;background-position: left center}

h1 {border-bottom: 1px solid #ACACAC;font-weight: normal;margin: 0px 0px 15px 0px;padding: 0px 0px 5px 0px;font-size: 140%;color: #6C6C6D;letter-spacing: 2px}
h2, h3, h4, h5, h6 {text-transform: uppercase;font-size: 90%;font-weight: bold;margin: 30px 0px 10px 0px;padding: 0px 0px 5px 0px;letter-spacing: 2px;border-bottom: 1px dotted #ACACAC}

.input {font-size: 100%;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;border: 1px solid #999999;margin: 0px 0px 5px 0px;padding: 0px 2px 0px 2px;}
.btn {font-size: 90%;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
.width350 {width: 350px}

.leftimgpad {margin: 4px 12px 3px 0px}
.rightimgpad {margin: 4px 0px 3px 12px}

img {border: 0px}
/*----- home panels ------*/
#panels {padding: 12px 13px 13px 13px;letter-spacing: 1px;color: #A3A3A4;font-size: 11px}
#panels ul {list-style-type: none;margin: 0px;padding: 0px}
#panels img {margin-top: 8px}
/*----- page ------*/
#page {background-image:url(images/page_slc.gif);background-repeat: repeat-y;background-position: top center;}
#pagebtmgrad {background-image:url(images/btm_grad.gif);background-repeat: no-repeat;background-position: bottom center}
#pagetopgrad {padding: 0px 16px 0px 16px;background-image:url(images/top_grad.gif);background-repeat: no-repeat;background-position: top center}
#pagetop {padding: 0px; background-image:url(images/hm_top.gif);background-repeat: no-repeat;background-position: top center}
#pagebtm {padding: 0px; background-image:url(images/hm_btm.gif);background-repeat: no-repeat;background-position: bottom center}
#leftbck {background-image:url(images/leftbck.gif);background-repeat: repeat-y;background-position: top left}
#leftcol {float: left; width: 164px}
#leftnav div {text-align: right;padding: 17px 12px 4px 0px;letter-spacing: 1px;font-size: 110%;color: #6C6C6D;background-color: #C1BFBF;background-image:url(images/lft_top.gif);background-repeat: no-repeat;background-position: top left}
#leftnav ul {width: 163px; margin: 0px 0px 20px 0px; padding: 0px; list-style-type: none;}
#leftnav li {text-align: right;border-bottom: 1px solid #B1B1B1; border-top: 1px solid #fff; margin: 0px; padding: 0px; display: block; list-style-type: none;}
#leftnav li a{color: #6C6C6D;padding: 4px 10px 4px 5px; width: 143px;margin: 0px; border-right: 4px solid #fff;display: block}
#leftnav li a:hover{color: #333B8F;text-decoration: none;background-color: #EBF2FB;margin: 0px}

#rightcol {float: left; width: 548px}
#rightcol #hminner {padding: 33px 15px 20px 15px}
#rightcol #pginner {padding: 25px 0px 25px 26px}
#rightcol p {margin: 0px 0px 0.8em 0px}

.pnlttl {margin: 0px;background-color: #CEDCED; background-image:url(images/pnl_tl.gif);background-repeat: no-repeat;background-position: top left}
.pnlttlinner {letter-spacing: 1px;font-size: 90%;color:#717070;text-transform: uppercase;padding: 3px 12px 2px 12px;background-image:url(images/pnl_tr.gif);background-repeat: no-repeat;background-position: top right}
.pnlcnt {background-color: #EBF2FB; background-image:url(images/pnl_bl.gif);background-repeat: no-repeat;background-position: bottom left}
.pnlcntinner {padding: 4px 12px 4px 12px;background-image:url(images/pnl_br.gif);background-repeat: no-repeat;background-position: bottom right}
.pnlcntinner a  {color: #333B8F;}
.col3 {float:left;width:33%}

/*---- footer nav -----*/
#bottom {font-family: Arial, Helvetica, Verdana, sans-serif; background-image:url(images/btm_bck.jpg);height: 118px;background-repeat: no-repeat;background-position: top center;padding: 0px 0px 9px 0px}
#bottominner {padding: 14px 12px 0px 12px;text-align: center; color: #fff}
#bottominner p {margin: 9px}
#bottom ul {display: inline;margin: 0px; padding: 0px}
#bottom ul li {display: inline;margin: 0px}
#bottom ul li a {padding: 0px 8px 0px 8px; color: #fff; text-decoration: none}
#bottom ul li a:hover {color: #63FEFC}
#bottom .border1 {border-right: 1px solid #fff}

#bottom a {text-decoration: none;color: #C3E6FD}
#bottom a:hover {color: #63FEFC}