html{
	margin:0;
        padding:0 0 10px 10px;
        font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}
p {
	margin:0;
        padding:0 0 10px 10px;
       font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color:#000000;
}
body { 
        margin:0;
       font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
       background-color:#f4f4f4;
}
/* Top Navigation Area */

.topnav { background-color: #0099cc; color: #ffffff}
.topnavtitle { font-size: 180%; font-weight: bold; color: #ffffff}
.topnavtext { font-size: 90%; font-weight: bold; color: #ffffff; word-spacing: 0.1em}

a.topnavlink:hover {color:#003366;}

a {outline: none;}

a:active, a:link, a:visited{
 color: #107fc9;
 text-decoration: none;
 font-size: 12px;
}
a:hover {color:#003366;}

a.leftnavlink:active, a.leftnavlink:link, a.leftnavlink:visited {
 color: #107fc9;
 text-decoration: none;
 font-weight:bold;
 font-size: 14px;
 padding:0 0 0 10px;
}
a.leftnavlink:hover {color:#003366;}

a.leftnavlink:active, a.topnavlink:link, a.topnavlink:visited {
    text-decoration: none ;
    color: #ffffff;
    padding: 0.2em 0.3em
}


/* Copyright Notice */
.copyright { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background-color: #ffffff}
.copybar { font-family: Arial, sans-serif; font-size: 8pt; color: #0099ff; background-color: #ffffff}

/* Table Styles */
.tableolive { text-align: left; 
             font-family: Arial, sans-serif;
             font-size: 10pt;
             font-weight: bold;
             color: #000000;
             background-color: #ccdcff}

.content { text-align: left;
          font-family: Arial, sans-serif;
          font-size: 10pt;
          font-weight: normal;
          color: #000000}

#container {
 position:relative;
 margin:0 auto;
 width:800px;
 font-family: Arial, sans-serif;
 font-size: 10pt;
 background-color:#ffffff;
}
.clear {clear:both;}

.left {
 float:left;
 width:160px;
 clear:right;
 padding:20px 10px 20px 0px;
}

.centerflow {
 clear:right;
 height:100%;
 float: left;
 margin: 20px 10px 5px 0px;
 padding:20px 0px 20px 0px;
 width:480px;
}
.widecenter {
 clear:right;
 height:100%;
 float: left;
 margin: 20px 10px 5px 0px;
 padding:20px 0px 20px 0px;
 width:600px;
}
.right {
height:100%;
float:left;
width:130px;
margin:20px 0px 50px 0px;
padding:20px 0px 20px 0px;
background-color:#f4f4f4;
border:1px solid #ccc;
}

pre.sourcecodebox {
font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
 border:1px solid #ccc;
 background-color:#f4f4f4;
 padding:10px 0 10px 16px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 400px;   /* remove horizontal scroll-bar when viewing in IE7 */
 }


caption,u,select,option,font { font-family: Arial, sans-serif;}

ul{
	list-style:none;
}
ul li{
	padding-left:20px;
	background: url("/images/arr_smal_10x10.gif") no-repeat;
}
li { font-family: Arial, sans-serif; 
     font-size: 10pt;
}

form { font-family: Arial, sans-serif;}


h1 { font-family: Arial, sans-serif; color: #003366;
    font-size: 18pt;font-weight:normal;
    margin-bottom: 8px;
}
h2 {  font-family: Arial, sans-serif; color: #006699;
    font-size: 16pt;font-weight:normal;
    margin-bottom: 8px;
    margin-top: 15px;
}
h3 {  font-family: Arial, sans-serif; color: #0066cc;
    font-size: 14pt;margin:0 0 3px 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
h4 { font-family: Arial, sans-serif; color: #0066cc;
    font-size: 12pt;font-weight:normal;margin:0;
}
h5 { font-family: Arial, sans-serif; color: #0066cc;
    font-size: 12pt;
}

.location{font-size: 10pt;font-weight:normal;color:#999999;text-decoration: none ;}
.date{font-size: 10pt;font-weight:normal;color:#8B0000;text-decoration: none ;}
.emph{color: #003366;
    font-weight: bold;
}