body {
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
	background-color: #FFFFFF;
}
h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    color: #808080;
}
h2 {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    color: #909090;
}

p {
	font-size: 14px;
	color: #4F4F4F;
}
/*  webpage CSS Classes */
p.contentBig {
    margin: 2px 5px 2px 5px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    color: #4F4F4F;
}
p.content {
    margin: 2px 5px 2px 5px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #4F4F4F;
}
p.contentSmall {
    margin: 2px 5px 2px 5px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    color: #4F4F4F;
}
p.quote {
    margin: 5px;
    font-size: 9px;
    text-align: center;
    color: #282828;
}
p.bio {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    vertical-align: top;
    text-align: left;
    float: none;
    font-size: 14px;
}
p.note {
    margin: 0 0 10px 0;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #202F20;
    background-color: #80FF80;
}
p.instruct {
    margin:10px 10px;
    font-size:11px;
    font-weight:normal;
    text-align:left;
}
/*  webpage CSS Classes */
form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
table {
    font-size: 12px;
}

.emph1 {
	font-weight: bolder;
	color: #282828;
}
.emph2 {
	font-weight: bold;
	color: #404040;
}

ul.menusys {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    line-height: 20px;
}
ul.menusys li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #808080;
    line-height: 20px;
}
ul.menusys a {
    margin: 0 0 0 4px;
    padding: 0 5px 0 10px;
    color: #4F4F4F;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    width: 170px;
    line-height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #eeeeee;
    background-color: #eeeeee;
}
ul.menusys a:hover {
    color: #606060;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: #FFFFFF;
}
ul.menusys a#selected {
    margin: 0 0 0 4px;
    padding: 0 5px 0 5px;
    color: #606060;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    width: 170px;
    line-height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: #F4F4F4;
}

ul.menu {
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	list-style-type: none;
    line-height: 20px;
}
ul.menu li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	color: #AFAFAF;
    line-height: 30px;
}
ul.menu a {
    margin: 0 0 0 4px;
    padding: 0 5px 0 5px;
	color: #2f2f2f;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    width: 170px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #eeeeee;
    background-color: #eeeeee;
}
ul.menu a:hover {
	color: #818181;
    border-width: 1px;
    border-style: solid;
    border-color: #818181;
	background-color: #FFFFFF;
}
ul.menu a#selected {
    margin: 0 0 0 4px;
    padding: 0 5px 0 5px;
    color: #606060;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    width: 170px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #004500;
    background-color: #c6ccc0;
}
ul.submenu {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	list-style-type: none;
    line-height: 20px;
}
ul.submenu li {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
}
ul.submenu a {
	margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #004F00;
    line-height: 20px;
	text-decoration: none;
}
ul.submenu a:hover {
	margin: 0 0 0 24px;
	padding: 0 5px 0 5px;
	color: #002F00;
	font-weight: normal;
    font-size: 11px;
    line-height: 18px;
	text-decoration: none;
	width: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
	background-color: #E8E8E8;
}
ul.submenu a#selected {
    margin: 0 0 0 24px;
    padding: 0 5px 0 5px;
    color: #002F00;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    text-decoration: none;
    width: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: #E8E8E8;
}

table.logon {
    background-color:#F0F0F0;
    width:600px;
}
table.content {
    background-color:#eeeeee;
    width:900px;
}
tr.header {
    background-color:#c6ccc0;
}
td.content {
    background-color:#eeeeee;
}
tr.header td {
	letter-spacing: 10px;
}
td.navcell {
	width:180px;
	height:590px;
	background-color:#eeeeee;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #004500;
}
#lined {
    border-width: 1px;
    border-style: solid;
    border-color: #004500;
}
#lined3 {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #004500;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #004500;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #004500;
}
div.content {
    margin: 40px 10px 5px 10px;
}
div.contentAdmin {
    float: none;
    margin: 10px 10px 5px 10px;
    width:480px;
}
textarea.content {
    font-family: "verdana";
    font-size: 13px;
    margin: 0px 10px 0px 0px;
    width:99%;
    background-color: #FFFFE0;
    border-width: 1px;
    border-style: solid;
    border-color: #AFAFAF;
}
textarea.admin {
    background-color: #FFFFE0;
    border-width: 1px;
    border-style: solid;
    border-color: #AFAFAF;
}
input.admin {
    background-color: #FFFFE0;
    border-width: 1px;
    border-style: solid;
    border-color: #AFAFAF;
}
select {
    background-color: #FFFFE0;
    border-width: 1px;
    border-style: solid;
    border-color: #AFAFAF;
}
.footer {
    padding: 0px 1px 0px 1px;
    margin: 1px 1px 1px 1px;
    font-size: 9px;
    color: #707070;
    text-decoration: none;
    background-color: #dddddd;
    line-height: 20px;
}
.footer a {
    color: #707070;
    text-decoration: none;
}
.credits {
    padding: 0 20px 3px 0;
    margin: 0;
    font-size: 9px;
    color: #202020;
    text-decoration: none;
    background-color: #dddddd;
    line-height: 15px;
}
.credits a {color: #402F40;}

div.guts {
    width: 75%;
}
ul.error{
    color:#FF0000;
}
img.photoid {
    margin: 0px 10px 3px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #008752;
}

.framed {
	margin: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #00FF00;
}
.sampleImage {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #AFAFAF;
}

/* Folder stuff */
ul#folder {
    padding: 4px 10px 3px 10px; 
    margin: 1em 0 1em 0; 
    text-align: left; 
    border-bottom: 1px solid #000000; 
    list-style-type: none; 
    line-height:1.2em;
}
ul#folder li {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
    line-height:1.2em;
}
ul#folder li span {
    padding: 3px 4px 3px 4px;
    border: 0px solid #2F2F2F;
    background-color: #EEEEEE;
    margin-right: 2px;
    text-decoration: none;
    border-bottom: none;
}
ul#folder li a {
    padding: 3px 4px;
    border: 1px solid #8F8F8F;
    background-color: #E8E8E8;
    color: #4F4F4F;
    margin-right: 2px;
    text-decoration: none;
    border-bottom: none;
    cursor: pointer;
}
ul#folder li a.select {
    border-top: 1px solid #4F4F4F; 
    border-left: 1px solid #4F4F4F; 
    border-right: 1px solid #4F4F4F; 
    background-color: #F4F4F4;
    color: #2F2F2F;
    position: relative;
    top: 1px;
    padding-top: 4px;
}
ul#folder a:hover {background: #FFFFFF;}

.imgBtn {
    margin-right: 4px;
    vertical-align: -2px;
}

@media screen {
    div.backTab {display: none;}
}
@media print {
    div.backTab {display: block;}
}
div.frontTab {
    display: block;
}
div.frontTab table {
    margin: 0 5px 0 10px;
    padding: 0 5px 0 10px;
}
div.frontTab li {
    line-height: 12px;
}
div.frontTab h3 {
    margin: 5px 5px 5px 5px;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    background-color: #E8E8E8;
    color: #202020;
}
div.inlineTab {
    margin: 0 5px;
    padding: 0;
    background-color: #F4F4F4;
    border: 1px solid #D8D8D8;
}
div#headerTab, div#backgroundTab, div#sidebarTab, div#familyTab, div#metaTab {
    margin: 0;
    padding: 0;
    background-color: #F4F4F4;
    border: 1px solid #D8D8D8;
}
div#maintainTab, div#contentTab, div#publishTab {
    margin: 0;
    padding: 0;
    background-color: #F4F4F4;
    border: 1px solid #D8D8D8;
}
div.tree {
    margin: 0 10px 0 20px;
    padding: 5px 5px 5px 20px;
    width: 320px;
    background-color:#F0F0F0;
    border-width: 1px;
    border-style: solid;
    border-color: #D8D8D8;
}
.rollover {
    cursor: pointer;
}
.maintList {
    margin: 0px 5px 0px 0px;
    padding: 5px 2px 10px 5px;
    font-weight: bold;
    background-color:#F4F4F4;
    border-width: 1px;
    border-style: solid;
    border-color: #D8D8D8;
}
.maintList a {
    font-weight: normal;
}
/*  */
ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
span.alignleft {display:block; text-align:left;}
span.aligncenter {display:block; text-align:center;}
span.alignright {display:block; text-align:right;}
span.alignjustify {display:block; text-align:justify;}
/*  */
div.pupdiv {
    margin: 10px 0px 10px 0px;
    border-color: #BBBBBB;
    border-style: none;
    border-width: 2px;
    background-color: #E0E0E0;
}
div.pupheader {
    line-height:20px;
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 4px;
    background-color: #E0E0E0;
}
div.pupbody {
    height: 100%;
    border-left-color: #BBBBBB;
    border-left-style: solid;
    border-left-width: 4px;
    border-right-color: #BBBBBB;
    border-right-style: solid;
    border-right-width: 4px;
    background-color: #EFEFEF;
}
div.pupbody input {
    font-size: 9px;
    padding-left:10px;
    text-align:left;
}
div.pupoption {
    margin: 10px 0 0 0;
    padding: 2px 5px;
    font-size:10px;
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 2px;
    background-color: #EAEAEA;
}
div.pupfooter {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 4px;
    background-color: #E8E8E8;
}

table.colorCoarse {
    margin:0;
    padding:0;
    width:98%;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
table.colorCoarse tr {
    margin:0;
    padding:0;
    height: 25px;
}
table.colorCoarse td {
    margin:0;
    padding:0;
    width:15px;
}
table.colorFine {
    margin: 0;
    padding: 0;
    width:98%;
    border-color: #D0D0D0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
table.colorFine tr {
    margin:0;
    padding:0;
    height: 10px;
}
table.colorFine td {
    margin:0;
    padding:0;
    width:10px;
}
/*  */
div.menutab a {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff.jpg);
    color: #4F4F4F;
    width:80px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div.menutab a.select {
    background: #F4F4F4 url(tabon.jpg);
    color: #2F2F2F;
    border-bottom: none; 
}
div.menutab a:hover {font-weight:bold;}
div.menutab span {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff.jpg);
    color: #A0A0A0;
    width:80px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor:wait;
}
div.menutab100 a {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff100.jpg);
    color: #4F4F4F;
    width:100px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div.menutab100 a.select {
    background: #F4F4F4 url(tabon100.jpg);
    color: #2F2F2F;
    border-bottom: none; 
}
div.menutab100 a:hover {font-weight:bold;}
div.menutab100 span {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff.jpg);
    color: #A0A0A0;
    width:100px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor:wait;
}
div.menutab120 a {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff120.jpg);
    color: #4F4F4F;
    width:120px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div.menutab120 a.select {
    background: #F4F4F4 url(tabon120.jpg);
    color: #2F2F2F;
    border-bottom: none; 
}
div.menutab120 a:hover {font-weight:bold;}
div.menutab120 span {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff.jpg);
    color: #A0A0A0;
    width:100px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor:wait;
}
div.menutab150 a {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff150.jpg);
    color: #4F4F4F;
    width:150px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
div.menutab150 a.select {
    background: #F4F4F4 url(tabon150.jpg);
    color: #2F2F2F;
    border-bottom: none; 
}
div.menutab150 a:hover {font-weight:bold;}
div.menutab150 span {
    float:left;
    padding: 7px 0px 0px 0px; 
    background: #E8E8E8 url(taboff.jpg);
    color: #A0A0A0;
    width:100px;
    height:17px;
    *height:25px;
    border-bottom: 1px solid #808080; 
    font-weight:normal;
    text-align: center;
    text-decoration: none;
    cursor:wait;
}
