#content {margin-left:300px;}


#content p.help {
	border:1px solid red;
	padding:3px;
	width:250px;
	margin:10px 0 10px 0px !important;
	font-size:.80em;
        }

/* 

#content p.help {
width:236px;
border:1px solid;}

colors, darkest to lightest 
rgb(64, 70, 104)
rgb(86, 92, 124)
rgb(114, 149, 189)
rgb(194, 234, 200)
*/


body {
background-color:rgb(194, 234, 200);
margin:0;
background-image:url(/layouts/4/images/leftCol_strip.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top left;
}

#content a {
color:rgb(60, 60, 140);}

#adminHeader form {
color:rgb(200, 200, 200);}

#header .logo {
color:rgb(220, 220, 220);}

#header .navi ul li {
color:rgb(220, 220, 220);}

#header .navi ul li a {
color:rgb(255, 218, 117);}

#header .navi ul li a:hover {
color:rgb(252, 148, 13);}

#content {
color:rgb(64, 70, 104);}


#content img.slideShow {
background-color:rgb(64, 70, 104);
border:1px solid rgb(64, 70, 104);
margin:-24px 12px 24px -290px;
padding:1px;
width:200px;
}


img.bioPhoto {
background-color:rgb(64, 70, 104);
border-color:rgb(64, 70, 104) !important;
border:1px solid;
width:200px;
margin:3px 5px 5px 0;
}
img.bioPhoto5 {
background-color:rgb(64, 70, 104);
border-color:rgb(64, 70, 104) !important;
border:1px solid;
margin:0 0 10px 0;
}

img.pageImage {
border:1px solid;
width:200px;
margin:3px 5px 5px 0;
}

p.intro {
padding:10px;
border:1px solid;
font-size:1.05em;
margin-left:0;
border-color:rgb(86, 92, 124) !important;
color:rgb(86, 92, 124);
}

#content p {
/*
padding:0px 0px 0px 10px;
margin:0 10px 5px -10px;
*/
}

p.editor {
padding:3px;
border:1px solid #990033 !important;
margin:0px 0px 0px 0px;
background-color:white;
color:#990033;
/*
font-size:1.05em;
margin-left:20px;
*/
}

p.editorFloat{
padding:10px;
border:1px solid;
font-size:1.05em;
margin-left:-290;
border-color:#990033 !important;
color:#990033;
border:1px solid;
width:250px;
padding:3px;
}

/*
margin:300px 12px 24px -290px;
*/

p.highlight1 {
background-color:rgb(114, 149, 189);
color:rgb(86, 92, 124);}

p.highlight2 {
background-color:rgb(86, 92, 124);
color:rgb(194, 234, 200);}

.table2 {
background-color:rgb(117, 152, 192);
color:rgb(220, 220, 220);
border-bottom-color:rgb(65, 71, 105) !important;}

.table2 th,
.table2 td {
border-top-color:rgb(65, 71, 105) !important;}

div.cal table th,
div.cal table td {
border-color:rgb(64, 70, 104) !important;
border:1px solid;
padding:4px;
}

div.cal tr.day th {
background-color:rgb(86, 92, 124);
color:rgb(220, 220, 220);}

div.cal {
margin:12px 12px 0 -290px;
}


div.note {
border-color:rgb(86, 92, 124) !important;
background-color:silver;}

div.workshop {
border-color:rgb(65, 71, 105) !important;
/*
background-color:rgb(140, 40, 40);
*/
}

div.workshop:before {
color:rgb(255, 218, 117);
background-color:rgb(51, 6, 1);}

a.edit {
background-color:rgb(190, 190, 190);}

#footer .navi ul li {
color:rgb(64, 70, 104);}

#footer .navi ul li a {
padding:1px 5px;
color:rgb(64, 70, 104);
border:0px solid rgb(64, 70, 104);}

#footer .navi ul li a:hover {
background-color:rgb(195, 218, 190);}

#header,
h1, h2, h3, h4, h5, h6,
#footer {font-family:"Verdana", sans-serif;}

#content {font-family:"Tahoma", "Verdana", sans-serif;}


#header .adminNavi {
position:absolute;
top:0;
right:0;
float:right;
text-align:right;
margin:0;
padding:0;}

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

.adminNavi ul li {
display:inline;
margin:0;
padding:1px 5px;
color:rgb(220, 220, 220);
font-weight:500;
font-size:11px;
background-color:rgb(51, 6, 1);
border:1px solid rgb(100, 100, 100);}

.adminNavi ul li a {
color:rgb(255, 218, 117);
text-decoration:none;}

.adminNavi ul li a:hover {
color:rgb(252, 148, 13);} 




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

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

/* sansserif.css controls header font family */
#header {
position:relative;
top:0;
height:86px;
width:100%;
margin:0;
padding:0;
background-image:url(/layouts/4/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:34px;
width:100%;
margin:0;
padding:0;
background-image:url(/layouts/4/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;}

#content h1 {
font-size:1.60em;
font-weight:500;
margin:10px 0 0px 0;
}
#content h2 {
font-size:1.40em;
font-weight:500;
margin:10px 0 0px 0;
}
#content h3 {
padding:0px 0px 0px 0px;
margin:0px 0 0px 0;
font-size:1.20em;
font-weight:500;
margin:10px 0 0px 0;
}
#content h4 {
padding:0px 0px 0px 0px;
margin:0px 0 0px 0;
font-size:1.0em;
font-weight:500;
margin:10px 0 0px 0;

}
#content h5, {
font-size:1em;
font-weight:500;
margin:10px 0 0px 0;
}
#content h6 {
font-size:1em;
font-weight:500;
margin:10px 0 0px 0;
}

#content ul {
padding:0px 0px 0px 10px;
margin:0 20px 5px 30px;
}


p.highlight1 {
padding:10px;
margin-left:0;}

p.highlight2 {
padding:10px;
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;}


/*
.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:1px solid black;
font-size:.85em;
margin:5px 10px 5px 0px;
border-collapse:collapse;
}

.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.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{background-image:none;}
#header, h1{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;}
.navi, .adminNavi, .divider, .month a{visibility:hidden;height:0;}
}
