/*--------JudyCooper.css----------*/
body   {font-family: Times;
background-color: #000000; color: #996666;}

.bigborderbox {position: absolute;  
        width: 950px;height: 562px;top: 20px;
		background:#000000;color: #683434; 
		border:1px solid; padding:3px; 
        left:50%;margin-left:-475px;
        }
		
.smallborderbox {position: absolute;  
		width:948px;height: 560px;
		background:#000000;color: #996666;
        }
        
/*------this code controls the layout of navigation at the top of each page------*/
/*---Controls for link behaviour and decoration in upper navigation tree on pages ---*/
#topnav {font-size: 22px;position: absolute; top: 30px; left: 230px; z-index: 0; width: 700px;
 text-align: center; }
/*---Controls for link behaviour and decoration in upper navigation tree on gallery pages---*/
/*---Controls for link behaviour on painting pages---*/
#topnav1 {font-size: 22px;position: absolute; top: 25px; left: 40px; z-index: 1; width: 650px;
text-align: left; }
/*--Navigation between galleries in portfolio in text box--*/
#galnav {position: absolute; top: 290px; left: 0px; width:180px; 
;height: 50px; z-index: 1;text-align: center;font-size: 18px;font-weight: regular}
/*--- fix for broken active link in FF --*/
.class0 a:link {text-decoration: none;color: #988888;padding-right: 20px; padding-left: 20px;}
.class0 a:visited {text-decoration: none;color: #988888;padding-right: 20px; padding-left: 20px;}
.class0 a:hover {text-decoration: none;color: #ffcccc;padding-right: 20px; padding-left: 20px;}
.class0 a:active {text-decoration: none;color: #988888;padding-right: 20px; padding-left: 20px;}

.class1 a:link {text-decoration: none;color: #996666;padding-right: 12px; padding-left: 12px;}
.class1 a:visited {text-decoration: none;color: #996666;padding-right: 12px; padding-left: 12px;}
.class1 a:hover {text-decoration: none;color: #ffcccc;padding-right: 12px; padding-left: 12px;}
.class1 a:active {text-decoration: none;color: #988888;padding-right: 12px; padding-left: 12px;}

.class2 a:link {text-decoration: none;color: #988888;padding-right: 12px; padding-left: 12px;}
.class2 a:visited {text-decoration: none;color: #988888;padding-right: 12px; padding-left: 12px;}
.class2 a:hover {text-decoration: none; color: #ffcccc;padding-right: 12px; padding-left: 12px;}
.class2 a:active {text-decoration: none;color: #998888;padding-right: 12px; padding-left: 12px;}

.class3 a:link {font-size: 18px;text-decoration: none;color: #996666;padding-right: 1px; padding-left: 4px;}
.class3 a:visited {font-size: 18px;text-decoration: none;color: #996666;padding-right: 1px; padding-left: 4px;}
.class3 a:hover {font-size: 18px;text-decoration: none; color: #ffcccc;padding-right: 1px; padding-left: 4px;}
.class3 a:active {font-size: 18px;text-decoration: none;color: #996666;padding-right: 1px; padding-left: 4px;}


/*--Image on cover page --*/
#detailimg {position: absolute; top: 100px; left:50%;margin-left:-300px; z-index: 1; }
.img1 {width: 575px; height: 365px;border: 1px solid #996666;left: 0px; border-color: #996666;
border-width: 3px;border-style:double;
}
.img2 {position: relative;width: 575; height: 396; left: 0px; border-color: #996666;
border-width: 3px;border-style:double;}


/*------this code controls the layout of left banner  ------*/

div.textbox {position: absolute; top: 20px; left: 20px; 
width:180px; height: 520px; z-index: 0;font-size: 18px; text-align: center; 
word-wrap: break-word;}
.leftimg{border: 1px #988888;text-align: center;}
div.textbox.center{background-color: #000000;color:#996666;font-weight: regular;border: 1px solid #333333}
div.textbox a {color: #555555;text-decoration: none}
div.textbox a:hover	{color: #ffcccc;text-decoration: none}
/*--Sets up CONTACT page box and floats image there to right in box--*/
div.textbox.contact {position: absolute; top: 140px; width:300px;  left: 300px;
 z-index:1;padding: 0% 0% 0% 0%;color: #988888;text-align: left;font-size: 18px;}
div.textbox.contact a {color: #977777;text-decoration: none}
div.textbox.contact a:hover	{color: #ffcccc;text-decoration: none}

/*--Text description on home and cv pages--*/
#cvdesc {background-color: #250000;position: absolute; top: 325px; left: 15px; width:145px; 
color:#998888;font-weight: regular;height: 175px; z-index: 1;text-align: center;font-size: 18px;}
#logobx {background-color: #250000;position: absolute; top: 7px; left: 16px; width:144px; 
font-weight: regular;height: 318px; z-index: 0;text-align: center;font-size: 18px;}

/*------This code controls the size, borders & margins of the images on GALLERY pages------*/
/*------This code controls the layout of the box containing thumbnail images------*/
#thumbBox	{position: absolute; top: 110px; width:600px ;left: 290px; z-index: 0;
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 0px solid #683434
}
#instructionsBox	{position: absolute; top: 470px; width:500px ;left:295px; z-index: 0;
color:#996666;font-weight: regular;height: 100px;text-align: left;font-size: 17px;
border: 0px solid #683434
}
#orderBox	{position: absolute; top: 480px; width:190px ;height:20px;left: 770px; z-index: 0;
border: 0px solid red
}
/*------This code controls the size, borders & margins of the new images------*/
.thumb		{width: 100px; height: 100px; margin: 3px; border: 1px solid #683434;}
.thumb1		{width: 200px; height: 183px; margin: 0px; border: 1px solid #683434;}
.thumb7		{width: 100px; height: 100px; margin: 3px; border: 1px solid #683434;}


/*--This code controls the layout on the GALLERY detail pages ---*/
/*---Format for images on detail view pages -----*/
/*---vertical size limit for images = 425 px -----*/
div.imgbox {position: absolute; top: 90px; left: 80px;z-index: 1;}
div.imgboxh {position: absolute; top: 100px; left: 80px;z-index: 1;}
div.imgboxhz {position: absolute; top: 20px; left: 75px;z-index: 1;}
div.imgboxhzbig {position: absolute; top: 10px; left: 80px;z-index: 1;}
div.imgboxv {position: absolute; top: 90px; left: 150px;z-index: 1;}
div.imgboxsq {position: absolute; top: 95px; left: 120px;z-index: 1;}
.imgvert {position: absolute; border: 1px solid #400000;}
.imghoriz {border: 1px solid #683434;}
.imgzoom {border: 1px solid #683434;}
.imghoriz2 {border: 1px solid #683434;}
.imgsq {width: 410px; height:410px;border: 1px solid #683434;}

/*---This code controls all the text layout on GALLERY detail pages---*/

/*--Scrollbox base for pages with scroll text--*/
div.scrollbx {position: absolute; top: 80px; width:625px; height: 490px; left: 330px;
text-align: justify; font-size: 18px; font-weight: regular;color: #988888;
;z-index: 1;padding: 0% 0% 0% 0%;
overflow:auto;overflow-x:hidden; display:block; scrollbar-track-color: #000000;
scrollbar-base-color:#555555;scrollbar-shadow-color: #100000; 
scrollbar-highlight-color: #999999;scrollbar-arrow-color: #977777;}
div.scrollbx a{color: #996666;}
div.scrollbx a:hover {color:#ffcccc; }
div.scrollbx.bio {font-size: 18px;font-weight: regular;position: absolute; top: 90px; width:625px; height: 450px; left: 260px;
color:#998888; z-index: 1; padding: 10px 25px 10px 10px;}
div.scrollbx.bio h4{color:#996666}
div.scrollbx.bio h5{color:#988888}
div.scrollbx.bio strong{color:#988888}
div.scrollbx.bio i{color:#ffcccc}
div.scrollbx.bio i:hover {color:firebrick}
div.scrollbx.bio a:hover {text-decoration: none;color:#ffcccc;}
div.scrollbx.bio a{text-decoration: none;color:#977777}

div.scrollbx.display {position: absolute;top: 120px;left: 675px;height: 320px;width:215px;
font-size: 18px;text-align: left;padding: 0px 15px 0px 0px;color:#988888;}
div.scrollbx.noprints {position: absolute;top: 120px;left: 675px;height: 450px;width:215px;
font-size: 18px;text-align: left;padding: 0px 15px 0px 0px;color:#988888;}
div.scrollbx.display a{color: #996666;}
div.scrollbx.display a:hover {color: #ffcccc;}
div.scrollbx.noprints a {color: #996666;}
div.scrollbx.noprints a:hover {color: #ffcccc;}
div.scrollbx.noprints i {color: #996666;}
/*---Print info popup link ---*/
div.gallery{position: absolute;top: 400px;left: 650px;height: 30px;width:225px;
font-size: 18px;padding: 0px 15px 0px 0px;color:#996666;}
/*---Navigation from paintings to GALLERY pages---*/
div.textbox.picnav {position: absolute;top: 520px;left: 575px;height: 25px;
text-align: center;width:250px;font-size: 18px;word-wrap: normal;}
div.textbox.picnav a {text-decoration: none;color: #000000;}
div.textbox.picnav a:hover{text-decoration: none;color: #000000;}

div.textbox.next    {position: absolute;top: 475px;left: 640px;height: 25px;
text-align: center;width:250px;font-size: 18px;word-wrap: normal;}
div.textbox.next a {text-decoration: none;color: #996666;}
div.textbox.next a:hover{text-decoration: none;color: #ffcccc;}


/*------This code controls the table on the Events page------*/
table.contacts
{width: 650px;border: 5px solid #000000;text-align: left;color: #988888;}

td.header
{border: 15px solid #000000;
text-align: left;font-size: 18px;font-weight: bold;
color: #988888; }

td.cells
{border: 15px solid #000000;font-weight: regular;
vertical-align :middle;
text-align: left;
font-size: 18px;color: #988888;
 }

/*--Image Position for Paintings on New 1-4 pages --*/
#image1 {position: absolute; top: 80px; width:585px ;left: 250px;
 z-index: 1;text-align: center;}
/*--Image Rotator viewbox navigation --*/
div.textbox.newnav {position: absolute; top: 430px; left: 23px; width:180px; font-size: 18px;
font-weight: regular;height: 50px; z-index: 1;text-align: center;color: #996666;}
div.textbox.newnav a{color: #996666;text-decoration: none;}
div.textbox.newnav a:active {text-decoration: none;color: #977777;}
div.textbox.newnav a:hover i {text-decoration: none;color:#ffcccc;}
div.textbox.newnav a:hover {text-decoration: none;color:#ffcccc;}
div.textbox.newnav 
.thumb2 {width: 575px; border-color: #999999;border-width: 5px;border-style:double;}
.thumb4 {width: 130px; height:90px; border-width: 0px; margin-left:15px;}


/*------footer layout on all pages ------*/
div.imgfooter {position: absolute; top: 570px; left: 0px; z-index: 0; width: 880px;
text-align: left; font-size: 9px;font-weight: bold;color: #996666;
}
div.imgfooter a {text-decoration: none;color:#996666;}
div.imgfooter a:hover {text-decoration: none;color: #ffcccc;}
/*---Footer cateyethumbnail control --*/
.thumb3		{width: 1px; height: 1px; border: 3px #996666;}
/*--Cover page logo --*/
div.afclogo {position: absolute; top: 575px; left: 770px; z-index: 1; }