#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: black;
background: #C1D7FF;
border-color: navy;
}

#tablist li a.current{
background: #C1D7FF;
}


A.button {
BORDER-RIGHT: black 2px solid; 
PADDING-RIGHT: 8px; 
BORDER-TOP: white 2px solid; 
PADDING-LEFT: 8px; 
FONT-WEIGHT: bold; FONT-SIZE: 9px; 
PADDING-BOTTOM: 4px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: white 2px solid; 
PADDING-TOP: 4px; 
BORDER-BOTTOM: black 2px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; min-width: 75px
}

A.button:link {
	COLOR: #fff; BACKGROUND-COLOR: royalblue; TEXT-DECORATION: none
}
A.button:visited {
	COLOR: #fff; BACKGROUND-COLOR: royalblue; TEXT-DECORATION: none
}
A.button:hover {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: white; COLOR: green; BORDER-TOP-color: black; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button:active {
	COLOR: #fff; BACKGROUND-COLOR: royalblue; TEXT-DECORATION: none
}


A.button2 {
BORDER-RIGHT: black 1px solid; 
PADDING-RIGHT: 8px; 
BORDER-TOP: gray 1px solid; 
PADDING-LEFT: 8px; 
FONT-WEIGHT: bold; FONT-SIZE: 10px; 
PADDING-BOTTOM: 4px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: gray 1px solid; 
PADDING-TOP: 4px; 
BORDER-BOTTOM: black 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; min-width: 75px
}

A.button2:link {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
A.button2:visited {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
A.button2:hover {
	BORDER-LEFT: black 2px solid; BORDER-BOTTOM-COLOR: white; COLOR: black; BORDER-TOP: black 2px solid; BACKGROUND-COLOR: #C6D0FD; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button2:active {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}


A.button7 {
BORDER-RIGHT: black 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: gray 1px solid; 
PADDING-LEFT: 2px; 
FONT-WEIGHT: bold; FONT-SIZE: 10px; 
PADDING-BOTTOM: 2px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: gray 1px solid; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: black 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; 
width: 250px
}

A.button7:link {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}
A.button7:visited {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}
A.button7:hover {
	BORDER-LEFT: black 2px solid; BORDER-BOTTOM-COLOR: white; COLOR: black; BORDER-TOP: black 2px solid; BACKGROUND-COLOR: #Cccccc; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button7:active {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}




A.button8 {
BORDER-RIGHT: black 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: gray 1px solid; 
PADDING-LEFT: 2px; 
FONT-WEIGHT: bold; FONT-SIZE: 10px; 
PADDING-BOTTOM: 2px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: gray 1px solid; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: black 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; 
width: 115px
}

A.button8:link {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}
A.button8:visited {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}
A.button8:hover {
	BORDER-LEFT: black 2px solid; BORDER-BOTTOM-COLOR: white; COLOR: black; BORDER-TOP: black 2px solid; BACKGROUND-COLOR: #Cccccc; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button8:active {
	COLOR: royalblue; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none
}




A.button9 {
BORDER-RIGHT: black 1px solid; 
PADDING-RIGHT: 3px; 
BORDER-TOP: gray 1px solid; 
PADDING-LEFT: 3px; 
FONT-WEIGHT: bold; FONT-SIZE: 12px; 
PADDING-BOTTOM: 3px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: gray 1px solid; 
PADDING-TOP: 3px; 
BORDER-BOTTOM: black 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; 
width: 700px
}

A.button9:link {
	COLOR: #000080; BACKGROUND-COLOR: #99CCFF; TEXT-DECORATION: none
}
A.button9:visited {
	COLOR: #000080; BACKGROUND-COLOR: #99CCFF; TEXT-DECORATION: none
}
A.button9:hover {
	BORDER-LEFT: black 2px solid; BORDER-BOTTOM-COLOR: white; COLOR: black; BORDER-TOP: black 2px solid; BACKGROUND-COLOR: #Cccccc; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button9:active {
	COLOR: #000080; BACKGROUND-COLOR: #99CCFF; TEXT-DECORATION: none
}







A.button10 {
BORDER-RIGHT: black 2px solid; 
PADDING-RIGHT: 8px; 
BORDER-TOP: white 2px solid; 
PADDING-LEFT: 8px; 
FONT-WEIGHT: bold; FONT-SIZE: 9px; 
PADDING-BOTTOM: 4px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: white 2px solid; 
PADDING-TOP: 4px; 
BORDER-BOTTOM: black 2px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center; min-width: 75px
}

A.button10:link {
	COLOR: #fff; BACKGROUND-COLOR: #800000; TEXT-DECORATION: none
}
A.button10:visited {
	COLOR: #fff; BACKGROUND-COLOR: #800000; TEXT-DECORATION: none
}
A.button10:hover {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: white; COLOR: green; BORDER-TOP-color: black; BACKGROUND-COLOR: aliceblue; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button10:active {
	COLOR: #fff; BACKGROUND-COLOR: #800000; TEXT-DECORATION: none
}





#container {zoom: 1;} /*hasLayout hack for IE*/
p.otherlinks {margin-top: 2px;}
p.otherlinks a.button4 {float:left; width: 132px;}
div.toc	{	
	border-left: solid 1px black;
	margin-bottom: 2em;
}

/* create a button look for links */
a.button4:link, a.button4:visited
{   background-color: 3366cc;
    border: solid 1px;
	border-color: #99f #039 #039 #99f;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px;
	text-decoration: none;
	line-height: 1.5;
    width: 132px;
	display: block;
}

a.button4:hover
{   background-color: #39c; color: white;

border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* depress effect on click */
a.button4:active, a.button4:focus {   
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}




A.button3 {
BORDER-RIGHT: black 1px solid; 
PADDING-RIGHT: 1px; 
BORDER-TOP: gray 1px solid; 
PADDING-LEFT: 1px; 
FONT-WEIGHT: bold; FONT-SIZE: 10px; 
PADDING-BOTTOM: 4px; 
TEXT-TRANSFORM: uppercase; 
BORDER-LEFT: gray 1px solid; 
PADDING-TOP: 4px; 
BORDER-BOTTOM: black 1px solid; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: center;
width: 131px;
}

A.button3:link {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
A.button3:visited {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
A.button3:hover {
	BORDER-LEFT: black 2px solid; BORDER-BOTTOM-COLOR: white; COLOR: black; BORDER-TOP: black 2px solid; BACKGROUND-COLOR: #C6D0FD; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: white;  
}
A.button3:active {
	COLOR: royalblue; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}







#container {zoom: 1;} /*hasLayout hack for IE*/
p.otherlinks {margin-top: 2px;}
p.otherlinks a.button5 {float:left; width: 143px;}
div.toc	{	
	border-left: solid 1px black;
	margin-bottom: 2em;
}

/* create a button look for links */
a.button5:link, a.button5:visited
{   background-color: 3366cc;
    border: solid 1px;
	border-color: #99f #039 #039 #99f;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px;
	text-decoration: none;
	line-height: 1.5;
    width: 143px;
	display: block;
}

a.button5:hover
{   background-color: #39c; color: white;

border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* depress effect on click */
a.button5:active, a.button5:focus {   
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}
