/* 3 columns: #3 on left, #1 in middle, and #2 on right */

BODY,HTML {
BACKGROUND-COLOR: white; COLOR: #000000;
FONT: x-small baskerville, caslon, bookman, "bookman old style", palatino, "times new roman", "new york", times, serif;
MARGIN: 2%;
PADDING: 0%;
}

H1 {
COLOR: #000000;
BACKGROUND: white;
FONT: x-large verdana, geneva, helvetica, arial, sans-serif;
FONT-WEIGHT: bold;
MARGIN: 20px 0 0 110px;
PADDING: 0%;
}
H2 {
COLOR: #000000;
FONT: bold medium verdana, geneva, helvetica, arial, sans-serif;
MARGIN: 0px 0px 0.3em;
PADDING: 0px;
}
H3 {
FONT: bold small verdana, geneva, helvetica, arial, sans-serif;
MARGIN: 0px 0px 0px 1em;
PADDING: 0px;
}
P {
FONT: small baskerville, caslon, bookman, "bookman old style", palatino, "times new roman", "new york", times, serif;
MARGIN: 0px 0px 0.8em;
PADDING: 0px;
}
UL, OL, LI {
FONT: small verdana, geneva, helvetica, arial, sans-serif;
}

DL,DT,DD {
FONT: x-small verdana, geneva, helvetica, arial, sans-serif;
}
UL {
MARGIN-LEFT: 5%; PADDING-LEFT: 1%;
}
DL {
MARGIN-LEFT: 2%; PADDING-LEFT: 1%;
}
UL, LI {
LIST-STYLE: disc;
}
LI,DD {
MARGIN-LEFT: 4%; PADDING-LEFT: 1%;
}

.title {
BACKGROUND: #ffffff;
BORDER: #000000 0px solid;
BORDER-BOTTOM-WIDTH: 3px;
COLOR: #000000;
FONT: x-small baskerville, caslon, bookman, "bookman old style", palatino, "times new roman", "new york", times, serif;
HEIGHT: auto;
MARGIN: 0% 0 0% 0;
PADDING: 12px;
}

.title IMG {
FLOAT: left;
VERTICAL-ALIGN: middle;
MARGIN: 0 10px 10px 0;
HEIGHT: 100px;
WIDTH: 100px;
}

.title #navbar {
BACKGROUND: #99ff99;
BORDER: #cc0000 2px solid;
COLOR: #000000;
WIDTH: auto;
}

#navbar p {
FONT: small "arial narrow", verdana, geneva, helvetica, arial, sans-serif;
}

.title #blurb {
COLOR: #000000;
BACKGROUND: #ffffff;
FONT: bold small verdana, geneva, helvetica, arial, sans-serif;
TEXT-ALIGN: left;
}

.title #number {
COLOR: #000000;
BACKGROUND: #ffffff;
FONT-STYLE: normal;
FONT: bold small verdana, geneva, helvetica, arial, sans-serif;
FONT-VARIANT: small-caps;
FLOAT: left;
}

.title #date {
COLOR: #000000;
FONT-STYLE: normal;
FONT: bold small verdana, geneva, helvetica, arial, sans-serif;
FONT-VARIANT: small-caps;
FLOAT: right;
}

/* this floats columns 1 and 2 to the right */
.columns {
float: right;
width: 74%;
}

.colone-wrap {
width: 66%;
float: left;
}

/* coltwo is half as wide as Col 1 */
.coltwo-wrap {
width: 33%;
float: right;
}

/* colthree is on its own */
.colthree-wrap {
width: 24%;
float: left;}

.colone {
BACKGROUND: white;
HEIGHT: auto;
}

.coltwo {
BACKGROUND: white;
HEIGHT: auto;
}

.colthree {
BACKGROUND: white;
HEIGHT: auto;
}

.colone, .coltwo, .colthree {
padding: 6px;
margin: 0px;
border: none;
}

DIV.article {
BACKGROUND: #ffff99;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
COLOR: #000000;
MARGIN: 0%;
PADDING: 1%;
}

.article P {
FONT-SIZE: small; MARGIN-LEFT: 1em;
}

UL.norm, LI.norm {
MARGIN-LEFT: 0%; padding-left: 0%;
FONT: small baskerville, caslon, bookman, "bookman old style", palatino, "times new roman", "new york", times, serif;
}


blockquote {
FONT: small baskerville, caslon, bookman, "bookman old style", palatino, "times new roman", "new york", times, serif;
}

SPAN.hide {
display: none;
}

SPAN.author {
FONT-STYLE: italic;
}

DIV#linksmenu {
BACKGROUND: #99ffff;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
MARGIN: 0% 0% 1%;
PADDING: 2%;
}

DIV#factofweek {
BACKGROUND: #99ffff;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
MARGIN: 0% 0% 1%;
PADDING: 2%;
}

DIV.otherlinks {
BACKGROUND: #ffccff;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
MARGIN: 0% 0% 1%;
PADDING: 2%;
}

DIV#weblogmenu {
BACKGROUND: #cccccc;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
MARGIN: 0% 0% 1%;
PADDING: 2%;
}

DIV#images {
BACKGROUND: #99ff99;
MARGIN: 2.5em 0% 0%;
WIDTH: 90%;
PADDING: 1%;
}

.footer {
CLEAR: both;
BACKGROUND: #99ff99;
BORDER: #cc0000 1px solid;
BORDER-BOTTOM: #cc0000 3px solid;
BORDER-RIGHT: #cc0000 3px solid;
COLOR: #000000;
LEFT: 1%;
MARGIN: 1% 0 1% 0;
PADDING: 1%;
TEXT-ALIGN: left;
}

.footer P {
FONT-SIZE: x-small;
}

.footer #contact {
FLOAT: right;
}


/* CSS hackery for clear  */
.clear {
Clear: both;
line-height: 0px;
font-size: 1px;
}
/* OK, IE5 (mac) is set, now handle fonts for Gecko,               */
/* then turn off for IE5(PC) ansd Omni Web, then back for IE6 (PC) */
/*\*/
.clear {
Font-Size: medium;
}
.fake.clear {
Display: none;
}
/* */
/* Turn off for Opera up to 6 */
html>body div.clear {
Display: none;
}
/* then back on again for decent browsers */
/* thanks to http://www.albin.net/CSS/OwenHack.html */
head:first-child+body div.clear {
Display: block;
}

.nn4clear {
Clear:both;
line-height: 0px;
font-size: 1px;
}
/*/*/ .nn4clear {display:none;} /* */


/* CSS hack for IE6, which needs position:relative to have a clue */
/* NN4 and IE5(PC) hate it, however.  Every thing with a background color goes here */
/*/*/
.wrap, .columns, .colone-wrap, .coltwo-wrap, .colthree-wrap, .title, H1, .title#navbar, 
DIV.article, DIV#linksmenu, DIV#factofweek, DIV#otherlinks, DIV#weblogmenu, DIV#images, 
.footer, SPAN#number, SPAN#date, SPAN.hide {
p\osition: relative; 
}
/* */

SPAN.contact IMG {
FLOAT: left;
VERTICAL-ALIGN: middle;
MARGIN: 0 10px 10px 0;
}

DIV.main {
BACKGROUND: #ffff99;
BORDER: #cc0000 1px solid ;
HEIGHT: auto;
float: left;
MARGIN: 0;
PADDING: 1%;
WIDTH: 70%;
Z-INDEX: 2;
}

DIV.main SUP {
FONT-SIZE: x-small;
}

/* everything from position: to width: is UGLY because NN4 is dumb. */
/* main2.css fixes this for every other browser.  */
DIV.sidebar {
BACKGROUND: #cccccc;
BORDER: #cc0000 1px solid;
FLOAT: left;
position: absolute;
left: 75%;
width: 180px;
HEIGHT: auto;
MARGIN: 1%;
PADDING: 1%;
Z-INDEX: 1;
}
DIV#sbimages {
BACKGROUND: #cccccc;
MARGIN: 1em 0% 0%;
WIDTH: 90%;
PADDING: 1%;
}

DIV.MAIN td, DIV.MAIN tr, DIV.MAIN th, DIV.MAIN caption {
FONT: small verdana, geneva, helvetica, arial, sans-serif;
}

DIV.MAIN caption {
Font-weight: bold;
}

DIV.MAIN td.r {
text-align: right;
}

DIV.MAIN table.norm {
width: auto;
border: 1px solid black;
}