/* global */
body {font: normal 100% times, serif; color:#394165; margin: 0; padding: 0; text-align: center; text-transform: none;}
a img {border: 0;}
div#mozillacolorcorrect {width: 769px; margin-left: auto; margin-right: auto;  padding: 0; text-align: center;}

/**** HOME PAGE STYLES ****/

/* homepage skeletal */
div#containerhome {width: 769px; height: 491px; margin-left: auto; margin-right: auto;  padding: 0; text-align: left; background-color: #FEF8EA; border-right: solid 5px #394165; border-bottom: solid 5px #394165; position: relative;}
div#containerhome2 {width: 774px; margin: 0; padding: 0; text-align: left; position: absolute; top: 492px;}

/* homepage presentational */
div#imagestrip {position: absolute; top: 18px; left: 37px; z-index: 3;}
div#navmain {position: absolute; top: 178px; left: 37px; width: 716px; height: 27px; background-color: #000; text-align: left; z-index: 3;}
div#jhsbanner {position: absolute; top: 0; left: 18px; width: 138px; height: 455px; background-color: #394165; z-index: 2;}
div#navlower {position: absolute; top: 433px; left: 0; width: 757px; height: 39px; background-color: #E9E3D5; text-align: right; vertical-align: middle; z-index: 1;}
div#jhsbanner img#logoImg {margin-top: 300px;}

/* homepage navmain links */
div#navmain ul#nav {list-style: none outside; margin: 0; padding: 5px 20px 0 0; font-size: 80%;}
div#navmain ul#nav li {display: inline; margin-left: 50px;}
div#navmain ul#nav li a {text-decoration: none;}
div#navmain ul#nav li a:link {color: #FAFBC2;}
div#navmain ul#nav li a:visited {color: #FAFBC2;}
div#navmain ul#nav li a:hover {color: #B9A62E;}
div#navmain ul#nav li a:active {}

/* homepage news section */
div#kwrich {position: absolute; top: 230px; left: 180px;}
div#kwrich h2 {margin: 0; padding: 0; border-bottom: solid 1px #394165; width: 136px; font-size: 97%;}
div#kwrich p {font-size: 80%; margin: 0 40px 0 0; line-height: 16px; font-size: 13px;}
div#kwrich p a {color: black; padding-left: 10px; text-decoration: none;}
div#kwrich p a:hover {text-decoration: underline;}



/* homepage logo */
div#logo {position: absolute; top: 347px; left: 176px;}
div#logo h1 {margin: 0; padding: 0; font-size: 130%; font-variant: small-caps;}
div#logo h2 {margin: 0; padding: 0 0 5px 0; font-size: 100%; border-bottom: solid 1px #394165; font-variant: small-caps;}
div#logo h3 {margin: 0; padding: 5px 0 0 0; font-size: 90%; font-variant: small-caps;}

/* homepage footer links */
div#navlower ul#nav2 {list-style: none outside; margin: 0; padding: 10px 20px 0 0; font-size: 80%;}
div#navlower ul#nav2 li {display: inline; margin-left: 50px;}
div#navlower ul#nav2 li a {text-decoration: none;}
div#navlower ul#nav2 li a:link {color: #394165;}
div#navlower ul#nav2 li a:visited {color: #394165;}
div#navlower ul#nav2 li a:hover {color: #B9A62E;}
div#navlower ul#nav2 li a:active {}

/* homepage lower paragraph */
div#containerhome2 p#lower {width: 60%; margin: 640px 10px 0 250px;}


/**** INNER PAGE STYLES ****/

/* inner page skeletal */
div#containerupper {width: 774px; margin: 0; padding: 0; text-align: right; background-color: #FEF8EA; position: relative;}
div#container {width: 774px; margin: 0; padding: 0; text-align: left; background-color: #FEF8EA; border-right: solid 0px #394165; border-bottom: solid 5px #394165;}
div#leftcolumn {width: 200px; float: left;}
div#rightcolumn {width: 569px; float: right; border-right: solid 5px #394165;}
div#footer {width: 769px; border-right: solid 5px #394165; clear: both; height: 42px;}
div#footer div#iecorrect {width: 769px; border: solid 0px green; clear: both; height: 42px; background-color: transparent;}

/* inner page presentational */
div#navmain2l {width: 736px; height: 38px; background-color: #000; margin-left: 38px;}
div#jhsbanner2l {width: 134px; height: 395px; background-color: #394165; margin-left: 38px;}
div#navlower2l {width: 739px; height: 42px; background-color: #E9E3D5; text-align: right; display: none;}
div#jhsbanner2l img#logo2l {margin-top: 250px;}
div#logoinner {margin: 10px 0 5px 38px;}
div#logoinner a {text-decoration: none; color: #394165;}
div#logoinner h1 {margin: 0; padding: 0; font-size: 130%; font-variant: small-caps;}
div#logoinner h2 {margin: 0; padding: 0 0 5px 0; font-size: 100%; font-variant: small-caps; border-bottom: solid 1px #394165; width: 130px;}
div#logoinner h3 {margin: 0; padding: 5px 0 0 0; font-size: 90%; font-variant: small-caps;}

/* inner page navmain links */
div#navmain2l ul#nav {list-style: none outside; margin: 0; padding: 10px 60px 0 20px; font-size: 80%; text-align: left;}
div#navmain2l ul#nav li {display: inline; margin-left: 50px;}
div#navmain2l ul#nav li a {text-decoration: none;}
div#navmain2l ul#nav li a:link {color: #FAFBC2;}
div#navmain2l ul#nav li a:visited {color: #FAFBC2;}
div#navmain2l ul#nav li a:hover {color: #B9A62E;}
div#navmain2l ul#nav li a:active {}

/* inner page footer links */
div#footer div#iecorrect ul#nav2 {list-style: none outside; margin: 0; padding: 10px 20px 0 0; font-size: 80%; background-color: #E9E3D5; height: 32px; width: 700px; text-align: right;}
div#footer div#iecorrect ul#nav2 li {display: inline; margin-left: 50px;}
div#footer div#iecorrect ul#nav2 li a {text-decoration: none;}
div#footer div#iecorrect ul#nav2 li a:link {color: #394165;}
div#footer div#iecorrect ul#nav2 li a:visited {color: #394165;}
div#footer div#iecorrect ul#nav2 li a:hover {color: #B9A62E;}
div#footer div#iecorrect ul#nav2 li a:active {}

/* artist page content */
div.artist {width: 500px; height: 65px; border: solid 0px black; padding: 10px 0; margin: 0 0 0 20px;}
div.artist span.info h3 {margin: 5px 0 0 0; padding: 0; text-transform: uppercase; font-size: 100%;}
div.artist span.info h3 a {text-decoration: none; color: #394165;}
div.artist span.info h4 {margin: 5px 0 0 0; width: 200px; padding: 0; color: #000; font-size: 80%; text-transform: none;}
div.artist span.info {float: left; width: 225px;}
div.artist span.images {float: right; width: 275px;}
div.artist span.images img {margin: 0 5px; padding: 0;}
div.spacer {height: 70px;}

/* detail page content */
div.detail {width: 560px; height: 400px; margin-left: 0;}
div.detail div.detailleft {padding: 25px 0 25px 0; float: left;}
div.detail div.detailleft h5 {color: black; width: 300px; margin: 10px 0 0 0; padding: 0;}
div.detail div.detailright {padding: 25px 20px 25px 0; float: right;}
div.detail div.detailright h1 {margin: 0; padding: 0; text-transform: uppercase; font-size: 120%; width: 100px;}
div.detail div.detailright p {margin: 5px 0 0 0; padding: 0; font-size: 90%;}
div.detail div.detailright a {color: black; text-decoration: none;}
div.detail div.detailright a:hover {color: black; text-decoration: underline;}
div.detail div.detailright iframe {margin-top: 30px; display: block; clear: both; }

div.detail div.detailright div#thumbstrip {overflow: auto; height: 550px; width: 150px;}
div.detail div.detailright div#thumbstrip img {display: block; padding: 0; margin: 0 0 10px 0; text-align: left;}

div.detail div.detailleft h5.back {margin-top: 25px;}
div.detail a {color: black; text-decoration: none;}
div.detail a:hover {color: #B9A62E;}

/* modified detail page content */
div.detail div.detailleft h1 {margin: 25px 0 0 0; padding: 0; text-transform: uppercase; font-size: 100%;}
div.detail div.detailleft p {margin: 5px 0 30px 0; padding: 0; font-size: 90%;}
div.detail div.detailleft a {color: black; text-decoration: none;}
div.detail div.detailleft a:hover {color: black; text-decoration: underline;}

/* bio page content */
div.bio {width: 540px; height: 300px;}
div.bio h1 {font-size: 110%; margin: 20px 0 10px 0; padding: 0;}
div.bio p {font-size: 90%; margin: 0 40px 20px 0; padding: 0; color: black;}
div.bio a {color: black; text-decoration: none;}
div.bio a:hover {text-decoration: underline;}

/* commissions page */
ul#commissions {list-style-type: disc; list-style-position: outside;}
ul#commissions li {padding-bottom: 5px;}
ul#commissions li a {text-decoration: none;}
div.commissionthumb {width: 90px; float: left; margin: 0 5px; text-align: center;}
div.commissionthumb img {width: 90px;}
div.commissionthumb a img {border: solid 1px white;}
div.commissionthumb a:hover img {border: solid 1px #B9A62E;}
div.commissionthumb h5 {margin-top: 5px;}
div.commissionthumb h5 a:link {text-decoration: none; color: red;}

/* general content */
div#content {width: 560px; border: solid 0px red; height: 545px; overflow: auto; margin: 0 0 20px 0;}
div#content h1 {font-size: 110%; margin: 20px 0 10px 0; padding: 0; text-transform: uppercase;}
div#content p {font-size: 95%; margin: 0 40px 20px 0; padding: 0; color: black;}
div#content a {color: black; text-decoration: underline;}
div#content a:hover {color: #B9A62E;}


/* news page text formatting */
h4.newsheadline {margin: 0 40px 5px 0; padding: 0;}
p.newsarticle {margin: 0 40px 40px 0; padding: 0;}

/* search form */
form#search {margin: 0; padding: 0;}
div#search {padding: 20px 20px 10px 0;}
div#results {padding: 0 20px 0 0;}
div#search div.description {line-height: 1.25em;}
div#search a {color: black; text-decoration: underline;}
div#search a:hover {color: #B9A62E;}
div#search div.powered {font-size: 75%; width: 200px; margin-top: 10px; border-top: solid 1px black;}

/* site map  */
ul#sitemap {margin: 0; padding: 0; list-style: none outside;}
ul#sitemap li {padding: 10px 0;}

/* links page */
div#links {margin: 0 0 0 15px;}
div#links h2 {font-size: 15px; text-transform: uppercase; margin: 30px 0 5px 0;}
div#links ul {margin: 0 0 0 20px; padding: 0; list-style-type: disc; list-style-position: outside;}
div#links ul li {padding: 0 0 5px 0;}
div#links ul li a {text-decoration: none;}

/* about artist page */
div#pageText {

}

img.pageImage {
	float: right;
	margin: 0 20px 20px 20px;
}



/* colors */
/*
main blue: 394165
offwhite bg: FEF8EA
footer grey: E9E3D5
navtext offwhite: FAFBC2
leaf gold: B9A62E
*/



/* EXISTINTG STYLES */

/* 

body, td {font-family:arial;font-size:10px;color:#003E77;line-height:15px;}
b {font-family:arial;font-size:11px;color:#444444;font-weight:bold;line-height:15px;}

a.links {font-family:verdana;font-size:10px;font-weight:bold;color:#6AB5B5;text-decoration:none;}
a.links:hover {font-family:verdana;font-size:10px;font-weight:bold;color:#408484;text-decoration:none;}

a.links2 {font-family:verdana;font-size:10px;font-weight:bold;color:#666666;text-decoration:none;}
a.links2:hover {font-family:verdana;font-size:10px;font-weight:bold;color:#666666;text-decoration:none;}

.artisttitle {font-family:arial;font-size:10px;color:#666666;line-height:12px;text-decoration:none;}
a.artisttitle {font-family:arial;font-size:10px;color:#666666;line-height:12px;text-decoration:none;}
a.artisttitle:hover {font-family:arial;font-size:10px;color:#333333;line-height:12px;text-decoration:none;}


.learnmore {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:#003E77;}
a.learnmore {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:#003E77;text-decoration:none;}
a.learnmore:hover {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:3B85AA;text-decoration:none;}

.artistname {font-family: Helvetica, Arial, san-serif;font-size:14px;font-weight:bold;line-height:17px;color: #003E77;}

.arttitle {font-family:arial;font-size:9px;color:#666666;line-height:12px;text-decoration:none;}
a.arttitle {font-family:arial;font-size:9px;color:#666666;line-height:12px;text-decoration:none;}
a.arttitle:hover {font-family:arial;font-size:9px;color:#333333;line-height:12px;text-decoration:none;}

.bottomnav {font-family:arial;font-size:9px;color:#666666;line-height:12px;text-decoration:none;}
a.bottomnav {font-family:arial;font-size:9px;color:#666666;line-height:12px;text-decoration:none;}
a.bottomnav:hover {font-family:arial;font-size:9px;color:#333333;line-height:12px;text-decoration:none;}


.date {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:666666;}

.caldesc {font-family:arial;font-size:9px;color:#666666;line-height:12px;text-decoration:none;}


.homeline {background-color:#ECAA5E;}

.bolditalic {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:666666;}
a.bolditalic {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:666666;}
a.bolditalic:hover {font-family:Helvetica, Arial, san-serif;font-size:11px;font-weight:bold;font-style:italic;color:333333;}

a {font-family:arial;font-size:10px;color:#666666;line-height:12px;text-decoration:none;}
a:hover {font-family:arial;font-size:10px;color:#333333;line-height:12px;text-decoration:none;}

.sold{color:#990000;}

*/