.fr { 
color : red; 
}

.fblu { 
color: blue;
}

.ft { 
font-family : Times New Roman, Times, serif; 
} 

.fn { 
font-family : arial, helvetica, sans-serif; 
} 

.fu { 
text-decoration : underline; 
}

.fallr {
color : red;
text-decoration : underline;
font-style: italic;
font-weight : bold;
}

table.c98 { 
text-align : left; 
margin-left : auto; 
margin-right : auto; 
} 

td.c99 { 
text-align : center; 
background-color : rgb(237, 255, 238); 
} 

ul {
margin-left: 1em;
}

li {
margin-left: 3em;
}

div.c26 { 
text-align : center; 
font-size : 70%;
font-style: italic;
}

div.c25 { 
text-align : center; 
font-size : 70%;
} 

h3.c24 { 
text-align : center; 
} 

div.c23 { 
border : 0px; 
font-family : Helvetica, Arial, sans-serif; 
width : 55%; 
padding : 1em 0em 0em 6em; 
margin-left : auto; 
margin-right : auto; 
text-align : left;
color: black; 
background-color : #FFFFFF); 
}

img.c22 {
width: 55%; height: 290px;
}

div.c21 { 
border : 20px outset #99CCFF;
font-weight : bold; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 55%; 
margin-left : auto; 
margin-right : auto; 
text-align : center;
color: blue; 
background-color : #FFFFCC; 
}

div.c20 { 
border : 20px outset #99CCFF;
font-weight : bold; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 35%; 
margin-left : auto; 
margin-right : auto; 
text-align : center;
color: blue; 
background-color : #FFFFCC; 
}

h3.c19 { 
text-align : center; 
color : red; 
} 

div.c18 { 
border : 4px solid black; 
font-weight : bold; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 55%; 
margin-left : auto; 
margin-right : auto; 
text-align : center;
color: red; 
background-color : #FFFFCC; 
}

div.p17 { 
font-family : arial, helvetica, sans-serif; 
font-size : 100%;
font-style: italic;
width : 95%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 

div.p16 { 
font-family : arial, helvetica, sans-serif; 
font-size : 110%;
font-weight : bold; 
width : 95%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 

.p15 { 
font-family : arial, helvetica, sans-serif; 
font-size : 130%;
font-weight : bold; 
width : 95%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
color : red; 
} 

div.c14 { 
border : 1px solid black; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
font-weight : bold; 
width : 60%; 
margin-left : auto; 
margin-right : auto; 
color: red; 
background-color : #FFFFFF); 

}

div.c13 { 
border : 0px solid black; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 55%; 
margin-left : auto; 
margin-right : auto; 
text-align : center;
color: blue; 
background-color : #FFFFFF); 
font-weight : 500; 
}

div.c12 { 
text-align : center; 
font-size : 80%; 
} 

div.c11 { 
border : 0px solid black; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 55%; 
margin-left : auto; 
margin-right : auto; 
text-align : center;
background-color : #FFFFFF); 
font-weight : 500; 
} 

span.c10 { 
font-weight : bold; 
font-family : Times New Roman, Times, serif; 
font-size : 0.8em; 
color : black; 
} 

div.c9 { 
background-color : rgb(237, 255, 238); 
border : 2px solid black; 
font-weight : 500; 
padding : 10px; 
text-align : center; 
width : 52%;
margin-left : auto; 
margin-right : auto;  
} 

span.c8 { 
font-weight : bold; 
} 

div.c7 { 
text-align : center; 
} 

div.c6 { 
border : 2px solid black; 
padding : 10px; 
font-family : Helvetica, Arial, sans-serif; 
width : 52%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
background-color : rgb(255, 255, 224); 
font-weight : 500; 
} 

img.c5 { 
border : 0 solid; 
width : 332px; 
height : 395px; 
float : right; 
} 

div.c4 { 
text-align : center; 
} 

h2.c3 { 
text-align : center; 
} 

h1.c2 { 
text-align : center; 
} 

p { 
font-size : 12px; 
} 

body p { 
font-size : x-small; 
voice-family : "\"}\""; 
voice-family : inherit; 
font-size : small; 
} 

html > body p { 
font-size : small; 
} 

/* */

h1 { 
font-size: 250%; font-style: italic
}

h2 { 
font-size : 175%; 
} 

h3 { 
font-size : 125%; 
} 

h4 { 
font-size : 100%; 
} 

h5 { 
font-size : 70%; 
} 

h6 { 
font-size : 50%; 
} 

.content { 
min-width : 25em; 
max-width : 33em; 
font-family : Helvetica, Arial, sans-serif; 
} 

A:link { 
color : #0000CC; 
} 

A:visited { 
color : #CC3333; 
} 

A:link, A:visited { 
text-decoration : underline; 
} 

body { 
margin : 0; 
padding : 0; 
border : 0; 
width : 95%; 
background : #fcfcfc; 
min-width : 600px; 
font-size : 90%; 
} 

a { 
color : #369; 
} 

a:hover { 
color : #fff; 
background : #369; 
text-decoration : none; 
} 

h1, h2, h3 { 
margin : 0.8em 0 0.2em 0; 
padding : 0; 
} 

p { 
margin : 0.4em 0 0.8em 0; 
padding : 0; 
} 

img { 
margin : 10px 0 5px; 
} 

#header { 
clear : both; 
float : left; 
width : 100%; 
background : #fcfcfc; 
} 

#header { 
background : #fcfcfc; 
} 

#header p, #header h1, #header h2 { 
padding : 0.4em 15px 0 15px; 
margin : 0; 
} 

<!-- CENTERED NAVBAR CODE STARTS HERE -->
#tto {
clear:left;
float:left;
padding:0;
/* border-top:6px solid #b9b8b6; */
width:100%;
overflow:hidden;
font-family:Georgia, serif;
}

#tto ul { 
float : left; 
margin : 0; 
padding : 0; 
list-style : none; 
position : relative; 
left : 50%; 
text-align : center; 
} 

#tto ul li { 
display : block; 
float : left; 
list-style : none; 
margin : 0; 
padding : 0; 
position : relative; 
right : 50%; 
} 

#tto ul li a { 
display : block; 
float : left; 
margin : 0 5px 0 0; 
padding : 5px 8px 5px 8px; 
background : #99ffff; 
font-size : 65%; 
text-decoration : none; 
color : #000; 
border : 8px; 
border-color : #b9b8b6; 
border-style : outset; 
} 

#tto ul li a:hover { 
padding : 5px 8px 25px 8px; 
background : #99ff66; 
} 

#tto ul li.active a, #tto ul li.active a:hover { 
padding : 40px 10px 6px 10px; 
} 

<!-- CENTERED NAVBAR CODE ENDS HERE -->


/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:6px solid #000;
margin:0;
padding:6px 15px !important;
text-align:center;
font-family: arial, helvetica, sans-serif;
}

/* column container */
.colmask { 
position : relative; 
clear : both; 
float : left; 
width : 100%; 
overflow : hidden; 
font-family : arial, helvetica, sans-serif; 
} 

.colright, .colmid, .colleft { 
float : left; 
width : 100%; 
position : relative; 
} 

.col1, .col2, .col3 { 
float : left; 
position : relative; 
padding : 0 0 1em 0; 
overflow : hidden; 
} 

.col1 { 
font-family : Helvetica, Arial, sans-serif; 
font-size : 100%; 
} 

.col2 { 
text-align : right; 
} 

.threecol { 
background : #fcfcfc; 
} 

.threecol .colmid { 
right : 20%; 
background : #fcfcfc; 
} 

.threecol .colleft { 
right : 60%; 
background : #fcfcfc; 
} 

.threecol .col1 { 
width : 56%; 
left : 102%; 
} 

.threecol .col2 { 
width : 16%; 
left : 26%; 
} 

.threecol .col3 { 
width : 16%; 
left : 85%; 
} 

#footer { 
clear : both; 
float : left; 
width : 100%; 
font-family : arial, helvetica, sans-serif; 
text-align : center; 
} 

#footer p { 
padding : 10px; 
margin : 0; 
} 

ul { 
font-family : arial, helvetica, sans-serif; 
} 
IMG.displayed { 
display : block; 
margin-left : auto; 
margin-right : auto; 
} 

.p1 { 
margin : 0; 
padding : 0; 
border : 0; 
width : 95%; 
font-size : 105%; 
} 

.p2 { 
font-family : arial, helvetica, sans-serif; 
font-size : 105%; 
width : 75%; 
text-align : center; 
} 

.p3 { 
font-family : arial, helvetica, sans-serif; 
font-size : 105%; 
width : 75%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
color : blue; 
}

.p4 { 
font-family : arial, helvetica, sans-serif;
font-style: italic; 
font-size : 105%; 
width : 95%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
color : black; 
}

.p5 { 
border : 0; 
width : 95%; 
font-size : 105%; 
font-weight : bold;
text-align : center; 
margin-left : auto; 
margin-right : auto;  
} 

.p6 { 
border : 0; 
width : 95%; 
font-size : 105%; 
color : red;
text-decoration : underline;
font-style: italic;
font-weight : bold;
text-align : center; 
margin-left : auto; 
margin-right : auto;  
}

body { 
font-family : arial, helvetica, sans-serif; 
font-size : 115%; 
}