@charset "UTF-8";
/* CSS Document */


<STYLE TYPE="text/css">

body {  text-decoration: none;
            color: 666666;
            font-family: "arial";
            font-size: 12pt;
			line-height: .5em;
            font-weight: medium; }
.body2 {  text-decoration: none;
            color: 666666;
            font-family: "arial";
            font-size: 9pt;
            font-weight: medium; }
.title {  text-decoration: bold;
             color: #9C9; 
			 letter-spacing: 0.5em;
             font-family: "arial";
             font-size: 20pt;
             font-weight: lighty; }
.bold {  text-decoration: bold;
             color: black; 
             font-family: "times";
             font-size: 14pt;
             font-weight: heavy;
			 margin-right: 20px;  }
a:link {
	text-decoration: none;
	color:679800;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
}         
a:visited {  text-decoration: none;
             color:679800; 
             font-family: "arial";
             font-size: 10pt;
             font-weight: heavy; }         
.head  {  color:#600 ; 
             font-family: "arial";
             color: #693; 
			font-size: 26px;
             margin-top: 20px; }
.body      {  text-decoration: none;
             color: #666666; 
             font-family: "arial";
             font-size: 11pt;
             font-weight: light; }      
 body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	margin:0px 20px;
	background-color: #000;
}
        /* menu */
        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
        #menu > li a:hover {color:#b5e070;}
        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#b5e070; }
        #menu li ul li a:hover { color:white; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color: #090; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#b5e070; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}
    .style1 {font-weight: bold}
.style2 {font-weight: bold}
.style7 {color: black; font-family: "arial"; font-size: 12pt; margin-right: 20px; text-decoration: bold;}
</STYLE>
<BODY BGCOLOR="#FFFFFC">
<DIV ALIGN=CENTER CLASS="title">Cascading Style Sheet Examples</DIV>
<DIV CLASS="head">Head text</DIV>
<P> 
<P>
View source for coding or<BR>
<A HREF="css.htm">go to the CSS example page</A>
<P>
Non-foo text.  <SPAN CLASS="foo">Foo Text :-)</SPAN>  More non-foo text.
<P>
<B>"Regularly" Bolded Text</B>
<P>
<SPAN CLASS="bold">CSS Bolded Text</SPAN>
