
*
{
    padding:0;
	margin:0;
}

body  
{ 
     color: #333; 
	 font-size: 12px; 
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 line-height: 140%; 
	 background: #fff url("../image-files/page-shadow.gif") repeat-y center top; 
	 margin: 0; 
	 padding: 0;
}


h1  
{ 
    color: #333; 
	font-size: 22px; 
	font-weight: normal; 
	line-height: 1.2em; 
	text-align: center; 
	margin: 10px 0 30px; 
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 
{ 
    font-size:18px; 
	margin:20px 0 10px 0; 
	padding:0; 
	line-height:1em; 
	font-weight:normal; 
	color:#6d2b72; 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	
}


h3 
{   
   font-size:15px; 
   margin:20px 0 10px 5px;
   padding:0; 
   line-height:1em; 
   font-weight:bold; 
   color:#333; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   
}


h4 
{ 
   font-size:18px; 
   margin:20px 0 10px 0; 
   padding:0; 
   line-height:1em; 
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-weight:normal; 
   color:#990066; 
}

img 
{
   padding:10px;
}

a img 
{ 
   border:none; 
}

a 
{ 
   color:#0066CC; 
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover 
{ 
    text-decoration:none;
	color:#000; 
}

p 
{ 
    padding:5px 0 5px 5px; 
}

ul
{
   padding:10px 0 10px 27px;;
}

li
{
  padding:5px 0 5px 0;
}

hr 
{ 
  padding:0;
  margin:0;
  text-align:center;
  border:1px dotted #ccc;
}


/* CUSTOM CLASSES */
hr.dotted 
{ 
    border-top:1px dotted #ccc; 
} /* inherits above hr style */


.highlight 
{ 
    color:#990066; 
}

#tableofcontents 
{ 
    georgia; font-style: italic; 
	font-weight: normal; 
}

.toc 
{ 
    font-size:12px; 
}

/*Header*/

.header {
background:url(../image-files/header.jpg) no-repeat center; 
height:200px; 
text-align:center;
}

/* TOP NAVIGATION */
#topNav 
{ 
     background:#777; 
}

#topNav ul 
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#topNav li 
{ 
    float:left; 
	margin:0; 
	padding:0; 
}


/* style these 2 rules to change how the top nav looks */
#topNav li a 
{ 
     padding:8px; 
	 display:block; 
	 color:#fff; 
	 background:#777; 
	 font-size:11px; 
	 text-transform:uppercase; 
	 border-right:1px solid #ccc; 
}


#topNav li a:hover 
{ 
     background:#bbb; 
	 color:#222; 
}


/* Left COLUMNS */
.leftCol  
{ 
     font-size: 11px; 
	 line-height: 125% 
}

.leftCol h3 
{ 
     font-size:15px; 
	 font-weight:bold; 
	 border-top:1px solid #b3b3b3; 
	 border-bottom:1px solid #b3b3b3; 
	 padding:4px 0 5px 0; 
	 margin:15px 0 8px 0; 
	 font-style:normal; 
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 text-align:center;
}

.leftCol a 
{ 
     text-decoration:none; 
	 padding:2px 0; 
	 font-size:12px;
	 margin-left:15px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#615f5f;
	 font-weight:bold;
}

.leftCol a:hover 
{ 
	 color:#0066CC; 
}

.leftCol p 
{ 
     margin:0; 
	 border-bottom:1px dotted #CCCCCC;
}

.leftCol li a 
{
   padding:0 0 0 0;
}


.rightCol h3 {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:1em;
	margin:20px 0 2px 0;
	padding:0;
}

.rightCol p {
	border-bottom:1px dotted #CCCCCC;
	margin:0;
	text-align:left;
	padding:0;
}
.rightCol a {
	color:#1A36AC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-left:0px;
	padding:4px 0;
	text-decoration:none;
	display:block;
}
.rightCol p a:hover {
	background:none repeat scroll 0 0 #1A36AC;
	color:#FFFFFF;
	display:block;
}
/* Footer */

#footer a
{
    color:#615f5f;
}

#footer a:hover
{
    color:#0066CC;
}


/* Others */

.introBanner
{
	background:url(../image-files/introductorybanner.jpg) left no-repeat;
	height:205px;
}

.introBanner img
{
   padding:0;
   margin:0;
}

.introBanner h3 
{

    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
	color:#6d2b72;
    margin:0;
    padding:12px 0 0;
}

.introBanner p
{
	font-size:12px;
    padding:8px 0 0 0;
	margin:0;
}

.TableofContent h4
{
   color:#0066CC;
   font-size:13px;
   font-weight:bold;
   text-align:center;
}

.TableOfContent 
{
    padding:0;
	margin:0 0 0 5px;
	text-align:left;
}

.ReturnToHome{
     border:1px solid #ccc;
	 background-color:#eeeeee;
	 font-weight:bold;
	 color:#335687;
	 text-decoration:none;
	 padding:5px 0 5px 4px;
	 margin-left:5px;
	 width:580px;
}

.topmenu 
{
     font-size:11px;
	 padding:10px 0 10px 5px;
}

#image-caption
{  
     float:left;
}

#image-caption p
{    
     padding-top:50px; 
     text-align:left;
}

.RSSIt
{
     text-align:center;
}

.RSSIt img
{
     padding:0;
	 margin:0;
}

.RSSIt ul
{
     margin:0;
	 padding:0;
}


.RSSIt li
{
     list-style-type:none;
	 padding:0;
	 margin-right:18px;
}

.clearfix:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
