/*------[ main ]---------------------*/

/*body { background: #e7efff; font-size: 80%; font-family: "trebuchet ms", arial, helvetica, sunsans-regular, sans-serif; color:#000; padding:0px; margin:0px; text-align: center; }*/
body { background-color:#CECECE; background-attachment: fixed; font-size: 80%; font-family: "trebuchet ms", arial, helvetica, sunsans-regular, sans-serif; color:#000; padding:0px; margin:0px; text-align: center; }
img { padding:2px; background-color:#fff; border:1px solid #ccc; }
div.cleared { clear:both; height:1px; }
table { margin-top:10px;margin-bottom:10px; }
th { background-color: #eee; text-align:left; }
th { font-size:1.0em; }
td { font-size:1.0em; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; vertical-align:top; }
hr { height: 1px; background-color: #ccc; border: 0; }
acronym, .help { border-bottom: 1px solid #999; cursor:help; }
tt { font-size: 1.2em; }
img.floatleftclear { float: left; clear: left; margin: 8px; border:1px solid #ccc; padding:5px; }

/*------[ forms ]-------------------*/

form { padding:0px; }
label { display: block; }
input, textarea { display: block; margin-bottom: 10px; }
.zero { padding:0px; margin-bottom:0px; display:inline; }

/*------[ links ]---------------------*/

:link                       { color: #039; }
:visited                    { color: #636; }
:link:hover, :visited:hover { color: #333; }
:link:active, :link:active  { color: #000; }

/*------[ typography ]---------------------*/

p, h1, h2, h3, h4, h5, h6 { margin-top:3px; margin-bottom:3px; }
p { padding:5px; }
h1, h2, h3, h4, h5, h6 { font-family: georgia, "trebuchet ms", arial, helvetica, sunsans-regular, sans-serif; color:#000; }
h1 { font-size: 2.0em;font-weight: normal; }
h2 { font-size: 1.7em;font-weight: normal; }
h3 { font-size: 1.4em;font-weight: normal; }
h4 { font-size: 1.2em;font-weight: bold; }
h5 { font-size: 1.0em;font-weight: bold; }
h6 { font-size: 0.8em;font-weight: bold; }

/*------[ current page ]-------------*/

#donate .donate, #cofc .cofc, #desktops .desktops, #flash .flash, #ecards .ecards, #paper .paper, #webdesign .webdesign, #about .about, #archives .archives, #words .words, #contact .contact, #msg .msg, #links .links, #search .search, #root .root, #webdocs .webdocs { border-bottom:5px solid #fff; }

/*------[ ids ]---------------------*/

#bigbox        { background-color:#fff;padding:5px; }
#content       { padding:10px; }
#wrapper       { text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 750px; background-color: #fff; clear: both; }
#ewrapper      { text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 590px; background-color: #fff; clear: both; border:2px solid #fff; }
#pwrapper      { text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; background-color: #fff; clear: both; }

#menu_top      { background-color: #e0e9e9; border-bottom:1px solid #ccc; color: #306090; }
#menu_bottom   { background-color: #edf2f2; color:#306090; font-size:0.9em; }
#abar          { background-color: #94b66b; }

#title         { text-align:left; font-size:2.0em; border-bottom:1px solid #fff; text-transform:uppercase; padding:3px 0px 3px 20px; background: url(../img/gradient5.gif); }
#title h1 { color: #fff; }
#title a { color:#fff; text-decoration:none; }
#title a:hover { color:#a5cfef; text-decoration:none; }

#footer { background: #000; clear:both; text-align:left; font-size:0.8em; text-transform:uppercase; color:#999; padding:5px; height:75px; }
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { color:#999; text-decoration: none; }

#permalinks { background-color:#f1f1f1; clear:both; text-align:right; font-size:0.9em; text-transform:uppercase; color:#888; margin-top:10px; border-top:1px solid #ccc; }
#permalinks a { color: #306090; text-decoration: none; }
#permalinks a:hover { color:#000; text-decoration: underline; }

#menu_top a            { color: #000; text-decoration:none; }
#menu_top a:hover      { text-decoration:underline; }
#menu_top a:visited    { color: #888; }

#menu_bottom a         { color: #000; text-decoration:none; }
#menu_bottom a:hover   { text-decoration:underline; }
#menu_bottom a:visited { color: #888; }

#hp_65         { width:60%; float:left; background-color:#fff; padding:5px; }
#hp_65 p       { margin-top:8px; margin-bottom:8px; }
#hp_34         { width:37%; float:right; background-color:#f1f1f1; padding:5px; border-left:1px solid #ccc; }

/*------[ content columns ]---------------------*/

#leftcol_70    { width:70%; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#fff; padding:5px; }
#leftcol_75    { width:75%; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#fff; padding:5px; }
#leftcol_cofc  { width:75%; float:left; background-color:#fff; padding:5px; }
#leftcol_60    { width:60%; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#fff; padding:5px; }

#rightcol_21   { width:21%; float:right; }
#rightcol_21_b { width:21%; float:right; }
#rightcol_35_a { width:35%; float:right; }
#rightcol_26   { width:26%; float:right; }
#rightcol_35   { width:35%; float:right; }

/*------[ general ]---------------------*/

.ad               { border-bottom:1px solid #eee; text-align:center; }
.ad2              { float: right; clear: right; margin: 8px; padding:5px; border:2px solid #ccc; }
.ad3              { float: left; clear: left; margin: 8px; padding:5px; border:2px solid #ccc; }
.cal              { border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#eaeaea; text-align:center; }
.cal1             { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; background-color:#ccc; text-align:center; }
.cal2             { background-color:#fff; text-align:center; }
.caltab           { margin-top:4px; }
.caltab a:visited { color:#000; }
.cb               { background-color:#f1f1f1; border:1px solid #5f9ea0; padding:10px; text-align:center; }
.cb_txt           { border:1px solid #5f9ea0; background-color:#fff; color:#5f9ea0; font-size:0.9em; }
.ctr              { text-align:center;}
.doodle           { background:#fff; text-align:center; }
.doodle img       { margin-top:10px; }
.eeeeee           { background-color:#eeeeee; padding: 10px; }
.fback            { background: url(../images/burble_bg1.gif) no-repeat top left; padding:10px; margin-left:10px; margin-right:200px; margin-bottom:10px; color:#707070; }
.holder           { background-color: #f1f1f1; padding:1px; text-align:center; border-bottom: 1px solid #999; }
.img_gallery1     { background-color:#fff; padding:2px; border: 5px solid #eee; }
.img_gallery2     { background-color:#fff; padding:2px; border: 5px solid #ff0000; }
.indent           { border-bottom:2px solid #999999; border-left:2px solid #999999; border-top:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#eeeeee; }
.label            { border-bottom:1px solid #ccc; }
.lft              { text-align:left; }
.news             { border: 1px solid #ccc; padding: 10px; margin-bottom:10px; }
.news h3          { color: #000; margin:0px; padding:0px; }
.nh3              { color:#5f9ea0;font-weight:bold; }
.nolink           { color:#999; text-decoration: line-through; }
.nowt             { padding:0px; border:0px solid #fff; }
.p5               { padding:5px; }
.p5a              { background-color:#fff; border-bottom:3px solid #ccc; margin-bottom:10px;font-size:0.9em; }
.para             { background-color:#fff; border:1px #ccc dashed; padding:10px; }
.quote            { font-family: georgia, arial, verdana; background-color:#f1f1f1; padding:10px; line-height:20px; border-left:10px solid #ccc; margin: 10px 10px 15px 10px;}
.rgt              { text-align:right; }
.side-l           { float:left; padding:4px 4px 4px 8px; text-align:left; }
.side-r           { padding:4px 8px 4px 4px; text-align:right; }