.thebody {
font-family: arial; 
font-size: 16px; 
color: #ffffcc;  
background-color: #666666;
text-align: right;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 30;
margin-right: 0; 
margin-bottom: 30;
margin-left: 0
}

.thebody : link {color: #0099ff}
.thebody : visited {color: #cc3366}
.thebody : hover {text-decoration: underline; color: yellow} 

.pop_up_body {
font-family: arial;
font-size: 16px; 
color: #ff3399;
background-color: #666666;
text-align = right;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-right: 0; 
margin-bottom: 0;
margin-left: 0
}

.pop_up_body : link {color: #0099ff}
.pop_up_body : visited{color: #cc3366}
.pop_up_body : hover {text-decoration: underline; color: yellow}  

.location {
text-align: right;
font-size: 12px
}

.location:link {color:#0099ff}
.location:visited {color:#cc3366}
.location:hover {text-decoration: underline; color: yellow}

.pattern_header {
font-size: 24px;
font-weight: bold;
font-family: arial;

height: 90;
vertical-align: bottom; 
text-align: center;
color: #ffffff
}

.right_col {
width: 116;
background-color: #000000
}

.right_col_yellow {
background-color: #ffffcc
}

.right_col_yellow:link {background-color: #ffffcc; color:#0000ff}
.right_col_yellow:visited {background-color: #ffffcc; color:#cc3366}
.right_col_yellow:hover {background-color: #ffffcc; text-decoration: underline; color: #000000}

.right_col_browm {
background-color: #cc9999
}

.right_col_brown:link {background-color: #cc9999; color:#0066ff}
.right_col_brown:visited {background-color: #cc9999; color:#cc3366}
.right_col_brown:hover {background-color: #cc9999; text-decoration: underline; color: #000000}

.right_col_pink {
background-color: #ff9999
}

.right_col_pink:link {background-color: #ff9999; color:#0066ff}
.right_col_pink:visited {background-color: #ff9999; color:#cc3366}
.right_col_pink:hover {background-color: #ff9999; text-decoration: underline; color: #000000}

.right_col_gray {
background-color: #cccccc
}

.right_col_gray:link {background-color: #cccccc; color:#0066ff}
.right_col_gray:visited {background-color: #cccccc; color:#cc3366}
.right_col_gray:hover {background-color: #cccccc; text-decoration: underline; color: #000000}

.right_col_blue {
background-color: #add8e6
}

.right_col_blue:link {background-color: #add8e6; color:#0066ff}
.right_col_blue:visited {background-color: #add8e6; color:#cc3366}
.right_col_blue:hover {background-color: #add8e6; text-decoration: underline; color: #000000}


.left_col {
width: 96;
background-color: #000000;
color: #ffffff;
font-size: 16px 
}

.left_menu {
font-weight: bold;
color: #ffffff;
font-size: 16px
}

.left_menu:link {color:#0099ff}
.left_menu:visited {color:#cc3366}
.left_menu:hover {text-decoration: underline; color: yellow}

.sub_topic {
color: red;
font-size: 18px
}

LI {
list-style: circle; 
color: #00ffff
} 

.code_ex {
color: #ffffff;
font-family: courier;
font-size: 11px;
text-align: left
}

.pic_table {
background-color: #ffffff;
color: #000000;
font-size: 10px
}

.red {
color : red
}

.blue_bgcolor {
background-color: #000099
}

.black_bgcolor {
color: #ffffcc;
background-color: #000000
}

.black_bgcolor:link {color:#0099ff}
.black_bgcolor:visited {color:#cc3366}
.black_bgcolor:hover {text-decoration: underline; color: yellow}


.glossary {
font-size: 18px
}

.opening_page {
font-weight:bold
}

.opening_page:link {color:#3399ff; font-weight:bold}
.opening_page:visited {color:#cc0000; font-weight:bold}
.opening_page:hover {text-decoration: underline; font-weight:bold; color: yellow}

.small_white {
color: #ffffff;
font-size: 10px
}

.medium_white {
color: #ffffff;
font-size: 12px
}

.small_black {
color: #000000;
font-size: 10px
}