/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.7.1
http://blueprintcss.googlecode.com
* Copyright (c) 2007-2008. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(/lib/bcss/src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0px;padding-right:4px;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* --------------------------------------------------------------
fancy-type.css
* Lots of pretty advanced classes for manipulating text.
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p { text-indent: 0; } /* Don't want this in forms. */
/* For great looking type, use this code instead of asdf:
asdf
Best used on prepositions and ampersands. */
.alt {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* For great looking quote marks in titles, replace "asdf" with:
“asdf”
(That is, when the title starts with a quote mark).
(You may have to change this value depending on your font size). */
.dquo { margin-left: -.5em; }
/* Reduced size type with incremental leading
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
This could be used for side notes. For smaller type, you don't necessarily want to
follow the 1.5x vertical rhythm -- the line-height is too much.
Using this class, it reduces your font size and line-height so that for
every four lines of normal sized type, there is five lines of the sidenote. eg:
New type size in em's:
10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
New line-height value:
12px x 1.5 = 18px (old line-height)
18px x 4 = 72px
72px / 5 = 14.4px (new line height)
14.4px / 10px = 1.44 (new line height in em's) */
p.incr, .incr p {
font-size: 10px;
line-height: 1.44em;
margin-bottom: 1.5em;
}
/* Surround uppercase words and abbreviations with this class.
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
line-height:1%;
font-weight:bold;
padding:0 2px;
}
/* em Reference
Font Size em
48 3.00
42 2.63
36 2.25
32 2.00
30 1.88
24 1.50
22 1.38
18 1.13
16 1.00
15 0.94
14 0.88
13 0.81
12 0.75
11 0.69
10 0.63
9 0.56
8 0.50
7 0.44
6 0.38
*/
/*
* { padding: 0}
body {margin:0; padding:0;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; }
td,tr
{ border: 0}
*/
/* no list-markers by default, since lists are used more often for semantics */
/*
ul,ol { list-style:none; }
*/
/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words*/
/*
:link,:visited { text-decoration:none; }
*/
/* try getting rid of blue linked borders. */
/*
a, a:link, a:visited, a:hover, a:focus, a:active { border:none; }
a img,:link img,:visited img { border:none; }
*/
/* Now set up the default fonts and font sizes ...
We'll start with a size of 12px (1em = 16px) */
/*
body {
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
line-height:137%;
color: #555;
}
*/
/* ... Let IE use percentage for base font size so it can still zoom text.
everyone else we'll give a pixel value to ... */
/*
html>body { font-size: .8em; }
p {font-size: 1em; }
h1, h2, h3, h4, h5, h6 {
font-family:georgia, "new century schoolbook", times, serif;
margin-top: 4px;
margin-bottom: 10px;
font-weight:400;
}
h1 {
font-size: 2em;
font-variant: small-caps;
text-align:center;
}
h2 {
font-size: 1.7em;
font-variant: small-caps;
font-weight: bolder;
text-align:center;
}
h3 {
font-size: 1.3em;
font-weight: bolder;
}
h4 {
font-size: 1.1em;
text-decoration: underline;
}
h5 {
font-size: .9em;
}
h6 {
font-size: .9em;
font-weight: 700;
}
*/
.black { color: #000; }
.white { color: #fff; }
.green { color: #070; }
.blue { color: blue; }
.red { color:red; }
.yellow { color: #cdb40b; }
.white { color: #FFF; }
.bg-white { background: #FFF; }
.bg-light { background: #EFC; }
.bg-mild { background: #DF9; }
.bg-red { background:red; }
.bg-black { background:black; }
.bg-verylightrose { background:#E6AC6C; }
.bg-grey { background: #888; }
.redText { color:red }
.redBoldText{ color:red; font-weight:600 }
.blueText { COLOR:#039; }
.whiteText{ color:#fff;font-size: x-small; }
.smallfont { font: normal 1em Verdana, sans-serif; }
.small { font-size: .625em;}
.xxsmall {font-size: x-small;}
.xxsmallRedText {font-size: xx-small;color:red}
.xxsmallBlueText {font-size: xx-small;color:blue}
.xsmall {font-size: small;}
.small {font-size: medium;}
.medium {font-size: large;}
.large {font-size: x-large;}
.xlarge {font-size: xx-large;}
.xxlarge {font-size: xx-large;}
.tiny { font-size: .6em;}
table.center {margin-left:auto; margin-right:auto;}
.auto { width: auto; }
.wide { width: 100%; }
.wide-auto { width: auto; }
.half { width: 50%; }
.thin { width: 1%; }
.pad { padding: 1em; }
.pad5 { padding: 5px; }
.pad-t { padding-top: 1em; }
.pad-r { padding-right: 1em; }
.pad-b { padding-bottom: 1em; }
.pad-l { padding-left: 1em; }
.pad-x { padding: 0 1em; }
.pad-y { padding: 1em 0; }
.padcontent { padding: 25px 15px; }
.block { display: block; }
.inline { display: inline; }
.tight { margin: 0; padding: 0; }
.clear { clear: both; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.nowrap { white-space: nowrap; }
.bold { font-weight: 700; }
.normal { font-weight: 400; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.small-caps { font-variant: small-caps; }
.border { border: 1px solid #666; }
.border-dashed { border: 1px dashed #666; }
.border-t-dashed { border-top: 1px dashed #666; }
.border-r-dashed { border-right: 1px dashed #666;}
.border-b-dashed { border-bottom: 1px dashed #666; }
.border-l-dashed { border-left: 1px dashed #666; }
.border-dotted { border: 1px dotted #666; }
.border-t-dotted { border-top: 1px dotted #666; }
.border-r-dotted { border-right: 1px dotted #666;}
.border-b-dotted { border-bottom: 1px dotted #666; }
.border-l-dotted { border-left: 1px dotted #666; }
.border-t { border-top: 1px solid #A29E62; }
.border-r { border-right: 1px solid #A29E62; }
.border-b { border-bottom: 1px solid #A29E62; }
.border-l { border-left: 1px solid #A29E62; }
.border-x { border-right: 1px solid #A29E62; border-left: 1px solid #A29E62; }
.border-y { border-top: 1px solid #A29E62; border-bottom: 1px solid #A29E62; }
.centerimage { display:block; margin-left:auto; margin-right: auto }
/*
input, select, textarea { font: 12px Verdana, Tahoma, Helvetica, Arial, sans-serif; }
*/
/*
img { border: 0; }
form { margin: 0; }
hr { color: #A29E62; height: 1px; clear: both; }
ul { margin-left: 2em; }
ul li { line-height: 1.5em; }
input {
background-color: #fffff0;
}
select {
background-color: #fff;
border: #999;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
textarea {
background-color: #fff;
color:#000;
}
form {
padding: 5px;
}
.texta {
font-size: .75em;
background-color: #fff;
border: 1px solid #666;
}
*/
/*
form#zip {
color: #white;
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: 1em;
text-align: center;
}
input#zip {
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: 1.2em;
}
#zip .text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100px;
margin-right: 6px;
}
.smallTD {
font-size:.688em;
}
.smallTD10 {
font-size:.625em;
}
.yellowText{
color:#ff0; /* yellow */
}
.blackText{
color:#000;
}
.blackSmallText{
font-size:.563em;
color:#000;
}
.greenText{
color:green;
}
.redSmallText{
font-size:.72em;
color:red
}
.blueSmallText{
font-size:.72em;
color: Blue;
}
.whiteBoldText{
color:#fff;
font-weight:600;
}
.blueBoldText {
color:#039;
font-weight:600;
}
.Bold {
font-weight : 600;
}
.Transparent
{
background: transparent;
}
/* The following are overrides from blueprint css */
body {
background: #222;
margin:1em 0;
}
th, td {padding:0px;}
table {margin-bottom:0;}
body {color:#ddd;}
h1, h2, h3, h4, h5, h6 {color:#ddd;}
hr {margin:0 0 1em;}
hr.space {background: #000;color: #000;}
form {
padding: 5px;
}
dl {margin:0 0 1em 0;}
p {margin:0 0 .5em 0;}
a {color: #fff; padding: 0 2px; text-decoration:none}
a:focus, a:hover {color: #db0000; padding: 0 2px; text-decoration:none}
#stumble {
margin-top: 10px;
}
#stumble ul {
text-align:center;
margin: 0 0 5px 0;
}
#stumble li {
display: inline;
font-size:10px;
}
#stumble a {
color: #ddd;
}
#stumble a:hover {
color: #dd3c0e;
}
/* end of overrides */
#cloud { padding: 0px 4px; }
.cloud { padding: 0px; text-decoration: none; line-height: 110%; }
.cloud:link { color: #94B3C5; }
.cloud:active { color: #94B3C5; }
.cloud:visited { color: #B5B4A0; }
.cloud:hover { color: #ffffff; background: #091a1a; }
.cloud:focus { color: #ffffff; background: #93C644; }
/*
body {
text-align: center;
background: #222;
color: #ddd;
}
body {
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: .75em;
line-height: 1.5;
*font-size:small;
*font:x-small;
}
select, input, textarea {font:99% 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;}
table {font-size:inherit;font:100%;}
*/
/**
* 99% for safari; 100% is too large
*/
/*
select, input, textarea, labeln {font:99% 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;}
*/
/**
* Bump up !IE to get to 13px equivalent
*/
/*
pre, code {font:115% monospace;*font-size:100%;}
*/
/**
* Default line-height based on font-size rather than "computed-value"
* see: http://www.w3.org/TR/CSS21/visudet.html#line-height
*/
/*
body * {line-height:1.22em;}
a {color: #000; padding: 0 2px;}
a:hover {color: #b00;}
#center a {color: #946d84;}
#center a:hover {background: #d6aeb5; color: #000;}
*/
/*h1, h2, h3, h4, h5, p {margin: 1em 0;}*/
/*
ul {margin: 1em 2em;}
*/
/**************** Layout CSS begins ****************************/
/*
div definitions
mainwrapper - top level wrapper that wraps everything
header - wrapper for top of page
contentwrapper - one or more wrappers for sections of the page
footer - wrapper for bottom of page
contentwrapper sub divs
leftwrapper - wraps left and center columns
left - left column
content center column
rightwrapper - wraps right column
|............. mainwrapper ...............|
| |...............header.................| |
| | | |
| |......................................| |
| |
| |.............contentwrapper...........| |
| | |.............menuwrapper..........| | |
| | | | | |
| | | ... menu ....................... | | |
| | | | | | | |
| | | ................................ | | |
| | |..................................| | |
| |......................................| |
| |
| | 3 column content
| |...............contentwrapper.........| | one or more - right full width
| | leftwrapper3col | right | | <=(f) : Float Left
| | | wrapper3col | | (f)=> : Float Right
| | <=(f) | (f)=> | |
| | ___________________ | | |
| | | | | | |.........| | |
| | | | | | | | | |
| | | left | content3col| | |right3col| | | Note: The rightwrapper div can contain
| | | <=(f)| (f)=> | | | | | | a second content div just like the
| | |______|____________| | |.........| | | left wrapper
| |......................................| |
| |
| | 3 column content
| |...............contentwrapper.........| | one or more - right full width
| |frameleftwrapper3col | frameright | | <=(f) : Float Left
| | | wrapper3col | | (f)=> : Float Right
| | <=(f) | (f)=> | |
| | ___________________ | | |
| | | | | | |.........| | |
| | |frame | frame | | |frame | | |
| | |left |middle3col| | | |right3col| | | Note: The rightwrapper div can contain
| | | <=(f)| (f)=> | | | | | | a second content div just like the
| | |______|____________| | |.........| | | left wrapper
| |......................................| |
| | 2 column content
| |...............contentwrapper.........| | one or more - no right column
| | leftwrapper2col | | <=(f) : Float Left
| | | | (f)=> : Float Right
| | <=(f) | |
| | _________________________________ | |
| | | | | | |
| | | | | | |
| | | left | content2col| | |
| | | <=(f) | (f)=> | | |
| | |_________|_______________________| | |
| |.-.....................................| |
| | 1 column content
| |...............contentwrapper.........| | one or more - no right column. no left column
| | leftwrapper1col | | <=(f) : Float Left
| | | | (f)=> : Float Right
| | <=(f) | | different image used for background
| | _________________________________ | |
| | | | | | |
| | | | | | |
| | | left | content2col| | |
| | | <=(f) | (f)=> | | |
| | |_________|_______________________| | |
| |......................................| |
| |
| |...............footer.................| |
| | | |
| |......................................| |
| |
|...............................................|
*/
/*
#mainwrapper {
background: #222;
text-align: left;
width: 960px;
margin: 0 auto;
margin-top: 8px;
font-size: 1em;
}
#mainwrapper1col {
background: #222;
text-align: left;
width: 960px;
margin: 0 auto;
margin-top: 8px;
font-size: 1em;
}
#header, #subnav, #footer {
clear: both;
width: 100%;
}
*/
/*
#header {
height: 60px;
}
*/
/*
#header a, #header td
{
font-size:9px;
color:#868686;
}
#header a:hover { color: #dd3c0e;}
#footer {
height: 60px;
text-align: center;
color: #fff;
background: #222;
}
#contentwrapper, #contentwrapperFooter, #contentwrapperFooter, #contentwrapperMenu, #contentwrapperLeft, #contentwrapperMain, #contentwrapperMain1, #contentwrapperPaginate
{
float: left;
width: 100%;
position: relative;
}
#borderwrapper {
border:1px solid;
}
#contentwrapper:after, #contentwrapperFooter:after, #contentwrapperFooter1:after, #contentwrapper:after, #contentwrapperLeft:after, #contentwrapperMain:after, #contentwrapperMain1:after, #contentwrapperPaginate:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*/
#menuwrapper {
margin-top: 8px;
float:left;
width: 100%;
height: 44px;
margin-right: -95%;
background: url('/lib/banner/bannerBlue950Rounded44.png') no-repeat;
_background-image:url('/lib/banner/bannerBlue950Rounded44.gif');
}
#footerwrapper {
margin-top: 0;
float:left;
width: 100%;
margin-right: -95%;
background: url('/lib/banner/bannerBlue950Rounded22.png') no-repeat;
_background-image:url('/lib/banner/bannerBlue950Rounded22.gif');
}
#search {
height: 36px;
margin-left: 8px;
margin-top: 8px;
float:left;
font-size:12px;
}
#search input {
background: #fff;
}
#advsearch, #advsearch1 {
margin-left: 4px;
float:left;
font-size:12px;
margin-top: 10px;
}
.smallHelp {
margin-left: 4px;
float:left;
margin-bottom: 4px;
}
#menu, #menuIPP, #menuPageNo {
margin-top: 0px;
margin-right: 8px;
float:right;
}
#menu ul, #menuIPP ul, #menuPageNo ul {
display: inline;
}
#menu li, #menuIPP li, #menuPageNo li {
display: inline;
font-size:12px;
}
#menu a, #menuIPP a, #menuPageNo a {
color: #ddd;
}
#menu a:hover, #menuIPP a:hover, #menuPageNo a:hover {
color: #dd3c0e;
}
#footermenu {
margin-top: 0;
}
#footermenu ul {
text-align:center;
margin: 0 0 5px 0;
}
#footermenu li {
display: inline;
font-size:10px;
}
#footermenu a {
color: #ddd;
}
#footermenu a:hover {
color: #dd3c0e;
}
/*
#content3col {
width: 640px;
float:right;
}
#content2col {
width: 800px;
float:right;
}
#content1col {
width: 960px;
float:left;
}
#content3col ul {
margin: 4px;
display: block;
color: #222;
list-style:disc inside;
}
#content3col li {
margin-left: 10px;
}
#content3col a {
color: white;
}
#content3col a:hover {
color: #ff0;
}
#leftwrapper3col {
color: #ddd;
float:left;
width: 800px;
margin-right: -95%;
}
#leftwrapper2col {
color: #ddd;
float:left;
width: 960px;
margin-right: -95%;
}
#leftwrapper1col {
color: #ddd;
float:left;
width: 960px;
}
#left {
float:left;
width: 160px;
color: #fff;
color: #000;
}
#right {
float:right;
width: 160px;
color: #fff;
color: #000;
}
#rightwrapper3col {
color: #ddd;
float:right;
width: 160px;
margin-left:2px;
}
#right3col {
float:right;
}
#right3col img {
margin-right: 16px;
}
*/
/************* For IE Mac **************/
/* IE/Win is also using these rules, but it doesn't mind */
/*
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}
#left h3, #left p,
#frameleft h3, #frameleft p,
#right3col h3, #right3col p
#frameright3col h3, #frameright3col p
{
padding: 0 20px;
}
#wrapper {
position: relative;
z-index: 500;
}
#photodiv {
background-repeat: no-repeat;
margin-left: 170px;
}
*/
/*
#arttablediv td {
text-align: center;
font-family: verdana, arial, tahoma, 'Lucinda Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 10px;
font-weight:400;
line-height:13px;
}
.notrounded166Small
{
width: 166px;
height: 30px;
background-color:#83986d;
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: 1.2em;
font-weight:bold;
line-height: 1.2em;
color:#fff;
text-align:center;
padding-top:2px;
}
*/
/*
.rounded180
{
margin: 8pt auto;
width: 180px;
background-color:#e6ac6c;
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: .9em;
line-height: 1.5;
color:#fff;
text-align: left;
}
.rounded180 h1
{
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: 1.3em;
text-align: center;
}
.rounded920
{
margin: 8pt auto;
width: 920px;
background-color:#fff;
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: .9em;
line-height: 1.5;
color:#fff;
text-align: center;
}
*/
/*
.rounded222
{
margin: 0 auto;
width: 222px;
background-color:#83986d;
font-family: Trebuchet, 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 150%;
line-height: 1.2em;
color:#fff;
text-align: center;
}
.rounded666
{
width: 666px;
background-color:#83986d;
font-family: Trebuchet, 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 150%;
line-height: 1.2em;
color:#fff;
text-align: center;
}
*/
.notrounded222Small
{
width: 160px;
height: 20px;
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-size: 1.2em;
/*font-weight:bold;*/
/*font-size: 100%;*/
line-height: 1.2em;
color:#333;
text-align:center;
padding-top:2px;
}
img.floatLeftClear {
float: left;
clear: left;
margin: 8px;
}
.centeredImage
{
text-align:center;
display:block;
}
main1 {
;
}
main1 p {
color: green;
}
#hintbox{ /*CSS for pop up hint box http://www.dynamicdrive.com/dynamicindex16/showhint.htm */
position:absolute;
top: 0;
background-color:#333;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid #000;
font:normal 11px Verdana;
line-height:18px;
z-index:500;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
visibility: hidden;
}
.hawhite{ /*CSS for link that shows hint onmouseover*/
font-weight:700;
color: #fff;
margin: 3px 8px;
/*margin: 0px 0px; */
text-decoration:none
}
.ha{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: green;
/*margin: 0px 0px;*/
text-decoration:none
}
.ha img{
margin-top:2px;
/*margin: 0px 0px 10px 0 ;*/
}
.aaa
{
border: 1px solid #000;
}
/*
-- Even more rounded corners with CSS: Base stylesheet --
http://www.schillmania.com/content/projects/even-more-rounded-corners/
*/
.dialog {
position:relative;
margin:6px auto;
width:148px;
/*color:#fff;*/
z-index:1;
margin-left:2px; /* default, width of left corner */
margin-bottom:0; /* spacing under dialog */
}
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
background:transparent url(/liba/img/dialog-verylightrose800x1600.png) no-repeat top right;
_background-image:url(/liba/img/dialog-verylightrose800x1600.gif);
}
.dialog .content {
position:relative;
zoom:1;
_overflow-y:hidden;
padding:0px 12px 0px 0px;
}
.dialog .t {
/* top+left vertical slice */
position:absolute;
left:0px;
top:0px;
width:12px; /* top slice width */
margin-left:-12px;
height:100%;
_height:1600px; /* arbitrary long height, IE 6 */
background-position:top left;
}
.dialog .b {
/* bottom */
position:relative;
width:100%;
}
.dialog .b,
.dialog .b div {
height:16px; /* height of bottom cap/shade */
font-size:1px;
}
.dialog .b {
background-position:bottom right;
}
.dialog .b div {
position:relative;
width:12px; /* bottom corner width */
margin-left:-12px;
background-position:bottom left;
}
.dialog h1,
.dialog p {
margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
padding:0.5em 0px 0.5em 0px;
}
.dialog h1 {
padding-bottom:0px;
}
.dialog h4 {
font-size:11px;
color:white;
font-weight:bold;
}
/* rounded banners */
.banner22, .banner33, .banner44 {
position:relative;
color:#fff;
z-index:1;
margin-bottom:0.5em;
text-align: center;
font-color:white;
}
.banner22 hr, .banner33 hr, .banner44 hr {
color:#0bd000;
}
.banner22Left, .banner33Left, .banner44Left {
position:relative;
color:#fff;
z-index:1;
margin-bottom:0.3em;
text-align: left;
font-color:white;
}
.banner44contentRed{
background: url('/lib/banner/bannerRed600-44.jpg') no-repeat top center;
height:44px;
}
.banner44contentBlue{
background: url('/lib/banner/bannerBlue600-44.jpg') no-repeat top center;
height:44px;
}
.banner44contentGreen{
background: url('/lib/banner/bannerGreen600-44.jpg') no-repeat top center;
height:44px;
}
.banner44contentBlack{
background: url('/lib/banner/bannerBlack600-44.jpg') no-repeat top center;
height:44px;
}
.banner33contentRed{
background: url('/lib/banner/bannerRed600-33.jpg') no-repeat top center;
height:33px;
}
.banner33contentBlue{
background: url('/lib/banner/bannerBlue600-33.jpg') no-repeat top center;
height:33px;
}
.banner33contentGreen{
background: url('/lib/banner/bannerGreen600-33.jpg') no-repeat top center;
height:33px;
}
.banner33contentBlack{
background: url('/lib/banner/bannerBlack600-33.jpg') no-repeat top center;
height:33px;
}
.banner22contentRed{
background: url('/lib/banner/bannerRed600-22.jpg') no-repeat top center;
height:22px;
}
.banner22contentBlue{
background: url('/lib/banner/bannerBlue600-22.jpg') no-repeat top center;
height:22px;
}
.banner22contentGreen{
background: url('/lib/banner/bannerGreen600-22.jpg') no-repeat top center;
height:22px;
}
.banner22contentBlack{
background: url('/lib/banner/bannerBlack600-22.jpg') no-repeat top center;
height:22px;
}
.banner44contentRedRounded{
background:transparent url('/lib/banner/bannerRed600Rounded44.png') no-repeat top center;
_background-image:url('/lib/banner/bannerRed600Rounded44.gif');
height:44px;
}
.banner44contentBlueRounded{
background:transparent url('/lib/banner/bannerBlue600Rounded44.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlue600Rounded44.gif');
height:44px;
}
.banner44contentGreenRounded{
background:transparent url('/lib/banner/bannerGreen600Rounded44.png') no-repeat top center;
_background-image:url('/lib/banner/bannerGreen600Rounded44.gif');
height:44px;
}
.banner44contentBlackRounded{
background:transparent url('/lib/banner/bannerBlack600Rounded44.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlack600Rounded44.gif');
height:44px;
}
.banner33contentRedRounded{
background:transparent url('/lib/banner/bannerRed600Rounded33.png') no-repeat top center;
_background-image:url('/lib/banner/bannerRed600Rounded33.gif');
height:33px;
}
.banner33contentBlueRounded{
background:transparent url('/lib/banner/bannerBlue600Rounded33.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlue600Rounded33.gif');
height:33px;
}
.banner33contentGreenRounded{
background:transparent url('/lib/banner/bannerGreen600Rounded33.png') no-repeat top center;
_background-image:url('/lib/banner/bannerGreen600Rounded33.gif');
height:33px;
}
.banner33contentBlackRounded{
background:transparent url('/lib/banner/bannerBlack600Rounded33.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlack600Rounded33.gif');
height:33px;
}
.banner22contentRedRounded{
background:transparent url('/lib/banner/bannerRed600Rounded22.png') no-repeat top center;
_background-image:url('/lib/banner/bannerRed600Rounded22.gif');
height:22px;
}
.banner22contentBlueRounded{
background:transparent url('/lib/banner/bannerBlue600Rounded22.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlue600Rounded22.gif');
height:22px;
}
.banner22contentGreenRounded{
background:transparent url('/lib/banner/bannerGreen600Rounded22.png') no-repeat top center;
_background-image:url('/lib/banner/bannerGreen600Rounded22.gif');
height:22px;
}
.banner22contentBlackRounded{
background:transparent url('/lib/banner/bannerBlack600Rounded22.png') no-repeat top center;
_background-image:url('/lib/banner/bannerBlack600Rounded22.gif');
height:22px;
}
.banner44 h4,.banner33 h4, .banner22 h4, .banner44 a,.banner33 a, .banner22 a, .banner44 p,.banner33 p, .banner22 p {
font-family: 'Lucinda Grande', 'Lucida Sans Unicode', verdana, tahoma, arial, sans-serif;
font-weight:500;
line-height: 1.4em;
text-decoration:none;
}
.banner44 h4,.banner33 h4,.banner44 a,.banner33 a {font-size: 1.6em;}
.banner22 h4, .banner22 a {font-size: 1.2em;}
.banner44 p,.banner33 p, .banner22 p {margin:0}
.banner44 a:hover {color: #b00;}
/**
* The CSS for Shadowbox.
*
* This file is part of Shadowbox.
*
* Shadowbox is free software: you can redistribute it and/or modify it under
* the terms of the GNU Lesser General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option)
* any later version.
*
* Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Shadowbox. If not, see .
*
* @author Michael J. I. Jackson
* @copyright 2007 Michael J. I. Jackson
* @license http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
* @version SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
*/
/*_________________________________________________________________ Overlay */
#shadowbox_overlay {
visibility: hidden;
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 998;
}
/*_______________________________________________________________ Container */
#shadowbox_container {
position: fixed;
height: 0px;
width: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 999;
text-align: center; /* centers in quirks and IE */
}
/*_______________________________________________________________ Shadowbox */
#shadowbox {
display: none;
visibility: hidden;
margin: 0 auto;
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
text-align: left; /* reset left alignment */
}
/*___________________________________________________________________ Title */
/*
HTML snapshot:
*/
#shadowbox_title {
height: 25px;
padding: 0;
overflow: hidden;
}
#shadowbox_title_inner {
height: 16px;
font-size: 16px;
line-height: 16px;
white-space: nowrap;
padding: 5px 0 4px 8px;
color: #fff;
}
/*____________________________________________________________________ Body */
/*
HTML snapsnot:
*/
#shadowbox_body {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
border: 2px solid #fff;
background-color: #000;
}
#shadowbox_body_inner {
position: relative;
overflow: hidden;
}
#shadowbox_loading {
position: absolute;
top: 0;
left: 0;
height: 10000px; /* overflow:hidden will clip this */
width: 100%;
background-color: #222;
}
#shadowbox_loading img {
float: left;
margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
float: left;
margin-top: 16px;
font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
height: 100%;
width: 100%;
overflow: auto;
}
/*_________________________________________________________________ Toolbar */
/*
HTML snapshot:
*/
#shadowbox_toolbar {
margin: 0;
padding: 0;
height: 20px;
overflow: hidden;
}
#shadowbox_toolbar_inner {
height: 20px;
color: #fff;
}
#shadowbox_toolbar_inner div {
padding-top: 4px;
padding-bottom: 2px;
font-size: 10px;
height: 10px;
line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
text-decoration: underline;
font-weight: bold;
}
#shadowbox_toolbar_inner div a {
text-decoration: none;
color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
float: right;
padding-right: 10px;
}
#shadowbox_counter {
float: left;
padding-left: 10px;
}
#shadowbox_counter a {
padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
text-decoration: underline;
font-weight: bold;
}
/*________________________________________________________________ Messages */
div.shadowbox_message {
text-align: center;
padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
text-decoration: none;
color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
text-decoration: underline;
}
/* styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
display:block;
border-bottom:1px solid #999;
padding-bottom:0px;
margin-bottom:0px;
margin-top:8px;
}
.loading {
height: 30px;
background: url('/liba/img/working.gif') 50% 50% no-repeat;
}
.unit-rating { /* the UL */
list-style:none;
margin-left: 170px;
padding:0px;
height: 30px;
position: relative;
background: url('/liba/img/starrating.gif') top left repeat-x;
/*background: url('/liba/img/star.jpg') top left repeat-x;*/
}
.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.unit-rating li a {
outline: none;
display:block;
width:30px;
height: 30px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover{
background: url('/liba/img/starrating.gif') left center;
/*background: url('/liba/img/star.jpg') left center; */
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}
.unit-rating li.current-rating {
background: url('/liba/img/starrating.gif') left bottom;
/*background: url('/liba/img/star.jpg') left bottom; */
position: absolute;
height: 30px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.voted {color:#999; text-align:center;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
margin-left:0px;
padding: 0;
width: 136px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 1px solid black;*/
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url(/liba/menu/glossyback.gif) repeat-x bottom left;
font: 9px Verdana, Helvetica, sans-serif;
color: white;
/*color:#00549a;*/
display: block;
width: auto;
padding: 8px 0;
padding-left: 6px;
text-decoration: none;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 138px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 138px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(/liba/menu/arrow.gif) no-repeat center right;
}
/*
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
*/
.glossymenu li a:hover{
background-image: url(/liba/menu/glossyback2.gif);
color: #009900;
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */
