/*---------------------------------- 
version: 1.1
author: jane benson
email: jane@mainjane.com
website: http://www.mainjane.com/
----------------------------------*/
/*Color palette
dk blue: 0061aa
lt gold: f2edba
taupe: 6e6a50
dk gold: e9dea3
cream: fcfbf0
*/

* { /*zero-out the default margin and padding on all elements*/
	margin: 0;
	padding: 0;
}

* :focus { outline: 0; }

body {
	font-family: "Bradley Hand ITC", "Bradley Hand ITC TT", cursive;
	color: #000000;
	font-size: 100%; 
	font-weight:bold;
	letter-spacing:.025em;
	background:url(/css/images/bgStripes.gif);
}

div#wrapper h1 {
	font-size:1.2em;
	width: 422px;
	height:60px;
	margin:-10px 136px 0px 136px;
	padding-top:5px;
	text-align:center;
	background:url(images/bgTitle.gif) no-repeat;
}

h2 {
	color: #0061aa;
	font-size: 1.17em; 
	letter-spacing:.05em;
	margin: 5px 20px;
}

h2.flushLeft {
	color: #0061aa;
	font-size: 1.17em; 
	letter-spacing:.05em;
	margin: 5px 20px 5px 0;
}

h2.detail {
	color: #6e6a50;
	font-size: 1.17em; 
	height:20px;
	margin:-40px 136px 20px;
	padding-top:5px;
	text-align:center;
	width:422px;
}

p {
	margin: 10px 20px;
}

p.long {
	height:150px;
}

ol {
	margin:10px 20px;
}

ol li {
	margin: 5px 20px 5px 55px;
	list-style-type:lower-roman;
}

div#wrapper3 {
	width: 95%; /*set the width of the wrapper - must set width to center the div*/
	background: #fcfbf0;
	margin: 0 auto; /*center the div*/
}

div#wrapper2 {
	width: 695px; /*set the width of the wrapper - must set width to center the div*/
	margin: 0 auto; /*center the div*/
}

div#wrapper {
	width: 900px; /*set the width of the wrapper - must set width to center the div*/
	margin: 0 auto; /*center the div*/
}

div#wrapper div#header {
	width: 695px;
	background: url(/css/images/hdr.gif) no-repeat;
	margin-top:29px;
	height: 25px;
	float:right;
}

div#wrapper2 div#header2{
	width: 695px;
	background: url(/css/images/hdr.gif) no-repeat;
	height: 23px;
	margin-top:-68px;
}

div#wrapper3 div#header3{
	width: 1500px;
	background: #fcfbf0;
	height: 25px;
}

img#logo {
	margin:28px 10px 10px 16px;
	float:left;
}

img#logo2 {
	position:relative;
	left:243px;
	top:15px;
	z-index:1;
}

img#logo3 {
	margin:10px 20px 40px 0px;
}

/*-------/Main Navigation--------*/
div#wrapper div#nav {
	position:relative;
	top:0;
	margin:0;
	width: 190px;
	float:left;
	}

div#wrapper div#nav ul#mainNav {
	list-style:none;
	background-color:#f2edba;
	margin:-10px 5px 10px 10px;
	padding-top:10px;
	width: 175px;
	float:left;
}

ul#mainNav li a:link,
ul#mainNav li a:visited{
	margin:0px 10px 10px 10px;
	height:45px;
	width:155px;
	display:block;
	text-decoration:none;
	text-indent:-1000em;
}

/*---Originals Tab---*/
body#orig-page ul#mainNav li#origLi a {
	background:url(/css/images/btnOrigs.gif) no-repeat -155px 0px;
}

ul#mainNav li#origLi a:link,
ul#mainNav li#origLi a:visited{
	background:url(/css/images/btnOrigs.gif) no-repeat;
	width:155px;
	height:45px;
}

ul#mainNav li#origLi a:hover, 
ul#mainNav li#origLi a:focus {
	background:url(/css/images/btnOrigs.gif) no-repeat -155px 0px;
}

ul#mainNav l#origLi a:active {
	background:url(/css/images/btnOrigs.gif) no-repeat -155px 0px;
}

/*---/Originals Tab---*/

/*---Prints Tab---*/

body#print-page ul#mainNav li#printLi a {
	background:url(/css/images/btnPrints.gif) no-repeat -155px 0px;
}

ul#mainNav li#printLi a:link,
ul#mainNav li#printLi a:visited{
	background:url(/css/images/btnPrints.gif) no-repeat 0px 0px;
	width:155px;
	height:45px;
}

ul#mainNav li#printLi a:hover, 
ul#mainNav li#printLi a:focus {
	background:url(/css/images/btnPrints.gif) no-repeat -155px 0px;
}

ul#mainNav l#printLi a:active {
	background:url(/css/images/btnPrints.gif) no-repeat -155px 0px;
}

/*---/Prints Tab---*/

/*---Note Cards Tab---*/

body#noteDet-page ul#mainNav li#noteLi a, 
body#note-page ul#mainNav li#noteLi a {
	background:url(/css/images/btnNoteCards.gif) no-repeat -155px 0px;
}

ul#mainNav li#noteLi a:link,
ul#mainNav li#noteLi a:visited{
	background:url(/css/images/btnNoteCards.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#noteLi a:hover, 
ul#mainNav li#noteLi a:focus {
	background:url(/css/images/btnNoteCards.gif) no-repeat -155px 0px;
}

ul#mainNav li#noteLi a:active {
	background:url(/css/images/btnNoteCards.gif) no-repeat -155px 0px;
}

/*---/Note Card Tab---*/

/*---About Prints Tab---*/

body#aboutPri-page ul#mainNav li#aboutPri a {
	background:url(/css/images/btnAboutPr.gif) no-repeat -155px 0px;
}

ul#mainNav li#aboutPri a:link,
ul#mainNav li#aboutPri a:visited{
	background:url(/css/images/btnAboutPr.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#aboutPri a:hover, 
ul#mainNav li#aboutPri a:focus {
	background:url(/css/images/btnAboutPr.gif) no-repeat -155px 0px;
}

ul#mainNav li#aboutPri a:active {
	background:url(/css/images/btnAboutPr.gif) no-repeat -155px 0px;
}

/*---/About Prints Tab---*/

/*---Pumpkins Tab---*/

body#printPump-page ul#mainNav li#pumpk a,
body#origPump-page ul#mainNav li#pumpk a {
	background: url(images/btnPumpkins.gif) no-repeat -155px 0px;
}

ul#mainNav li#pumpk a:link,
ul#mainNav li#pumpk a:visited{
	background: url(images/btnPumpkins.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#pumpk a:hover, 
ul#mainNav li#pumpk a:focus {
	background: url(images/btnPumpkins.gif) no-repeat -155px 0px;
}

ul#mainNav li#pumpk a:active {
	background: url(images/btnPumpkins.gif) no-repeat -155px 0px;
}

/*---/Pumpkins Tab---*/

/*---Creatures Tab---*/

body#printCreat-page ul#mainNav li#creat a,
body#origCreat-page ul#mainNav li#creat a {
	background: url(images/btnCreatures.gif) no-repeat -155px 0px;
}

ul#mainNav li#creat a:link,
ul#mainNav li#creat a:visited{
	background: url(images/btnCreatures.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#creat a:hover, 
ul#mainNav li#creat a:focus {
	background: url(images/btnCreatures.gif) no-repeat -155px 0px;
}

ul#mainNav li#creat a:active {
	background: url(images/btnCreatures.gif) no-repeat -155px 0px;
}

/*---/Creatures Tab---*/

/*---Landscapes Tab---*/

body#printLand-page ul#mainNav li#land a,
body#origLand-page ul#mainNav li#land a {
	background: url(images/btnLandscapes.gif) no-repeat -155px 0px;
}

ul#mainNav li#land a:link,
ul#mainNav li#land a:visited{
	background: url(images/btnLandscapes.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#land a:hover, 
ul#mainNav li#land a:focus {
	background: url(images/btnLandscapes.gif) no-repeat -155px 0px;
}

ul#mainNav li#land a:active {
	background: url(images/btnLandscapes.gif) no-repeat -155px 0px;
}

/*---/Landscapes Tab---*/

/*---Botanicals Tab---*/

body#printBot-page ul#mainNav li#bot a,
body#origBot-page ul#mainNav li#bot a {
	background: url(images/btnBotanicals.gif) no-repeat -155px 0px;
}

ul#mainNav li#bot a:link,
ul#mainNav li#bot a:visited{
	background: url(images/btnBotanicals.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#bot a:hover, 
ul#mainNav li#bot a:focus {
	background: url(images/btnBotanicals.gif) no-repeat -155px 0px;
}

ul#mainNav li#bot a:active {
	background: url(images/btnBotanicals.gif) no-repeat -155px 0px;
}

/*---/Botanicals Tab---*/

/*---Outliers Tab---*/

body#printOut-page ul#mainNav li#outl a,
body#origOut-page ul#mainNav li#outl a {
	background: url(images/btnOutliers.gif) no-repeat -155px 0px;
}

ul#mainNav li#outl a:link,
ul#mainNav li#outl a:visited{
	background: url(images/btnOutliers.gif) no-repeat 0 0;
	width:155px;
	height:45px;
}

ul#mainNav li#outl a:hover, 
ul#mainNav li#outl a:focus {
	background: url(images/btnOutliers.gif) no-repeat -155px 0px;
}

ul#mainNav li#outl a:active {
	background: url(images/btnOutliers.gif) no-repeat -155px 0px;
}

/*---/Outliers Tab---*/

/*---/Main Navigation---*/

div#wrapper div#main-content,
div#wrapper2 div#main-content2 {
	width: 695px;
	background:url(/css/images/bgCreamBox-1px.gif);
	float: right;
}

div#wrapper3 div#main-content3 {
/*	width: 1500px;
*/	background:#fcfbf0;
}

a{
	color:#6e6a50;
	text-decoration:none;
}	

a:link
{
	color:#6e6a50;
	text-decoration:none;
}	

a:hover,
a:focus {
	color: #000;
	background-color:#f2edba;
	text-decoration: none;
}

a.noBackgrnd:hover,
a.noBackgrnd:focus {
	background:none;
	text-decoration: none;
}

div.imgBlock a:hover,
div.imgBlock a:focus{
	color: #000;
	background:none;
	text-decoration: none;
}

div#wrapper div#main-content h3,
div#wrapper2 div#main-content h3 {
	margin: 10px 20px;
	color:#0061aa;
	font-size: 1.15em;
}

.floatRt {
	margin:0 0 10px 10px; 
	border:2px solid #f2edba;
	float:right;
}

.floatLft {
	text-align:left; 
	color:#6e6a50; 
	float:left;
}

.grid {
	width:662px; 
	height:415px;
	background: url(/css/images/bgGrid.gif) #fcfbf0 no-repeat; 
	margin:0px 10px 10px 14px;
	padding-top:7px;float:left; 
}

.gridBlock {
	width:192px; 
	height:172px;
	margin:23px 0 0 22px;
	display:inline;float:left;
}

.imgBlock {
	width:190px; 
	height:150px;
	text-align:center;
}

.gridImg {
	border:2px solid #f2edba;
}

.titleBlock {
 	width:190px; 
	height:20px;
	text-align:center;
	margin-top:3px;
	vertical-align:bottom;
}

a.titleLink {
	color:#6e6a50;
}

hover.titleLink {
	color:#000000;
}

div.dataField {
	width:190px;
	text-align:left;
	padding:10px 0;
	margin:0 10px;
	border-bottom:2px solid #f2edba; 
	vertical-align:bottom;
	float:right;
}

.detPageBox {
	width:662px; 
	height:455px;
	background: #fcfbf0; 
	border:2px solid #f2edba; 
	margin:5px 10px 10px 14px;
	float:left;
}

.detPageLftBox {
	width:445px; 
	height:455px;
	border-right:2px solid #f2edba; 
	display:inline;
	float:left;
}

.detPageImgBox {
	text-align:center;
	vertical-align:bottom;
	margin-top:10px;
}

/*---Vertical Response Sign Up Button---*/
body#cont-page div#wrapper div#main-content div p a#VR {
	background: url(/css/images/btnVRSignUP.jpg) no-repeat  0 0;
}

body#cont-page div#wrapper div#main-content div p a#VR:link,
body#cont-page div#wrapper div#main-content div p a#VR:visited{
	background: url(/css/images/btnVRSignUP.jpg) no-repeat  0 0;
}

body#cont-page div#wrapper div#main-content div p a#VR:hover, 
body#cont-page div#wrapper div#main-content div p a#VR:focus {
	background: url(/css/images/btnVRSignUP.jpg) no-repeat -155px 0px;
}

body#cont-page div#wrapper div#main-content div p a#VR:active {
	background: url(/css/images/btnVRSignUP.jpg) no-repeat -155px 0px;
}

/*---/Vertical Response Sign Up Button---*/

body#admin-page,
body#login-page, 
body#add-page,
body#update-page,
body#upload-page,
body#del-page,
body#edit-page {
background:none;
background-color:#fcfbf0;
}

table {
	display:inline;
	border-collapse: collapse;
	border:1px solid #6e6a50;
	float: left;
}

caption {
	line-height:0;
	font-size: 1em;
	font-weight: bold;
	text-indent:-5000px;
}

col {
	border-right: 1px solid #6e6a50;
}

col#artidcol {
	max-width:40px;
}

col#editcol {
	max-width:40px;
}

col#deletecol{
	max-width:40px;
}

col#cidcol{
	max-width:50px;
}

col#scidcol {
	max-width:50px;
}

col#availcol {
	max-width:40px;
}

col#privcol {
	max-width:40px;
}

col#titlecol {
	max-width:50px;
}

col#framecol {
	max-width:50px;
}

col#artnotescol {
	max-width:100px;
}

col#heightcol{
	max-width:40px;
}

col#widthcol{
	max-width:40px;
}

col#sznotescol {
	max-width:40px;
}

col#pricecol {
	max-width:30px;
}

col#pricenotescol {
	max-width:30px;
}

col#thimgcol {
	max-width:50px;
}

col#lgimgcol {
	max-width:50px;
}

col#altcol {
	max-width:100px;
}

thead {
	color: #000;
	font-size:1em;
	background: #0061aa;
	border-top: 1px solid #6e6a50;
	border-bottom: 1px solid #6e6a50;
}

th {
	font-weight: bold;
	text-align: left;
	background-color:#0061aa;
	color:#fcfbf0;
}

th, td {
	padding: 0.5em 0.5em;
}

tr:hover {
	background-color:#e9dea3;
}

thead tr:hover {
	background-color: transparent;
	color: inherit;
}
.odd {
	background-color:#f2edba;
}

td {
	overflow:hidden;
	line-height:1em;
}

tr {
	line-height:1em;
}

tr td,
td a,
td a:link,
td a:hover {
	font-size:1em;
	color:#000;
}

div#wrapper div#main-content p.pages a{ 
	padding: 5px;
	color:#6e6a50;
}

div#wrapper div#main-content p.pages { 
	text-align:right;
	margin:0 20px;
	width:655px;
	float:right;
	display:inline;
}


/*---forms---*/

div#wrapper div#main-content fieldset#form { 
	margin: 10px 20px;
	width:645px;
}

fieldset.form { 
	margin: 10px 20px 10px 0;
	width:645px;
}
	
div#wrapper div#main-content legend.leg {
	color:#264614;
	font-size:1em;
}

div#wrapper div#main-content fieldset#form span {
	color: #0061aa; 
	font-size:1em; 
}

div#wrapper div#main-content fieldset#form textarea{ 
	margin: 0px;
	width:500px;
}

div#wrapper div#main-content fieldset#form p.rtImg{ 
	float:right;
	display:inline;
}

div#wrapper div#main-content fieldset#form form p.rtImg img{ 
	margin:0 0 20px 0;
	width:310px;
	height: 210px;
}

/*---/forms---*/

/*---contact---*/

ul.error li {
	color:#C72622;
	margin-left:55px;
}

ul.error li a,
ul.error li a:link,
ul.error li a:visited {
	color:#C72622;
	margin-left:55px;
	text-decoration:underline;
}

ul.error li a:hover,
ul.error li a:active {
	color:#C72622;
	margin-left:55px;
	text-decoration:none;
}

ul#unList {
	margin: 10px 20px 3px 35px;
}

li.unListItem {
	font-size: 1.4em; 
	line-height: 1.4; 
}

p#ecid, 
p#escid,
p#eavail,
p#epriv,
p#etitle,
p#eframe,
p#eartnotes,
p#eheight,
p#ewidth,
p#esznotes,
p#eprice,
p#epricenotes,
p#ethimg,
p#elgimg,
p#ealt {
background-color:#C72622;
color:#fbfcf1;
}

ul.good li {
	color:#C72622;
	margin-left:55px;
}

/*---contact---*/

/*-------Bottom Navigation--------*/

div#wrapper ul#botNav,
div#wrapper2 ul#botNav {
	width: 695px;
	list-style:none;
	padding-top:9px;
	text-align:center;
}

ul#botNav li,
ul#navigation li{
	display:inline;
}

ul#botNav li a:link,
ul#botNav li a:visited,
ul#navigation li a:link,
ul#navigation li a:visited{
	padding:3px 5px 3px 5px;
	color:#000000;
	text-decoration:none;
}

ul#navigation li a:hover,
ul#navigation li a:focus,
ul#botNav li a:hover,
ul#botNav li a:focus,
#home-page li#home a,
#art-page li#art a,
#note-page li#note a,
#noteDet-page li#note a,
#cal-page li#calendar a,
#cont-page li#contact a,
#vrSignUp-page li#contact a,
#orig-page li#orig a,
#origPump-page li#orig a,
#origCreat-page li#orig a,
#origLand-page li#orig a,
#origBot-page li#orig a,
#origOut-page li#orig a,
#print-page li#print a,
#aboutPri-page li#print a,
#printPump-page li#print a,
#printCreat-page li#print a,
#printLand-page li#print a,
#printBot-page li#print a,
#printOut-page li#print a{
	color:#0061aa;
	background:#e9dea3;
}

/*---/Bottom Navigation---*/

/*-------footer nav-----------*/	

div#wrapper div#footer {
	height:55px;
	width:695px;
	background-image:url(/css/images/bgCreamBox-footer.gif);
	background-repeat:no-repeat;
	float:right;
	text-align:center;
	clear:both;
}

div#wrapper2 div#footer2 {
	height:55px;
	width:695px;
	clear:both;
	background-image:url(/css/images/bgCreamBox-footer.gif);
	background-repeat:no-repeat;
}

div#wrapper3 div#footer2 {
	height:55px;
	width:645px;
	clear:both;
	background:none;
}

div#wrapper div#footer ul#botNav img#facebook,
div#wrapper2 div#footer2 ul#botNav img#facebook,
div#wrapper3 div#footer2 ul#botNav img#facebook {
	border:none; 
	vertical-align:middle;
}

div#footer p,
div#footer2 p {
	margin:15px 10px;
}

div#footer p a ,
div#footer2 p a { 
	color: #000;
	font-size:.7em;
}

div#footer p span#copyright,
div#footer2 p span#copyright {
	float:left;
}

div#footer p span#copyright a:link,
div#footer p span#copyright a:visited,
div#footer2 p span#copyright a:link,
div#footer2 p span#copyright a:visited {
	width: 410px;
	line-height: 25px;
	height: 25px;
}

div#footer p span#css,
div#footer p span#xhtml,
div#footer2 p span#css,
div#footer2 p span#xhtml {
	line-height: 25px;
	text-indent: 15px;
	width: 100px;
	height: 25px;
	color:#d7daba;
	float: right;
}

div#footer p span#mjd a,
div#footer2 p span#mjd a{
	text-align:right;
	line-height: 25px;
	width: 200px;
	height: 25px;
	float: right;
}

div#footer p span#css a,  
div#footer p span#xhtml a,
div#footer2 p span#css a,  
div#footer2 p span#xhtml a {	
	color: #f2edba;
}

div#footer p a:link,
div#footer p a:visited,
div#footer2 p a:link,
div#footer2 p a:visited {
	text-decoration: none;
}

div#footer p a:hover,
div#footer p a:focus,
div#footer2 p a:hover,
div#footer2 p a:focus {
	color: #0061aa;
}

.clear {
	clear:both;
}

/*-------/footer nav-----------*/