/* CSS BY REUBEN WHITEHOUSE www.rocketfuelled.com */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img,abbr { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* == UNIVERSAL ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: "lucida sans", "lucida grande", arial, helvetica, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #333;
background: #f0f9f6;
text-align: center;
}

/* == BUILDING BLOCKS ======================================================= */
div#container
{
margin: 0 auto;
width: 740px;
text-align: left;
border-top: 5px solid #2E5D76;
}

ul#nav
{
clear: both;
}

div#home-banner
{
min-height: 196px;
padding: 15px 20px 5px 325px;
background: url(../images/home-banner-bg.jpg);
}

div#content-wrap
{
background: url(../images/content-wrap-bg.gif) repeat-y top right;
}
#singlecol div#content-wrap,#twocol div#content-wrap
{
background: none;
}

div#maincontent
{
float: left;
width: 490px;
padding: 5px 15px 25px 0;
}
#singlecol div#maincontent
{
float: none;
width: 530px;
padding: 15px 15px 35px 120px;
}
#twocol div#maincontent
{
width: 370px;
padding: 15px 40px 35px 0;
}

div#sidebar
{
float: left;
width: 195px;
padding: 5px 20px;
}
#twocol div#sidebar
{
width: 330px;
padding: 50px 0 25px 0;
}

div#ciao
{
clear: both;
padding-bottom: 30px;
background: #2e5d76;
color: #fff;
text-align: center;
}

/* == SPECIFIC STYLES BY BUILDING BLOCK =================================================== */
#logo-intro h1
{
float: left;
}
#logo-intro h1 a
{
display: block;
text-indent: -10000em;
width: 222px;
height: 75px;
margin: 20px 10px;
background: url(../images/wol-logo.gif);
}

#logo-intro p#tagline
{
float: left;
margin: 30px 0 20px 30px;
width: 433px;
font-size: 2.8em;
font-style: italic;
line-height: 1.7em;
color: #2e5d76;
}

ul#nav
{
margin-top: 10px;
padding: 10px;
text-align: center;
font-size: 1.5em;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
font-weight: bold;
color: #fff;
background: #2e5d76;
}
ul#nav li
{
display: inline;
}
ul#nav li a
{
margin: 0 7px 0 8px;
color: #fff;
}
ul#nav li a:hover
{
border-bottom: 1px solid #fff;
}

#home-banner h2
{
font-family: georgia, "times new roman", times, serif;
font-size: 2.4em;
line-height: 1.6em;
font-style: italic;
}
#home-banner p
{
margin-bottom: 10px;
font-size: 1.3em;
line-height: 1.6em;
font-style: italic;
}
#home-banner p+p
{
font-size: 1.2em;
line-height: 1.6em;
font-style: normal;
}
#home-banner p.more
{
text-align: right;
font-size: 1.4em;
}
#home-banner p.more a
{
font-weight: bold;
text-transform: uppercase;
color: #CD5428;
letter-spacing: 0.15em;
border-bottom: 1px solid #CD5428;
}

#content-wrap h2
{
margin: 20px 0 10px 0;
min-height: 22px;
font-size: 1.9em;
color: #2e5d76;
border-bottom: 1px solid #ced4d2;
}
#singlecol #content-wrap h2
{
margin-left: -120px;
}
#singlecol #content-wrap span.index h2
{
margin-left: 0;
}
#content-wrap h2 img
{
float: left;
}
#content-wrap h2 img.special
{
margin-top: 1px;
}
#content-wrap h2 a
{
float: right;
margin: 10px 0 0 0;
font-size: 0.5em;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #CD5428;
}

#content-wrap h3
{
clear: both;
margin-bottom: 10px;
font-family: georgia, "times new roman", times, serif;
font-size: 1.9em;
font-style: italic;
}
#singlecol #content-wrap h3
{
margin-top: 20px;
padding-left: 20px;
color: #2e5d76;
font-size: 2em;
border-bottom: 1px solid #ced4d2;
}
#singlecol #content-wrap span.index h3
{
padding-left: 0;
border: none;
}
#twocol #content-wrap h3
{
margin: 20px 0 10px 0;
padding-left: 20px;
font-size: 1.6em;
color: #CD5428;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
}
#content-wrap h3 a
{
color: #CD5428;
line-height: 1.4em;
border-bottom: 1px solid #CD5428;
}

#content-wrap h4
{
margin: 20px 0 10px 0;
padding-left: 20px;
font-size: 1.6em;
color: #CD5428;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
}

#content-wrap h5
{
margin: 20px 0 5px 0;
padding-left: 20px;
font-size: 1.4em;
color: #CD5428;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
}

#content-wrap p
{
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.4em;
text-align: justify;
}
#content-wrap p a
{
color: #CD5428;
line-height: 1.4em;
border-bottom: 1px solid #CD5428;
}
#singlecol #content-wrap p,#twocol #content-wrap p
{
text-indent: 20px;
line-height: 1.6em;
}
#singlecol #content-wrap span.index p
{
text-indent: 0;
font-weight: lighter;
}
#singlecol #content-wrap span.index ul
{
margin-left: 20px;
font-size: 1.2em;
line-height: 1.4em;
}
#singlecol #content-wrap span.index ul li
{
margin-bottom: 5px;
}
#singlecol #content-wrap span.index ul li a
{
color: #CD5428;
border-bottom: 1px solid #CD5428;
}
#singlecol #content-wrap span.index ol
{
margin-left: 20px;
font-size: 1.6em;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
color: #CD5428;
}
#singlecol #content-wrap span.index ol li
{
margin-bottom: 5px;
}
#singlecol #content-wrap span.index ol li a
{
color: #CD5428;
border-bottom: 1px solid #CD5428;
}
#content-wrap p.more
{
text-align: right;
}
#content-wrap p.more a
{
text-transform: uppercase;
font-weight: bold;
color: #CD5428;
letter-spacing: 0.15em;
border-bottom: 1px solid #CD5428;
}
#content-wrap #sidebar p
{
font-size: 1.1em;
text-align: left;
text-indent: 0;
}
#content-wrap #sidebar p a
{
color: #CD5428;
border-bottom: 1px solid #CD5428;
}
#twocol #content-wrap #sidebar p
{
text-indent: 20px;
text-align: justify;
}

#singlecol #content-wrap blockquote
{
color: #2e5d76;
}
#content-wrap #sidebar blockquote
{
text-align: center;
margin-bottom: 15px;
}
#content-wrap #sidebar blockquote p
{
text-align: center;
}
#singlecol #content-wrap blockquote p
{
margin: 15px 20px;
text-indent: 0;
}
#content-wrap #sidebar blockquote cite
{
text-transform: uppercase;
font-weight: bold;
font-style: normal;
color: #2e5d76;
letter-spacing: 0.15em;
}

#content-wrap sup
{
font-size: 0.8em;
color: #CD5428;
}

#content-wrap a img
{
margin-bottom: 10px;
padding-bottom: 4px;
border: 1px solid #2e5d76;
}

#content-wrap ul.nextnav
{
font-size: 0.95em;
font-weight: bold;
}
#content-wrap ul.nextnav li
{
display: inline;
}
#content-wrap ul.nextnav li a
{
margin: 0 5px 0 6px;
color: #CD5428;
text-transform: uppercase;
border-bottom: 1px solid #CD5428;
letter-spacing: 0.1em;
}

#content-wrap ol
{
font-size: 1.2em;
margin: 10px 0;
line-height: 1.5em;
color: #2e5d76;
}
#content-wrap ol.thumbs
{
list-style-type: none;
}
#content-wrap ol.ref
{
list-style-type: none;
color: #333;
}
#content-wrap ol.thumbs li
{
display: inline;
margin-right: 5px;
}
#content-wrap ol.thumbs li a
{
color: #CD5428;
text-decoration: underline;
}
#content-wrap ol li a
{
color: #CD5428;
text-decoration: underline;
}
#content-wrap ol li ol
{
font-size: 1em;
margin: 0 40px;
line-height: 1em;
list-style-type: lower-alpha;
}

#content-wrap ul
{
list-style-type: circle;
font-size: 1.2em;
margin: 10px 0;
line-height: 1.5em;
color: #2e5d76;
font-weight: normal;
}
#content-wrap ul a
{
color: #CD5428;
line-height: 1.4em;
border-bottom: 1px solid #CD5428;
}
#content-wrap ul.plain
{
list-style-type: none;
color: #333;
}

#content-wrap form a
{
color: #CD5428;
text-decoration: underline;
}
#content-wrap form fieldset
{
border: none;
width: 365px;
}
#content-wrap form fieldset legend
{
display: none;
}
#content-wrap form fieldset label
{
font-size: 1.2em;
}
#content-wrap form fieldset input
{
width: 365px;
margin-bottom: 8px;
padding: 2px;
font-family: "lucida sans", "lucida grande", arial, helvetica, geneva, verdana, sans-serif; 
}
#content-wrap form fieldset input#zemSubmit
{
float: right;
width: auto;
font-size: 1.3em;
padding: 3px;
}
#content-wrap form fieldset textarea
{
width: 365px;
margin-bottom: 8px;
font-family: "lucida sans", "lucida grande", arial, helvetica, geneva, verdana, sans-serif; 
font-size: 1em;
}
#content-wrap form fieldset div#callangoptions
{
line-height: 1.5em;
}
#content-wrap form fieldset div#callangoptions ol
{
color: #333;
list-style-type: none;
font-size: 1em;
}
#content-wrap form fieldset div#callangoptions ol li
{
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
}
#content-wrap form fieldset div#callangoptions ol li.longname
{
padding-bottom: 16px;
}
#content-wrap form fieldset div#callangoptions label
{
display: block;
float: left;
width: 255px;
}
#content-wrap form fieldset div#callangoptions input
{
width: 100px;
margin-bottom: 0px;
}
#content-wrap form fieldset ul.zemError
{
font-size: 1.2em;
list-style-type: disc;
color: #cc0000;
line-height: 1.5em;
}

#content-wrap form#exam
{
margin: 20px 20px 40px 20px;
}
#content-wrap form#exam label
{
display: block;
margin-top: 10px;
font-size: 1.2em;
}
#content-wrap form#exam span
{
display: block;
margin-top: 10px;
}
#content-wrap form#exam ol
{
color: #333;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 40px;
}
#content-wrap form#exam ol li
{
margin-bottom: 15px;
}
#content-wrap form#exam ol li label,span
{
font-weight: bold;
font-size: 1em;
}
#content-wrap form#exam ol li cite
{
display: block;
font-weight: lighter;
color: #2e5d76;
padding: 0 10px;
}
#content-wrap form#exam ol li textarea
{
width: 400px;
height: 100px;
}
#content-wrap form#exam ol li ol
{
margin-bottom: 10px;
}
#content-wrap form#exam ol li ol li
{
list-style-type: none;
margin-bottom: 10px;
}
#content-wrap form#exam ol li ol li label
{
font-weight: normal;
vertical-align: middle;
font-size: 0.9em;
}
#content-wrap form#exam input.textinput
{
margin: 5px 0;
padding: 3px;
width: 300px;
font-size: 1.2em;
}
#content-wrap form#exam textarea
{
margin: 5px 0;
padding: 3px;
width: 300px;
font-size: 1.2em;
}
#content-wrap form#exam radio
{
vertical-align: middle;
}
#content-wrap form#exam input.submit
{
display: block;
padding: 3px;
margin: 10px 0;
font-weight: bold;
}

#content-wrap table
{
width: 90%;
font-size: 1.2em;
margin: 10px 20px;
border-collapse: collapse;
border: 1px solid #ced4d2;
background: #fff;
}
#content-wrap table th
{
padding: 6px;
border: 1px solid #ccc;
}
#content-wrap table td
{
padding: 6px;
border: 1px solid #ccc;
}

#content-wrap span.caps
{
font-weight: lighter;
}

#ciao ul#footnav
{
padding: 10px;
text-align: center;
font-size: 1.3em;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
color: #2e5d76;
background: #C1CBD0;
}
#ciao ul#footnav li
{
display: inline;
}
#ciao ul#footnav li a
{
margin: 0 7px 0 8px;
color: #2e5d76;
border-bottom: 1px solid #2e5d76;
}

#ciao h5
{
margin-top: 20px;
font-size: 2em;
}

#ciao p#thanks
{
margin: -2px 0 10px 0;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
font-size: 1.1em;
}

/* == EXTRAS: ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

#logo-intro p
{
float: left;
margin: 30px 0 20px 30px;
width: 433px;
font-size: 4.2em;
font-style: italic;
line-height: 1.7em;
color: #2e5d76;
}

#content-wrap h1
{
display: none;
}