/* CSS Document */

#top	{
	width:100%;
	height: 22px;
	background: #4B82A0;
}
#wrap {
	width: 1076px;  margin:0;  margin-left:auto; margin-right:auto; min-height:100%; height:100%; padding-bottom:100px;
}
#contentHome {
	position:relative; width: 1076px; min-height: 663px; background:url(/images/JudySmith_BkgrdPhoto.jpg) no-repeat; 
}
#contentMain{
	position:relative; width: 1076px; min-height: 428px; background:url(/images/JudySmith_BkgrdPhotoSmall.jpg) no-repeat; 
}
#header {
	width: 1076px; height:127px;  background:url(/images/header.jpg) no-repeat; 
}

#nav {position:relative; float:right; width: 758px; HEIGHT:47px; PADDING: 0px; top:20px; right:10px;  }
ul#nav {list-style:none; margin:0; padding: 0; }
ul#nav li {float:left; margin:0; padding: 0;list-style:none;  }
ul#nav li a.menu01 {display:block; width:54px; height:47px; background:url(/images/menu01.png) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu01:hover {background:url(/images/menu01ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu02 {display:block; width:81px; height:47px; background:url(/images/menu02.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu02:hover {background:url(/images/menu02ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu03 {display:block; width:157px; height:47px; background:url(/images/menu03.png) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu03:hover {background:url(/images/menu03ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu04 {display:block; width:92px; height:47px; background:url(/images/menu04.png) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu04:hover {background:url(/images/menu04ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu05 {display:block; width:45px; height:47px; background:url(/images/menu05.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu05:hover {background:url(/images/menu05ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu06 {display:block; width:122px; height:47px; background:url(/images/menu06.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu06:hover {background:url(/images/menu06ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu07 {display:block; width:60px; height:47px; background:url(/images/menu07.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu07:hover {background:url(/images/menu07ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu08 {display:block; width:72px; height:47px; background:url(/images/menu08.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu08:hover {background:url(/images/menu08ROLL.png) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu09 {display:block; width:65px; height:47px; background:url(/images/menu09.png) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu09:hover {background:url(/images/menu09ROLL.png) no-repeat 0; background-position: 0 0;}

#judySmithTitle {
	CLEAR: both; position:relative; top:40px; left:380px; MARGIN: 0px; PADDING:0px; OVERFLOW: hidden; WIDTH: 534px; HEIGHT: 211px;  
}
#judySmithTitleMain {
	CLEAR: both; position:relative; top:20px; left:280px; MARGIN: 0px; PADDING:0px; OVERFLOW: hidden; WIDTH: 673px; HEIGHT: 166px;  z-index:200; 
}

#mainContentTopHome {
	CLEAR: both; position:relative; top:50px; left:390px; MARGIN: 0px; PADDING:70px 0px 0 225px; WIDTH: 430px; HEIGHT: 220px; background: url(/images/book.png) no-repeat top center; text-align:justify; z-index:2;
}


#mainContentTop {
	CLEAR: both; position:relative; top:80px; left:460px; MARGIN: 0px; PADDING:0px; OVERFLOW: hidden; WIDTH: 610px; HEIGHT: 320px; 
}

#mainContentBottom	{
	CLEAR: both; position:relative; top:25px; left:10px; MARGIN: 0 0 0 100px; PADDING:10px; WIDTH: 925px;  min-height:200px; color:#fff;
}
#mainContentTitle {
	
}

#main {
	FLOAT: left; MARGIN:0px; PADDING: 5px 50px 20px 40px; WIDTH:675px;  TEXT-ALIGN: justify; 
}
#sideBar { 
	FLOAT: right; WIDTH: 225px; MARGIN:30px 0px 20px 0px; PADDING:0px;  }

#book {
	position:absolute;
	top:0px;
	left:0px;
	width:274px;
	height:214px;
	z-index:5;
}
#bookHome {
	position:relative;
	top:-40px; 
	left:-10px; 
	width:400px;
	height:214px;
	color:#000;
	z-index:5;
	FONT-Family: Arial,Lucida Sans,sans-serif; 
	FONT-SIZE: 13px; 
	line-height:1.8em; 
	min-height:100%;
}

#highlightBox {
	CLEAR:both; WIDTH:185px; MARGIN: 0px; padding:15px 15px 20px 25px; color: #fff; font-size:90%; text-align:left; background:url(/images/sidebar.jpg) repeat;
}

#footer {
	clear:both; width: 1000px;  margin:20px 0 0 0; padding: 0 10px 9 200px; margin-left:auto; margin-right:auto; min-height:50px; color:#ccc; font-size:11px; line-height:normal; bottom; 
}
#footerHome {
	clear:both; width: 1050px;  margin:10px 0 0 0; padding: 0 10px 9 30px; margin-left:auto; margin-right:auto; min-height:50px; color:#ccc; font-size:11px; line-height:normal; bottom; 
}
#footerLeft { float:left; WIDTH: 400px;  color: #fff; text-align:left; margin-left:100px;
}
#footerRight {float: right;  WIDTH: 500px; color: #fff;  text-align:right;
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square; FONT-SIZE: 12px; line-height:22px;
}
li {
	list-style-position:outside; 
	text-align:left; 
	margin-left:14px;
}

.text { FONT-SIZE: 14px; line-height:22px; color: #000;}
.smalltext {FONT-SIZE: 0.8em;  }
.largetext {FONT-SIZE: 118%; FONT-WEIGHT: bold; COLOR: #1C110B;}
.box 	{padding: 8px; margin:2px;  BORDER: #1C110B 1px dotted; }

a:link {	COLOR: #8897BB; TEXT-DECORATION: underline; font-size: 1.0em; }
a:active{ color: #ccc; text-decoration: underline; font-size: 1.0em;   }
a:visited {	COLOR: #8897BB; TEXT-DECORATION: underline; font-size: 1.0em;  }
a:hover { COLOR: #ccc; TEXT-DECORATION: underline;  font-size: 1.0em;}

a.header:link {	COLOR: #333764; TEXT-DECORATION: underline; font-size: 1.0em; }
a.header:active{ color: #fff; text-decoration: underline; font-size: 1.0em;   }
a.header:visited {	COLOR: #333764; TEXT-DECORATION: underline; font-size: 1.0em;  }
a.header:hover { COLOR: #fff; TEXT-DECORATION: underline;  font-size: 1.0em;}

a.footer:link { color: #ccc; text-decoration: none;    }
a.footer:active{ color: #fff; text-decoration: none;}
a.footer:visited { color: #ccc; text-decoration: none;   }
a.footer:hover{ color: #fff; text-decoration: none;   }

H1 {FONT-Family: Arial,sans-serif; FONT-WEIGHT: bold; font-style: italic;   COLOR: #8897BB; margin: 0.7em 0em 0.7em 0em; font-size: 20px; text-align:left; line-height:normal; }
H2 {FONT-Family: Arial,sans-serif; FONT-WEIGHT: bold; COLOR: #ccc; margin: 0.7em 0%; font-size: 16px; text-align:left;}
H3 {FONT-Family: Arial,sans-serif; FONT-WEIGHT: bold; COLOR: #8897BB; margin: 0.7em 0%; font-size: 14px; text-align:left;}

.header {FONT-Family: Arial,sans-serif; FONT-WEIGHT: bold; font-size: 14px;COLOR: #4B82A0; margin: 0 0 5px 0;  }

TABLE.TableOutline {padding: 8px 8px 8px 12px; margin:5px;  BORDER: #8897BB 1px dotted; }
TABLE.TableOutlineShaded {width:200px; padding: 0px 5px 0 5px; background:#E4DFCB; BORDER: #D0C8A6 1px solid; margin-bottom:5px;  }

input.textbox { font-size: 11px; background-color: #333;  color: #fff; border: 1px solid #666666; margin-left: 1px;margin-right: 0px;  width:310px;}
input.textboxSMALL {	 font-size: 11px; background-color: #333;  color: #fff; border: 1px solid #666; margin-left: 1px;margin-right: 0px; }
textarea {font-size: 12px; border:1px solid;  background-color: #333; color: #fff;}
option {font-size: 11px; border: 1px solid #666;  background-color: #333; color: #fff;} 
.checkbox { font-size: 10px; } 
.button {  font-size: 12px; padding:3px; background-color: #333;  color: #8897BB;  margin-left: 12px; margin-top: 3px; margin-bottom: 2px;}

hr { color: #8897BB; border: 1px dotted #8897BB; border-style: none none solid; width: 100%; }
.photo { padding: 10px; border: 1px solid #8897BB;  }
.imgRight { float:right; padding: 10px; margin: 5px 0px 5px 20px; border: 1px solid #8897BB; }
.imgLeft { float:left; padding: 10px; margin: 5px 20px 5px 0px; border: 1px solid #8897BB;  }