
body {
margin:0;
background-image:url(/layouts/3/images/leftCol_strip.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom left;}
/*
*/

img.pageImage {width:500px;}


img.icon {
border:0;
margin:2px;
vertical-align:bottom;}

.printOnly {
visibility:hidden;
height:0;}

#adminHeader {
width:600px;
margin:10px auto;}

/* sansserif.css controls header font family */
#header {
position:relative;
top:0;
height:78px;
width:100%;
margin:0;
padding:0;
background-image:url(/layouts/3/images/header_bg.jpg);
background-repeat:repeat-x;}

#header .logo {
float:left;
font-size:24px;
padding:8px;
width:400px;}

#header .navi {
position:absolute;
bottom:0;
right:0;}

#header .navi {
float:right;
text-align:right;
margin:0;
padding:0;}

#header .navi ul {
margin:2px 10px 0 0;
padding:0;
clear:right;}

.navi ul li {
display:inline;
margin:0;
padding:1px 5px;
font-weight:500;}

.navi ul li {
font-size:14px;}

.navi ul li a {
text-decoration:none;}

.divider {
height:30px;
width:100%;
margin:0;
padding:0;
background-image:url(/layouts/3/images/navi_bg.jpg);
background-repeat:repeat-x;}

/* sansserif.css controls content font family */
/* alignment.300.css controls content left margin properties */
#content {
margin-top:10px;
margin-right:10px;
margin-bottom:10px;}

/* sansserif.css controls h1-h6 font family */
h1, h2, h3, h4, h5, h6 {
font-weight:500;
margin:10px 0 2px 0;}

h4, h5, h6 {
font-size:1em;}

p, ul {
padding:10px;
margin:0 10px 5px -10px;}

p.intro {
border:1px solid;
font-size:1.2em;
margin-left:0;}

p.highlight1 {
margin-left:0;}

p.highlight2 {
margin-left:0;}

#content form label {
width:200px;
display:block;
float:left;
font-size:.85em;}

#content form li {
list-style:none;
margin:0;
padding:2px 0 4px 0;
clear:left;}

.bio {
clear:left;}

.shopItem {
text-align:center;
width:200px;
height:300px;
padding:10px;
float:left;}

.shopItem h2 {
font-size:1em;}

.shopItem h3 {
font-size:.85em;}

.detailImage {
float:left;
margin:16px 10px 0 0;}

.itemDetail {
margin-left:320px;}

.itemDetail ul {
margin-left:20px;}
/*
.tight {
background-color:rgb(129,11, 1);
color:rgb(220, 220, 220);
border-bottom:1px solid rgb(252, 148, 15);}

.tight th,
.tight td {
padding: 1px 6px;
margin:1px;
border-top:1px solid rgb(0, 148, 15);}
*/

.table1 {
border-bottom:1px solid;
font-size:.85em;
margin:5px 0 5px 0;}

.table1 th,
.table1 td {
padding: 1px 6px;
margin:1px;
border-top:1px solid;
text-align:left;}

.table2 {
border-bottom:2px solid;
font-size:.85em;
margin:5px 0 5px 0;}

.table2 th,
.table2 td {
padding: 1px 6px;
margin:1px;
border-top:2px solid;
text-align:left;}

div.cal table th,
div.cal table td {
border:1px solid;
padding:4px;}

div.note {
border:1px solid;
padding:10px;
margin:0 10px 5px 0;}

div.workshop {
border:1px solid;
padding:2px;}

div.workshop:before {
content:"workshop";
display:block;
font-weight:900;}

a.edit {
border:1px solid;
font-size:12px;
padding:1px 3px;
line-height:2em;
font-weight:normal;}

/* sansserif.css controls footer font family */
#footer {
padding:2px 0 0 0;
margin:0;
text-align:center;}

#footer .navi ul {
width:500px;
margin:0 auto 20px auto;
padding:0;}


@media print {
body, .cal th{background-image:none;background-color:rgb(255, 255, 255) !important;}
#header, h1, .noPrint, .help, .navi, .adminNavi, .divider, .month a {visibility:hidden;height:0;}
#content{margin:3px;position:absolute;top:0;}
.cal{font-size:.60em;}
.cal td, .cal th{orphans:0;border:1px solid black !important;color:black !important;background-color:white;}
.cal a{color:black;text-decoration:none;}
}
