h2 { color: #8B0000; letter-spacing: 0px; margin-left: 0in}
h3 { color: #669966; letter-spacing: 0px; margin-left: 0in}
h4 { color: #336699; letter-spacing: 0px; margin-left: 0in}
h5 { color: #000000; letter-spacing: 0px; margin-left: 0in}
h6 { color: #555555; letter-spacing: 1px; margin-left: 0in}

body { font-family: Verdana, Arial, Helvetica; margin-left: 0%; margin-right: 0%; margin-top: 0px; } 
       margin-left: 0%; 
       margin-right: 0%; 
       margin-top: 0px; 
       padding: 0px; 
     }

p { margin-left: 0in }
ol { margin-left: .2in }
ul { margin-left: .2in }

A:link {text-decoration: none; color: #336699}
A:visited {text-decoration: none; color: #336699}
A:active {text-decoration: none; color: #0066CC}
A:hover {text-decoration: underline; color: #669966;}

hr {border: 0; width: 100%; color: #000000; background-color: #669966; height: 1px;}


<!-- **********Start Navigation CSS************************************ -->
	
	/* <![CDATA[ */
	html,body {
		margin:0;
		padding:0;
		color:#222;
		background:#fff;
	}
	


	#nav {
		margin:0;
		padding:0;
		background:#cccccc url(nav_bg.gif) 0 0 repeat-x;
		width:100%;
		float:left;
		border:1px solid #cccccc;
		border-width:1px 0;
	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#4f4f4f;
		background:#eeeeee;
		padding:20px 40px 4px 10px;
		float:left;
		width:auto;
		border-right:1px solid #ffffff;
		text-decoration:none;
		font:bold .7em/.7em Arial, Helvetica, sans-serif;
		text-transform:none;
		text-shadow: 2px 2px 2px #555;
	}
	#nav a:hover {
		color:#ffffff;
		background:#336699;
	}
	#nav li:first-child a {
		border-left:1px solid #cccccc;
	}
	
	/* ]]> */

<!-- **********End Navigation CSS************************************ -->



<!-- **********Start Pretty Table CSS******************************** -->



table.pretty {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: #eeeeee;
	font-size : 77%;
	font-family: Verdana, Arial, Helvetica;
}
table.pretty th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #eeeeee;
	font-size : 77%;
	font-family: Verdana, Arial, Helvetica;
}
table.pretty td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #dddddd;
	font-size : 77%;	
	font-family: Verdana, Arial, Helvetica;
}

table.pretty caption {
	text-align: center;
	font:bold 1em/1em Verdana, Arial, Helvetica;
}



<!-- **********End Pretty Table CSS********************************** -->



 

        /* Shared styles */
        
        .drop-shadow {
            position:relative;
            float:left;
            width:40%;    
            padding:1em; 
            margin:2em 10px 4em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }

       /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }


<!-- **********End Drop Shadow CSS*********(not complete)*********************** -->
/* here is the html */
/*      <div class="drop-shadow raised"> */
/* */
/*      </div> */
/* */
/* go to http://nicolasgallagher.com/css-drop-shadows-without-images/ */
/* and http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
/* to see more */


---------------------------------------------------------------------------------------

