/*		start.css													*/
/*		v0.9 by Ron van den Boogaard  - http://designby.ronvdb.com	*/
/*		based on =INITIAL  v2.1, by Faruk Ates - www.kurafire.net	*/
/*		Addendum by Robert Nyman - www.robertnyman.com				*/
/*		and undohtml.css by (CC) 2004 Tantek Celik. Some Rights		*/
/*		Reserved. http://creativecommons.org/licenses/by/2.0		*/
/*		This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* Neutralize styling: 
   Elements we want to clean out entirely and basic type-set: */
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/125% Arial, Helvetica, sans-serif; background-color: #fff; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {  }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited { text-decoration: none }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none }

/* de-italicize address */
address { font-style: normal }

/* begin alibi page specifics */

/* typography */
h1 { color: #f00; }
h2 { font-size: 100% }
h3 {  }
h2, #footer p { font-family: Andale Mono, "Courier New", Courier, Fixed, monospace ; font-weight:900 }
#footer h2 {margin: 0 }
#footer p {font-size: 80%; line-height: 100%; margin: 0 0 10px 0}
#masthead p { font-size: 80% }

ul#menu_main { width: 94%; background-color: #f00; padding-left: 6%}
ul#menu_main:after, #column_content:after, #masthead:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul#menu_main li , ul#menu_secondary li { font-size: 80%; font-weight: bold; width: 100px; text-align: center; margin: 0}
ul#menu_main li { float: left; }
li a { background-color: #f00; width: 100px; display: block;}
li a:link { color: #fff; }
li a:visited { color: #fff; }
li a:hover { width: 100px; background-color: #d00; }

#column_content a { font-weight: bold; color: #f00; }
#column_content a:link { text-decoration: none }
#column_content a:visited {  }
#column_content a:hover { text-decoration: underline; }

/* moved pic of left menu to the background, due to irregelarities in IE */
.hack{ height: 22px; background-image: url(rsc/menu_top.gif)}

/* positioning of elements */
#masthead { width: 80%; margin: auto; }
#masthead img { float: left; margin-top: 15px }
#masthead h1, #masthead h2, #masthead p {margin: 0; text-align:right}
#masthead h2, #masthead p { margin: 0; }
#masthead h1 {margin: 0.2em; 0}
.name {position: absolute; top: 70px; right: 10% }

#main_wrapper { width: 85%; margin: 0 auto }
ul#menu_secondary { float: left; margin-top: 50px}
#column_content { padding: 20px 0; margin-left: 130px; }

#footer { width: 100%; text-align: center }

/* miscellaneous element and decoration  */
img.right { float: right; border: 1px solid #f00; margin: 0 0 10px 10px }
img.signature { float: right; }

.pic_caption { font-size: 0.75em; font-weight: bold;  line-height: 0.9em; width: 498px; text-align: center; margin: 0 auto}
.pic_caption img {border: 1px solid #f00; }

hr{border: 0px inset; color: #f00;  background-color: #f00; width: 100%; height: 0.5em }