@font-face {
    font-family: 'trebuchet';
    src: url('static/fonts/TREBUC.eot');
    src: local('☺'), 
            url('static/fonts/TREBUC.TTF') format('truetype');
}
/* generic HTML styles */
body {
    /*font-family: trebuchet, sans-serif;*/
    background-image:url(images/bg.png);
    min-height:2048px;
}

p {
    margin:10px 0 10px 0;
}


ul {
    margin-left:15px;
}
li {
    margin-bottom:15px;
}

em {
    font-style:italic
}
/* debugging 
div {
    border:1px solid black
}
*/

h1,h2,h3 {
    color:#445560;
    font-weight:bold;
    margin-bottom:10px;
}

input {
    border:1px solid gray
}
input.noborder {
    border:0;
}

button {
    width:75px;
    padding:2px;
    border:1px solid gray;
}




/* ID styles */
#cpf-header {
    margin:0;
    padding:0;
    width:974px;
    height:100px;
}

#cpf-header-left {
    background-image: url(images/header-hilite.png);
    background-repeat: no-repeat;
}

/* position logo image */
#cpf-header-logo {
    float:left;
    margin-left:20px;
}

/* site name H1 */
#cpf-header-name {
    border:1px solid;
    display:none;
}

#cpf-header-name h1 {
    display:none;
}

#cpf-nav-bnnr {
    height:41px;
    background-image: url('images/nav-banner.png');
    background-repeat: no-repeat;
}

#cpf-main {

    border-bottom:1px solid #839DB2; /* #A7C4DB;*/
    padding:10px 25px 20px 25px;
    background-color:white;
    color:#333333;
    line-height:150%;
}

#cpf-main h1 {
    font-size:197%;
    font-weight:bold;
    color:#445560;
    margin:5px 0 5px 0;
}

#cpf-main h4 {
    font-size:138.5%;
    font-weight:bold;
    color:#445560;
    margin:5px 0 5px 0;
}


/* front page */
#cpf-home-ad {
    background-color:#445560;
    height:200px;
    min-height:200px;
    background-image: url('images/adspace-bg.png');
    background-repeat: no-repeat;
}

#cpf-home-ad-morebox {
    padding-top:20px;
    padding-left:750px;
    font-size:138.5%;
    font-weight:bold;

}

#cpf-home-ad-morebox a {
    color:white;
    text-decoration:none;
}

#cpf-home-ad-morebox a:hover {
    font-size:110%;
}
/* secondary pages */
#cpf-home-ad2 {
    background-color:#445560;
    height:75px;
    min-height:75px;
    background-image: url('images/adspace-2nd-page-bg.png');
    background-repeat: no-repeat;
}

#cpf-home-ad2 h1 {
    padding-top:15px;
    padding-left:25px;
    color:white;
    font-size:225%;
    font-weight:bold;
}



#cpf-footer {
    height:25px;
    color:#3B5D77;
    padding-top:6px;
    padding-left:10px;
}

#cpf-footer a {
    text-decoration:none; 
    color:#3B5D77;
}

#cpf-provide {
    margin-top:15px;
}

#cpf-provide-enc {
    background-image: url('images/provide-padlock.png');
    background-repeat: no-repeat;
    min-height:50px;
}

#cpf-provide-enc div {
    margin-left:55px;
}

#cpf-provide-collab {
    background-image: url('images/provide-collab.png');
    background-repeat: no-repeat;
    min-height:60px;
    margin-top:20px;
}

#cpf-provide-collab div {
    margin-left:60px;
}

#cpf-provide-email {
    background-image: url('images/provide-email.png');
    background-repeat: no-repeat;
    min-height:60px;
    margin-top:20px;
}

#cpf-provide-email div {
    margin-left:60px;
}


#cpf-svc-box {
    padding:10px;
    font-size:108%;
    color:#444444;
}


#cpf-svc-dbckt {
    margin-top:20px;
    margin-left:15px;
    font-size:100%;
    background-image: url('images/svc-dbckt-beta.png');
    background-repeat: no-repeat;
    min-height:350px;
}

#cpf-svc-dbckt-float {
    padding-left:128px;
    padding-top:175px;
    width:350px;
/*    color:#bb0022;*/
}


#cpf-svc-reliable {                
    padding:8px;
    border:1px dotted silver;
    background-color:#ddeecc; /*#eeeeee*/

}

#cpf-svc-featlist {
    margin-top:20px;
}


#cpf-svc-box-sup-sel {
    width:540px;
}

#cpf-svc-box-sup-sel td {
    padding:7px;
    vertical-align:top;
    border:1px dashed silver;
}

#cpf-svc-box-usup {
    margin-top:20px;
    margin-right:70px;
    margin-bottom:30px;
}

#cpf-svc-box-usup input {
    width:200px;
}
#cpf-svc-box-usup td {
   padding:2px 10px 2px 10px; 
}
#cpf-svc-box-next {
    display:none;
    padding-top:20px;
    width:540px;
    font-size:116%;
}

#cpf-svc-box-next a {
    color:#3311ff;
}

#parmsg { /* bit of a leftover from the old site TODO */
    color:red
}







/* CLASS styles */
.cpf-navlink {
    float:left;
    margin:0;
    padding:0;
    padding-left:10px;
    padding-right:10px;
    font-size:108%;
    font-weight:bold;
    height:41px;
}

.cpf-navlink-pad {
    margin-top:13px;
}

.cpf-navlink-pad a {
    color:white;
    text-decoration:none;
}

.cpf-silver-dash {
/*    background-color:#eeeeee;*/
    border-top:2px dashed #dddddd;
    border-bottom:2px dashed #dddddd;
}

div.cpf-float {
    float:left;
    width:175px;
/*    border:1px solid gray;*/
    margin:6px;
    vertical-align:top;
}


.cpf-tstml-quote {
    font-size:116%;
}
.cpf-tstml-attr {
    margin-bottom:20px;
    margin-top:5px;
    margin-left:10px;
}

.cpf-list li {
   margin-bottom:10px;
}

/* use these to for 2-col aligned form presentation */

.cpf-forms-two-col {
    height:40px;
}
.cpf-forms-two-col div {
    width:175px;
    margin:6px;
    vertical-align:top;
    float:left;
}

.cpf-svc-reliable-class {                
    padding:8px;
    border:1px dotted silver;
    background-color:#eeeeee;
}

/* new button face */
div.bttn {
    background:url('images/div-bttn-bg.png');
    background-color:#777777;
    padding:0;
    height:25px;
    width:150px;
    color:#222222;
   /* border-left:1px solid #aaaaaa; 
    border-right:1px solid #aaaaaa;
    */
    border:1px solid #777777;
    font-family:sans-serif;
    cursor: pointer;
    float:left;
    text-align:center;
}
div.bttn a {
    text-decoration:none;
    color:black; /* override as needed */
}
div.bttn div {
    margin-top:4px;
}
div.bttn:hover {
    padding:0;
    border:1px solid #777777;
    background:url('images/div-bttn-bg-hover.png');
    color:black;
    background-color:#777777;
}

input.v2 {
    height:25px;
    font-size:106%;
    border:1px solid #777777;
}
table.flds td {
    margin-bottom:10px;
    padding:2px;
    vertical-align:top;
}

.post-body {
    font-size:108%;
}

h1.big1 {
    font-size:138.5%;
    font-weight:bold;
    color:#777777;
}

div.bttn3 {
    text-align:center;
    padding-top:5px;
    cursor:default;/*pointer;*/
    border:1px solid black;
    background-image:url('../images/div-bttn-bg.png');
    background-repeat: repeat-x;
    height:25px;
}


button.bttn4 {
   border:1px solid black;
   padding:0;
   cursor:pointer;
}
.bttn4a {
   background-color:#aaaaaa;
   border-top:1px solid white;
   padding:7px;
   text-align:center;
}
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}