<!--

/* Global selectors */

/* These are the default style definitions for the whole web page */



BODY {
background-color: #f5eff5;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;

}

/* Classes */

/* These are the hyperlink styles */

.href {
color: #f272f6; 
font-size: 11px;
font-weight: none; 
text-decoration: none;
 
}
.href:visited {
font-size: 11px;
text-decoration: none;
}
.href:hover { 
font-size: 11px;
text-decoration: underline;
}
.href:active { 
font-size: 11px;
text-decoration: underline;
}

.hrefb {
color: #f272f6; 
font-size: 14px;
font-weight: none; 
text-decoration: none;
 
}
.hrefb:visited {
font-size: 15px;
text-decoration: none;
}
.hrefb:hover { 
font-size: 15px;
text-decoration: underline;
}
.hrefb:active { 
font-size: 15px;
text-decoration: underline;
}

.hrefl {
color: #ffffff; 
font-size: 11px;
font-weight: none; 
text-decoration: none;
 
}
.hrefl:visited {
color: #eeeeee; 
font-size: 11px;
text-decoration: none;
}
.hrefl:hover { 
font-size: 11px;
text-decoration: underline;

}
.hrefl:active { 
font-size: 11px;
text-decoration: underline;
}


/* IDs */

/* This sets up the default positioning of the columns */


#column1 {
position: absolute;
left: 15px;
top: 150px;
margin: 0px;
padding: 0px;
width: 170px;
background-color: #f272f6;
height: 1200px;
}

p.big 
{ 
line-height: 18px;
} 

#column2 {
left: 190px;
top: 0px;
margin: 0px;
padding: 0px;
width: 500px;
}

#column3 {
position: absolute;
left: 690px;
top: 130px;
margin: 0px;
padding: 0px
width: 200px;
}

/* These are for the text that sits on top of the content image.
We define font styles to override the style in the BODY selector. We
use the minimum of margin sizing to position the text (negative values
allow overlapping). The padding setting is to create 'white space' within
the content area against the orange sides. We want the content area to
be precisely 400 pixels wide. */

h1 {
font-weight: bold;
font-size: 150%;
text-align: left;
margin-left: 0px;
margin-top: 5px;
padding: 10px;
width: 400px;
}

h2 {
font-weight: bold;
font-size: 100%;
text-align: left;
margin-top: 15px;
}


#content {
text-align: justify;
margin-left: 170px;
margin-top: -15px;
padding: 15px;
width: 500px;
}


/* This is for text in the right column. */

#right {
text-align: justify;
margin-right: 20px;
margin-top: 20px;
padding-right: 10px;
width: 200px;
}






#navcontainer { width: 170px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;

}

#navcontainer a
{
display: block;
padding: 3px;
width: 170px;
background-color: #f272f6;
border-bottom: 1px solid #eeeeee;
}

#navcontainer a:link, #navlist a:visited
{
color: #f5eff5;

font-size: 12px;
}

#navcontainer a:hover
{
background-color: #f5eff5;

color: #f272f6;

}



-->