/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 1px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
/*font: bold 18px Verdana;*/
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 11px;
margin-right: 0px;
border: 1px solid #778;
color:#333333;
background: #333333 url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #333333;
}

.shadetabs li a:hover{
text-decoration: underline;
/*color: #660033; for maroon color*/ 
color: #D25A0B;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
/*color: #660033;*/
color: red;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */


text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 3px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}
A.nav:link {
	COLOR: #808080; TEXT-DECORATION: none
}
A.nav:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A.nav:hover {
	COLOR: #cc0000; TEXT-DECORATION: underline
}
TD.search {
	FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold
}
TD.dot {
	COLOR: #666666; FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: 7pt; FONT-WEIGHT: bold
}
A.top {
	FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: 7pt; FONT-WEIGHT: bold
}
A.top:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.top:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.top:hover {
	COLOR: #ff6600; TEXT-DECORATION: underline
}

body {
	SCROLLBAR-FACE-COLOR: #f0f0f0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #7d7d7d; SCROLLBAR-3DLIGHT-COLOR: #a0a0a0; SCROLLBAR-ARROW-COLOR: #ff6600; SCROLLBAR-TRACK-COLOR: #fafafa; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}

A:link {
	COLOR: #330; TEXT-DECORATION: none
}
A:visited {
	COLOR: #330; TEXT-DECORATION: none
}
A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
A:active {
	COLOR: #f60; TEXT-DECORATION: underline
}
A.ln:link {
	 FONT:  11px verdana, arial, helvetica;COLOR: #f60; TEXT-DECORATION: none
}
A.ln:visited {
	 FONT: 11px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}
A.ln:hover {
	 FONT:  11px verdana, arial, helvetica;COLOR: #f60; TEXT-DECORATION: underline
}
A.ln:active {
	FONT:  11px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}


A.lnh:link {
	 FONT:  11px verdana, arial, helvetica;COLOR: #006; TEXT-DECORATION: none
}
A.lnh:visited {
	 FONT: 11px verdana, arial, helvetica; COLOR: #006; TEXT-DECORATION: none
}
A.lnh:hover {
	 FONT:  11px verdana, arial, helvetica;COLOR: #f60; TEXT-DECORATION: underline
}
A.lnh:active {
	FONT:  11px verdana, arial, helvetica; COLOR: #006; TEXT-DECORATION: none
}


A.lnin:link {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}
A.lnin:visited {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}
A.lnin:hover {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}
A.lnin:active {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #f60; TEXT-DECORATION: none
}
A.lnon:link {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #369; TEXT-DECORATION: none
}
A.lnon:visited {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #369; TEXT-DECORATION: none
}
A.lnon:hover {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #369; TEXT-DECORATION: none
}
A.lnon:active {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #369; TEXT-DECORATION: none
}
A.lnru:link {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.lnru:visited {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.lnru:hover {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.lnru:active {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.editlink:link {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.editlink:visited {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.editlink:hover {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: underline
}
A.editlink:active {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: underline
}
A.editnav:link {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.editnav:visited {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: none
}
A.editnav:hover {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: underline
}
A.editnav:active {
	FONT: 9px verdana, arial, helvetica; COLOR: #fff; TEXT-DECORATION: underline
}
.text {
	FONT: 11px/16px verdana, arial, helvetica; COLOR: #000000; TEXT-DECORATION: none
}

.date {
	FONT: 11px/16px verdana, arial, helvetica; COLOR: #336633;  TEXT-DECORATION: none
}

.glosshead {
	FONT: bold 11px verdana, arial, helvetica; COLOR: #666666; TEXT-DECORATION: none
}
.blacktext {
	FONT: 11px verdana, arial, helvetica; COLOR: #000
}
.phead {
	FONT: 18px/11px verdana, arial, helvetica; COLOR: #369; LETTER-SPACING: 2px
}
.phead2 {
	FONT: 19px/19px verdana, arial, helvetica; COLOR: #369; LETTER-SPACING: 3px
}
.q {
	MARGIN-BOTTOM: 5px; FONT: 16px/13px verdana, arial, helvetica; COLOR: #369; LETTER-SPACING: 3px
}
.intro {
	FONT-SIZE: 13px; COLOR: #369; LINE-HEIGHT: 16px; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, helvetica; LETTER-SPACING: 1px; FONT-VARIANT: normal
}
.head {
	FONT: bold 13px verdana, arial, helvetica; COLOR: #369; LETTER-SPACING: 1px
}
.head2 {
	FONT: bold 12px verdana, arial, helvetica; COLOR: #999
}
.subhead {
	FONT: bold 12px/13px verdana, arial, helvetica; COLOR: #369
}
.bold {
	FONT: bold 11px verdana, arial, helvetica; COLOR: #666
}
.boldsm {
	FONT: bold 9px verdana, arial, helvetica; COLOR: #666
}
.boldgray {
	FONT: bold 11px verdana, arial, helvetica; COLOR: #999
}
.boldgray2 {
	FONT: bold 11px verdana, arial, helvetica; COLOR: #666
}
.boldblue {
	FONT: bold 9px verdana, arial, helvetica; COLOR: #369
}
.captionsm {
	FONT: 9px verdana, arial, helvetica; COLOR: #369
}
.caption {
	FONT: 11px verdana, arial, helvetica; COLOR: #ff6600
}
.edithead {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #333
}
.editsub {
	FONT: 10px verdana, arial, helvetica; COLOR: #fff
}
.edittext {
	FONT: 9px verdana, arial, helvetica; COLOR: #333
}

.edittext2 {
	FONT: 12px verdana, arial, helvetica; COLOR: #369
}

.editbold {
	FONT: bold 9px verdana, arial, helvetica; COLOR: #333
}
.editnavhead {
	FONT: bold 10px verdana, arial, helvetica; COLOR: #333
}
.lnon {
	FONT: bold 9px verdana, arial, helvetica; COLOR: #369; TEXT-DECORATION: none
}
TT {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.textsm {
	FONT: 9px verdana, arial, helvetica; COLOR: #666666; TEXT-DECORATION: none
}
.blacktextsm {
	FONT: 9px verdana, arial, helvetica; COLOR: #000
}
.textbg {
	FONT: 15px verdana, arial, helvetica; COLOR: #666666; TEXT-DECORATION: none
}
.boldbg {
	FONT: bold 15px verdana, arial, helvetica; COLOR: #666
}
.captionbg {
	FONT: 15px verdana, arial, helvetica; COLOR: #369
}
.headbg {
	FONT: bold 17px verdana, arial, helvetica; COLOR: #369; LETTER-SPACING: 1px
}
.subheadbg {
	FONT: bold 16px/17px verdana, arial, helvetica; COLOR: #369
}
.qbullet {
	FONT: 11px verdana, arial, helvetica; COLOR: #369
}
.abullet {
	FONT: 11px/16px verdana, arial, helvetica; COLOR: #ffffff
}


.searchbox {
	BACKGROUND: #ffffff; COLOR: #000000; border-color:#336699; border:1px solid; width:150px; height:20px; FONT-WEIGHT: normal;FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: xx-small
}

.searchbox1
{
	BACKGROUND: #ffffff; COLOR: #000000; border-color:#336699; border:1px solid; width:55px; height:20px; FONT-WEIGHT: normal;FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: xx-small
}
.select {
	BACKGROUND: #ffffff; COLOR: #000000; border-color:#336699; border:1px solid; width:150px; height:20px; FONT-WEIGHT: normal;FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: xx-small
}

.searchbutton {
	BACKGROUND: #336699; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: xx-small; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

.btn{
   color:#000000;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   width:80px;
   height:20px;
   background-color:#CEE4F9;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}
.btn1{
   color:#000000;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   width:125px;
   height:20px;
   background-color:#CEE4F9;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}
/* CSS Document state search*/

.Author {
	FONT: 12px arial; COLOR: #000000; TEXT-DECORATION: none
}

.bookName
{
	FONT: bold 12px Verdana, Arial, Helvetica, sans-serif ; COLOR: #000000; TEXT-DECORATION: none
}

.publication
{
FONT: 11/16px Verdana, Arial, Helvetica, sans-serif ; COLOR: #B9B9B9; TEXT-DECORATION: none


}
.header {
	width: 880px;
	margin: 0 auto;
	height: 60px;
	border: 10px #FFFFFF solid;
}

/* Menu */

#menu {
	float: left;
	width: 880px;
	height: 58px;
	background: url(images/img02.jpg) repeat-x left top;
}

<!--  Used in FinalLeft.php-->
.longbox {
BACKGROUND: #ffffff; COLOR: #000000; border-color:#336699; border:1px solid; width:350px; height:20px; FONT-WEIGHT: normal;FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: xx-small

}