/* Layout Section */

body {
margin: 0;
text-align: center;
background: #0E3558 url(images/bgnd_tile_01.gif) repeat;
padding: 0px;
}

#wrapper {
margin: 0 auto;
text-align: center;
width: 950px;
padding: 0px;
background: #41ade2 url(images/bgnd_header_01.png) no-repeat top;
border: 1px solid #000000;
}

#header {
height: 390px;
margin-left: 10px;
}

/* The following is to remove the tiny space following an image embedded
in the HTML but if the image is a BGND image, this rule does nothing */

#header img {
display: block;
}

#footer {
position: relative;
clear: both;
margin: 0 auto;
border-top: 1px solid #155287;
margin-top: 10px;
text-align: center;
width: 930px;
padding: 10px;
font-family: verdana, sans-serif;
font-size: 9pt;
color: #c0c0c0;
background: #064f7e url(images/bgnd_footer.gif);
background-repeat: repeat-y;
background-position: top center;
}

#disc {
font-family: verdana, sans-serif;
color: #c0c0c0;
font-size: 8pt;
text-align: center;   
}
    
/*
#columnwrap:after {
content: " ";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

The column wrapper in this case needs to have at least some height to work in IE (that is, 1px) otherwise the column wrapper will collapse (only if the contained divs are floated). In Firefox, the height will be interpreted explicitly unless the 'after' device is used.

* html #columnwrap {
height: 1px;
}

*/

#leftcolumn {
float: left;
position: relative;
text-align: center;
left: -700px;
width: 190px;
color: #000000;
letter-spacing: px;
}

#content {
float: left;
position: relative;
left: 200px;
width: 700px;
font-family: verdana, sans-serif;
color: #103d65;
font-size: 9pt;
text-align: justify;
padding: 0px 0px 60px 0px;
}

/* Presentation Section */

a:link { 
text-decoration: none;
color: #ffff00;
font-weight: bold;
}

a:visited {
text-decoration: none; 
color: #ffff7d;
font-weight: bold;
}

a:hover {
text-decoration: none;
color : #FF8000;
font-weight: bold;
}

a:active {
text-decoration: none;
color : #FF0000;
font-weight: bold;
}

h1 {
font-family: verdana, sans-serif;
color: #ffffff;
font-size: 18pt;
letter-spacing: 1px;
text-align: center;
}

h2 {
font-family: verdana, sans-serif;
color: #ffffff;
font-size: 14pt;
letter-spacing: 1px;
text-align: center;
}

h3 {
font-family: verdana, sans-serif;
color: #ffffff;
font-size: 12pt;
letter-spacing: 1px;
text-align: center;
}

h4 {
font-family: verdana, sans-serif;
font-size: 11pt;
color: #103d65;
text-align: justify;
}

.artist {
background: url(images/lil_star.gif) left no-repeat;
font-family: verdana, sans-serif;
color: #32A6FE;
font-size: 12pt;
font-weight: bold;
letter-spacing: 1px;
text-align: left;
padding: 0px 0px 0px 30px;
margin-bottom: 20px;
clear: both;
}

.cntr {
text-align: center;
}

.imp_note {
font-size: 16pt;
color: #ff0000;
font-weight: bold;
letter-spacing: 4px;
}

.imp_note2 {
font-size: 12pt;
font-weight: bold;
text-align: center;
}

.td_titles {
font-family: verdana, sans-serif;
color: #32A6FE;
font-size: 12pt;
letter-spacing: 1px;
text-align: center;
font-weight: bold;
}

table, td {
border: solid #155287 1px;
border-collapse: collapse;
}

.small {
font-size: 8pt;
}

.smaller {
font-size: 7pt;
display: inline;
font-style: italic;
}

.clearbox, .box01 {
border: solid #155287 1px;
font-weight: bold;
padding : 6px 20px 10px 20px;
text-align : center;
line-height: 1.3;
}

.yellowbox {
border: dotted #155287 1px;
font-weight: normal;
padding : 6px 20px 10px 20px;
text-align : center;
line-height: 1.3;
background-color: #fbf284;
}

.bluebox {
border: dotted #155287 1px;
font-weight: normal;
padding : 6px 20px 10px 20px;
text-align : center;
line-height: 1.3;
background-color: #7bfdfd;
}

.whitebox {
border: dotted #155287 1px;
font-weight: normal;
padding : 10px 10px 10px 10px;
text-align : center;
line-height: 1.3;
background-color: #ffffff;
}

.announcebox {
border: dotted #FF8000 1px;
font-weight: normal;
padding : 4px 4px 4px 4px;
text-align : center;
line-height: 1.3;
background-color: #fbf284;
}

.announcebox2 {
border: dotted #FF8000 2px;
font-weight: normal;
padding : 4px 4px 4px 4px;
text-align : center;
margin: 0 auto;
line-height: 1.3;
background-color: white;
width: 300px;
}

.importantbox {
border: dotted #FF0000 4px;
font-size: 10pt;
font-weight: normal;
padding : 10px 10px 10px 10px;
text-align : center;
line-height: 1.3;
background-color: #fbf284;
}

hr {
color: #808080;
background-color: #808080;
text-align: center;
height: 1px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border: none;
}

.boxtitle {
font-family: verdana, sans-serif;
font-size: 12pt;
letter-spacing: 1px;
text-align: center;
}

.right {
text-align: right;
font-weight: bold;
margin-top: 10px;
}

.capboxright {
float: right;
text-align: center;
font-family: verdana, sans-serif;
font-size: 7pt;
color: #000000;
font-style: italic;
margin: 10px 0px 10px 20px;
}

.capboxleft {
float: left;
text-align: center;
font-family: verdana, sans-serif;
font-size: 7pt;
color: #000000;
font-style: italic;
margin: 10px 20px 10px 0px;
}

.capboxrightclr {
float: right;
text-align: center;
font-family: verdana, sans-serif;
font-size: 7pt;
color: #000000;
font-style: italic;
margin: 10px 0px 10px 20px;
clear: both;
}

.capboxleftclr {
float: left;
text-align: center;
font-family: verdana, sans-serif;
font-size: 7pt;
color: #000000;
font-style: italic;
margin: 10px 20px 10px 0px;
clear: both;
}

.capboxcntr {
margin: 0 auto;
text-align: center;
font-family: verdana, sans-serif;
font-size: 7pt;
color: #155287;
font-style: italic;
}

.mfpicbox {
margin: 0 auto;
text-align: center;
background: #f7911f url(images/bgnd_mf_copyright.gif);
background-position: bottom right;
background-repeat: no-repeat;
padding: 0px;
border: #f7911f 2px solid;
padding-bottom: 12px;
width: 640px;
}


.credit {
font-family: verdana, sans-serif;
font-size: 8pt;
text-align: center; 
}

.uparrow {
position: absolute;
font-weight: bold;
top: -60px;
right: 50px;
}

.vert {
vertical-align: middle;
}

.right {
float: right;
position: relative;
padding: 0px 10px 10px 10px;
}
.art_tn {
float: right;
position: relative;
padding: 0px 0px 30px 20px;
}

.big {
font-weight: normal;
font-size: 14pt;
text-align: center;
}

.red {
color: #ff0000;
display: inline;
}

.medred {
font-size: 14pt;
text-align: center;
font-weight: normal;
color: #ff0000;
}

.med_cntr {
font-size: 12pt;
text-align: center;
font-weight: normal;
}

.bigred {
font-size: 16pt;
text-align: center;
font-weight: bold;
color: #ff0000;
}

.medorange {
font-size: 14pt;
text-align: center;
font-weight: bold;
color: #FF8000;
}