body {
	margin: 0; padding: 0; left: 0; top: 0;
        background: url(/images/layout/lrg_grn_marble_bg_tile.jpg) #474;
}

.skipnav { position: absolute; left: 100px; top: 0; font-size: 90%; text-decoration: underline; color: black; z-index: 10;  }
.skipnav a:link { color: black; text-decoration: underline; font: Verdana, sans-serif }
.skipnav a:hover { color: black; text-decoration: underline; font: Verdana, sans-serif }
.skipnav a:visited { color: black; text-decoration: underline; font: Verdana, sans-serif }
.skipnav a:active { color: black; text-decoration: underline; font: Verdana, sans-serif }
  

a:link { color: #009 } 
a:visited { color:#336} 
a:hover { color: #00c } 
a:visited:hover { color: #009 }

#header {
	height: 160px;
	margin-right: 10%;
}

#header h1 { 
	font-size: 36px; font-weight: bold; font-style: italic; color: #fe9 ;
	padding: 40px 0 40px 0;
	text-align: center
}

#content {
	background: white;
	min-height: 200px;
	padding: 1em 190px 1em 150px;
	margin-right: 10%;
}

#footer-wrapper {
	background: url(/images/layout/eyecandy.jpg) top right no-repeat;
	margin-right: 10%;
}

#footer {
	height: 150px;
	color: #fe9;
	margin: 0 0 0 150px;
	padding: 0 0 0 0;
	font-size: 120%;
	font-weight: bold;
}
#footer a, #footer a:link, #footer a:hover,#footer a:visited { color: #fe9 }
#footerblank {background: white; height: 75px; margin-right: 300px }

.textshadow {
        height: 1em;
        text-shadow: black .1em .1em .3em;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='Black', Positive='true')
}

.classy { font-family: Palatino, "Times New Roman", serif; font-size: 190%; font-variant: small-caps; font-weight: normal }
span.littleword { font-style: italic; font-variant: normal; font-size: 115%; }


.admin-bar, .admin-bar-view, .admin-bar-edit { text-align: center; height: 3em; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000}
.admin-bar a { color: white }
.admin-bar a:link { color: white }
.admin-bar a:visited { color: white }
.admin-bar a:hover { color: white }

.admin-bar-edit { text-align: center; height: 3em }
.admin-bar-edit a { color: white }
.admin-bar-edit a:link { color: white }
.admin-bar-edit a:visited { color: white }
.admin-bar-edit a:hover { color: white }

.admin-bar-view, .admin-bar-edit { color: white; font-size: 13px; text-align: center }
.admin-bar-edit { background: #900; }
.admin-bar-view { background: #009; }
.admin-bar-view a { color: white }
.admin-bar-edit a { color: white }

ul.buttons {
	margin: 1em 0 0 0;
	padding: 0px !important;
	border: 0px !important;
	list-style: none;
}
		
.buttons li {
	list-style: none;
	margin: .25em auto 0 auto;
	width: 8em;
	text-align: center;
	padding: 0px !important;
	border: 0px !important;
	text-indent: 0;
}

.buttons li a {
	display: block;
	margin: 0; 
	padding: .25em;
	border: 1px solid;
	border-color: #336;
	background-color: #69c;
	color: black;
}

.buttons li a:hover {
	border-color: #006;
	background-color: #003;
	color: white;
}

.buttons li.admin a {
	border-color: #600;
	background-color: #c00;
	color: white;
}
.buttons li.admin a:hover {
	border-color: #300;
	background-color: #900;
	color: white;
}

a.button {
	padding: .2em .3em .2em .3em;
	margin: .25em
}

a.button:link {
        border: 1px solid #336;
        background-color: #69c;
        text-decoration: none;
	color: white;
}

a.button:hover {
        background: #003;
	border: 1px solid #006;
        text-decoration: none;
        color: black;
}

a.button:visited {
        border: 1px solid #336;
        background-color: #69c;
        text-decoration: none;
	color: white;
}



ul.quickmenu {
	margin: 1em 0 0 0;
	padding: 0px !important;
	border: 0px !important;
        text-decoration: none;
	list-style: none;
}
		
.quickmenu li {
	list-style: none;
        font-weight: bold;
	margin: .25em auto 0 auto;
	width: 8em;
	text-align: center;
	padding: 0px !important;
	border: 0px !important;
	text-indent: 0;
        text-decoration: none;
}

.quickmenu li a {
	display: block;
	margin: 0; 
	padding: .25em;
	border: 1px solid;
	border-color: #696;
        background-color: #D4CFBB;
        text-decoration: none;
	color: #696;
}

.quickmenu li a:hover {
	border-color: #F0E1B6;
	background-color: #F0E1B6;
	color: #696;
        text-decoration: none;
}




.form-field-header { min-width: 15%; vertical-align: top; padding: .25em .25em .25em .5em; background: #999; color: black; font-weight: bold; text-align: right; margin-right: .25em }
.form-field-header-top { padding: .25em; background: #999; color: black; font-weight: bold; text-align: left }
.form-field { vertical-align: top; padding: .25em .5em .25em .5em; background: #ccc; color: black }
.form-buttons { padding: .25em 1em .25em 1em; background: #666; color: black }

.form-instructions { font-size: 102%; font-weight: bold; color: black }
.form-field-header-error { padding: .25em .25em .25em .5em; background: #c00; color: #fed; font-weight: bold; text-align: right; margin-right: .25em }
.form-field-header-top-error { padding: .25em; background: #c00; color: #fed; font-weight: bold; text-align: left }
.form-field-error { padding: .25em .5em .25em .5em; background: #f99; color: black }
.form-field-error .error { color: #600; font-weight: bold }
.form-errors { color: #900; padding: 1em; margin: 1em 5em 1em 0em; border: 2px solid #600 }

table.grid-table { border-color: #666}
.grid-table th { border-color: #666; background: #999; color: white}
.grid-table td { border-color: #666 }

.content-default { border: 2px solid purple }
.content-default .header { curser: help; font: 10px; background:A1AD97; color:white }

.content-selected { background: #ffc; border: 1px dashed red; margin: 0; padding: 0}
.content-not-selected { border: 1px solid transparent; margin: 0; padding: 0}
.content-empty { border: 1px solid white; margin: 0; padding: 0}

.contentbox {
	border: solid #CFCFAD;
	border-width: 5px 5px 5px 5px;
	background: #CFCFAD;
}

.dialogbox { 
        color: black; 
        border: 1px solid #69c; 
        padding: 0;
        margin: 1em 15% 1em 15%; 
}

.dialogbox-header { 
        background: #369; 
        color: white; 
        font-weight: bold; 
        padding: .25em .5em .25em .5em;
        border: 1px solid;
        border-color: #7ad #58b #58b #7ad;
}

.dialogbox-content { 
        background: #9cf; 
        color: black; 
        padding: .25em 1em .5em 1em;
        border: 1px solid;
        border-color: #8be #aef #aef #8be;
}

.dialogbox-content form {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

.dialogbox-content input {
        background: #999;
        border: 1px solid #444;
}

#choosestylesheet {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 150px;
	padding: 1px; 
	border: 1px solid #394;
	background: white;
}


#logo {
	background: url(/images/layout/jcg_logo_trans_256_175.gif); 
	position:absolute; 
	right: 10%; 
	top: 70px;
	height: 175px; 
	width: 177px;
	z-index: 10;
}

#login {
        background: transparent;
	padding: 5px 2px 5px 7px;
        position:absolute;
        right: 10%;
        top: 250px;
        height: 50px;
        width: 177px;
        z-index: 10;
}

#eyecandy {
	background: url(/images/layout/eyecandy.jpg); 
	right: 0; 
	top: 0;
	height: 150px; 
	width: 300px;
	border: 1px solid red;
	z-index: 10;
}