/* ---- Default ---- */
body {
font-size: 80%;
text-align: center;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: #fc0;
}
#wrapper {
width: 90%;
text-align: left;
background-color: #ffc;
background-image: url(../images/jack-gradient.jpg);
background-repeat: repeat-x;
margin: 0 auto -1000px auto;
padding: 0 0 1000px 0;
border-top: none;
border-left: 5px solid #606;
border-right: 5px solid #606;
}
#content {
margin: 0;
padding: 0 10px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0.375em 0 0.25em 0;
text-align: center;
font-weight: bold;
}
h1 {
font-size: 220%;
}
h2 {
font-size: 200%;
}
h3 {
font-size: 180%;
}
h4 {
font-size: 160%;
}
h5 {
font-size: 140%;
}
h6 {
font-size: 120%;
}
div {
margin: 0;
padding: 0;
}
img {
margin: 0;
padding: 0;
display: block;
}
ul, ol {
padding: 0;
margin: 0;
font-size: 100%;
}
p, li {
margin: 0;
padding: 0.25em 0;
font-size: 100%;
}
table {
margin: 0;
padding: 0;
font-size: 100%;
}
td, th {
margin: 0;
padding: 0.25em 0.5em;
font-size: 100%;
}
a {
font-weight: bold;
text-decoration: none;
color: #939;
}
a:hover {
background-color: #fcf;
}
/* Background & Border */
div.bbhead {
margin-top: 0.5em;
margin-bottom: 0.25em;	
}
div.bbpara, div.bblist {
margin-top: 0.25em;
margin-bottom: 0.25em;	
}
h1.bb, h2.bb, h3.bb, h4.bb, h5.bb, h6.bb {
padding: 0.125em 0.5em;
}
p.bb, li.bb {
padding: 0.25em 0.5em;	
}
/* ---- Clear & Float ---- */
div.clearcenter {
clear: both;
margin: 0.5em auto 0.25em auto;
}
div.clearcentertmar025 {
clear: both;
margin: 0.25em auto;
}
div.clearleft {
clear: both;
margin: 0.5em auto 0.25em 0;	
}
div.clearright {
clear: both;
margin:	0.5em 0 0.25em auto;
}
div.floatleft {
float: left;
margin: 0.5em 1em 0.25em 0;
}
div.floatleftpq {
background: #eee;
float: left;
border-right: 5px solid #33c;
margin: 0.5em 1em 0.25em 0;
}
div.floatleftpq p {
text-align: right;
padding: 0 0.5em 0 0;
font-style: italic;
color: #009;
font-size: 110%;
}
div.floatright {
float: right;
margin: 0.5em 0 0.25em 1em;
}
div.floatrightpq {
background: #eee;
float: right;
border-left: 5px solid #33c;
margin: 0.5em 0 0.25em 1em;
}
div.floatrightpq p {
text-align: left;
padding: 0 0 0 0.5em;
font-style: italic;
color: #009;
font-size: 110%;
}
/* ---- Spacer ---- */
div.spa0 {
height: 0em;
}
div.spa025 {
height: 0.25em;
}
div.spa05 {
height: 0.5em;
}
div.spa075 {
height: 0.75em;
}
div.spa1 {
height: 1em;
}
/* ---- Top Button ---- */
div.top {
clear: both;
width: 52px;
margin: 0.75em auto;
}
div.top p {
width: 50px;
text-align: center;
font-weight: bold;
padding: 0.125em 0;
background: #eee;
border: 1px solid #999;
}
div.top p a {
display: block;
}
div.top p:hover {
background: #000;
display: block;
}
div.top p:hover a {
color: #ffc;
display: block;
}
div.top p a:hover {
background: none;
}
/* ---- Custom Divs ---- */
/* ---- Small Print & Caption ---- */
p.smallprint {
font-size: 80%;
}
p.caption {
text-align: left;
padding: 0.25em 0.5em;
font-style: italic;
}
/* ---- Clear & Display ---- */
.clear {
clear: both;	
}
.block {
display: block;
}
.inline {
display: inline;
}
/* ---- Highlight ---- */
.nic {
font-weight: normal;
font-style: italic;
color: #00c;
}
.bic {
font-weight: bold;
font-style: italic;
color: #600;
}
.nnc {
font-weight: normal;
font-style: normal;
color: #00c;
}
/* ---- Font Family ---- */
.ffa {
font-family: Arial, Helvetica, sans-serif;
}
.fft {
font-family: "Times New Roman", Times, serif;
}
/* ---- Font Variant ---- */
.fvn {
font-variant: normal;
}
.fvs {
font-variant: small-caps;
}
/* ---- Font Weight ---- */
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
/* ---- Font Style ---- */
.fyn {
font-style: normal;
}
.fyi {
font-style: italic;
}
/* ---- Font Size ---- */
.fz120 {
font-size: 120%;
}
.fz140 {
font-size: 140%;
}
.fz160 {
font-size: 160%;
}
/* ---- Line Height ---- */
.lh100 {
	line-height: 100%;
}
.lh110 {
	line-height: 110%;
}
.lh120 {
	line-height: 120%;
}
/* ---- Text Alignment ---- */
.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.taj {
text-align: justify;
}
/* ---- Vertical Alignment ---- */
.vat {
vertical-align: top;
}
.vam {
vertical-align: middle;
}
.vab {
vertical-align: bottom;
}
.vabl {
vertical-align: baseline;
}
/* ---- List Style ---- */
.lsnone {
list-style-type: none;
}
.lsdisc {
list-style-type: disc;
}
.lssquare {
list-style-type: square;
}
.lsuppera {
list-style-type: upper-alpha;
}
.lslowera {
list-style-type: lower-alpha;
}
.lsdecimal {
list-style-type: decimal;
}
/* ---- Margin ---- */
.mar0 {
margin: 0;	
}
.lmar1 {
margin-left: 1em;
}
.lmar2 {
margin-left: 2em;	
}
.lmar3 {
margin-left: 3em;
}
.lmar4 {
margin-left: 4em;
}
.lmar5 {
margin-left: 5em;
}
.mara {
margin-left: auto;
margin-right: auto;	
}
.lmara {
margin-left: auto;	
}
.rmara {
margin-right: auto;	
}
/* ---- Padding ---- */
.pad0 {
padding: 0;	
}
/* ---- Border ---- */
.bd1 {
border-style: solid;
border-width: 1px;	
}
.bd2 {
border-style: solid;
border-width: 2px;	
}
.bd3 {
border-style: solid;
border-width: 3px;	
}
.bd4 {
border-style: solid;
border-width: 4px;	
}
.bd5 {
border-style: solid;
border-width: 5px;	
}
/* ---- Test ---- */
.xbdt {
border: 1px dashed magenta;
}