html	{margin: 0;
	padding: 0;	}
body 	{Margin: 0px;
	Margin-top: 0%;
	background:url(bg.gif) top left repeat;	}
#frame	{}


		/* SPINE -       Left Margin Menu Entries */
#Spine {Position: fixed;
	Width: 205px;
	Float: Left;	}
#Spine A, #Spine A:Link, #Spine A:Visited {
	color: #ffff00;
	Text-decoration: none;	}
#Spine A:hover {
	color: #00ffff;
	/* Font-weight: bold; */
	}
#Spine p {
	Margin: 0;
	Vertical-align: middle;
	Text-align: Left;
	Padding-Top: 7px;
	Padding-Bottom: 7px;
	Padding-Left: 32px;
	Padding-Right: 0px;
	Font-family: "Constantia", "Cambria", Century, Times, serif;
	Font-size: 11px;	}
#Spine p:hover {	}

#Spine .Topper {
	Height: 5px;
	Border-top-style: None;
	Margin: 0;	}

#Spine #BioBooks P {
	Background: url(cb.png);
	Margin: 5px;	}
#Spine #BioBooks .Selected {
	Background: url(cb-s.png);	}
#Spine #BioBooks P:Hover {	}

#Spine #PracticeBooks P {
	Background: url(hb.png);
	Margin: 5px;	}
#Spine #PracticeBooks P:hover {	}
#Spine #PracticeBooks .Selected {
	Background: url(hb-s.png);	}
#Spine .Bottom {
	Height: 150px;
	Border-bottom-style: None;
	Margin: 0;	}



		/* MAIN    -  The main content on the right */
#Main	{
	Margin-left: 210px;
	Margin-Top: 0;
	Width: 560px;	}

		/* MainC */
#MainC	{
	Margin: 0 auto;
	Width: 640px;	}



		/* HEADER - CMC, atty at law & motto */
#Main	#Header {
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Margin-Bottom: 0;
	Margin-Right: 0px;
	Text-align: Center;
	Padding-top: 18px;
	Padding-Bottom: 0px;
	Background-color:ffffff;	}
#Header A, #Header A:Link, #Header A:Visited {
	color: #0000ff;
	Text-decoration: none;	}
#Header A:hover {
	color: #ff0000;	}
#Header P {
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Background-Color: #FFFFFF;
	Font-family: "Book Antiqua", "Palatino", Times, serif;
	Font-size: 12px;
	Margin: 0;
	Padding-Right: 35px;	}
#Header .CMC {
	Margin-Top: 0px;
	Padding-Top: 10px;
	Font-size: 16px;
	Font-weight: bold;	}
#Header .Atty {
	Margin-Top: 0px;	}
#Header .Motto {
	Padding-Top: 5px;
	Padding-Bottom: 5px;	}
#Header .Links {	}



		/* CONTENTS - The variable text */

#Contents {
	Margin-Top: 0;
	Margin-Right: 0px;
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Background-Color: #FFFFFF;
	Padding-Top: 10px;
	Padding-Left: 45px;
	Padding-Right: 45px;
	Padding-Bottom: 50px;
	Font-family: "Book Antiqua", "Palatino", Times, serif;
	Font-size: 12px;
	Text-align: left;	}
#Contents A, #Contents A:Link, #Contents A:Visited {
	color: #0000ff;
	Text-decoration: none;	}
#Contents A:hover {
	color: #ff0000;	}
#Contents P {	}
#Contents H1 {
	Font-size: 20px;
	Margin-bottom: -7px;
	Padding-top: 5px;
	Padding-bottom: 5px;
	Text-align: Center;
	Color: #0000c0;
	Font-weight: bold;
	/* Border-style: Ridge; */
	/* Border-width: Thick; */
	/* Background-color: #d0d0d0;*/
	}
#Contents H2 {
	Font-size: 16px;
	Margin-bottom: -7px;
	Padding-bottom: 0px;	}
#Contents H3 {
	Font-size: 14px;
	Margin-left: -20px;	}





		/* Mobile settings */

@media screen and (max-width: 481px){

body {background: none;}

#Spine {Float:left;
	Width:75px;
	Position:static}
#Spine A, #Spine A:Link, #Spine A:Visited {
	color: #0000ff;
	Text-decoration: none;	}
#Spine A:hover {
	color: #00ffff;
	/* Font-weight: bold; */	}
#Spine p {
	Margin-top: 8px;
	Margin-bottom: 8px;
	Vertical-align: middle;
	Text-align: Left;
	Padding: 1px;
	Font-family: "Constantia", "Cambria", Century, Times, serif;
	Font-size: 10px;	}
#Spine #BioBooks P {
	Background: none; 
	Margin-bottom: 12px; }
#Spine #BioBooks .Selected {
	Background: none;	}
#Spine #BioBooks P:Hover {	}
#Spine #PracticeBooks P {
	Background: none; 
	Margin-bottom: 12px; }
#Spine #PracticeBooks P:hover {	}
#Spine #PracticeBooks .Selected {
	Background: none;	}
#Spine .Bottom {
	Height: 25px;
	Border-bottom-style: None;
	Margin: 0;	}


#Main	{
	Margin-left: 80px;
	Margin-right: 8px;
	Margin-Top: 0;
	Width: auto;	}
		/* MainC */
#MainC	{
	Margin: 0 auto;
	Width: auto;	}
#Main	#Header {
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Margin-Bottom: 0;
	Margin-Right: 0px;
	Text-align: Center;
	Padding-top: 4px;
	Padding-Bottom: 0px;
	Background-color:ffffff;	}
#Header A, #Header A:Link, #Header A:Visited {
	color: #0000ff;
	Text-decoration: none;	}
#Header A:hover {
	color: #ff0000;	}
#Header P {
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Background-Color: #4040A0;
	color: #ffffff;
	Font-family: "Book Antiqua", "Palatino", Times, serif;
	Font-size: 12px;
	Margin: 0;
	Padding-Right: 0px;	}
#Header .CMC {
	Margin-Top: 0px;
	Padding-Top: 0px;
	Font-size: 16px;
	Font-weight: bold;	}
#Header .Atty {
	Margin-Top: 0px;	}
#Header .Motto {
	/* Font-style: italic; */
	Padding-Top: 5px;
	Padding-Bottom: 5px;	}
#Header .Links {	}
#Contents {
	Margin-Top: 0;
	Margin-Right: 0px;
	/* Background: transparent url(pages.jpg) right top repeat-y; */
	Background-Color: #F0F0F0;
	Padding-Top: 10px;
	Padding-Left: 0px;
	Padding-Right: 0px;
	Padding-Bottom: 5px;
	Font-family: "Book Antiqua", "Palatino", Times, serif;
	Font-size: 12px;
	Text-align: left;	}
#Contents A, #Contents A:Link, #Contents A:Visited {
	color: #0000ff;
	Text-decoration: none;	}
#Contents A:hover {
	color: #ff0000;	}
#Contents P {
	Text-align: left;}
#Contents H1 {
	Font-size: 20px;
	Margin-bottom: -7px;
	Padding-top: 5px;
	Padding-bottom: 5px;
	Text-align: Center;
	Color: #0000c0;
	Font-weight: bold;
	/* Border-style: Ridge; */
	/* Border-width: Thick; */
	/* Background-color: #d0d0d0;*/
	}
#Contents H2 {
	Font-size: 16px;
	Margin-bottom: -7px;
	Padding-bottom: 0px;	}
#Contents H3 {
	Font-size: 14px;
	Margin-left: -20px;	}

}