a
   {
   color: blue;
   text-decoration: underline;
   }
.ad{
   clear: both;
   text-align: center;
   padding: 5px;
   }
body
   {
	 font:86%;
   text-align:center;
   font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   text-color: #000;
   }

headline
   {
   text-decoration:none;
	 text-align:center
	 }
#wrap {
 margin: 0 auto 0 auto;
 padding: 2em;
 border-left: 3px solid #000;
 border-right: 3px solid #000;
 width: 500px;
 background-color:#fff;
}

pre {
 padding:10px;
 border: 1px dotted #eee;
 background-color:#f9f9f9;
}


#photodiv {
  background-repeat: no-repeat;
}	 
.caption
   {
   float: left;
   width: 150px;
   height: 125px;
   margin: 0 15px 15px 0;
   padding: 5px 109px 5px 5px
   }
.clearboth {
   clear: both;
   }
.containingbox p
  {
  margin-top: 0;
	}
#contentContainer{
   width:590px;
   float:left;
   padding-left: 140px;
   margin: 0px;
   }
.floatleft
   {
   float: left;
   margin: 0 0 10px 10px;
   clear: right;
   }
.floatright
   {
   float: right;
   margin: 0 0 10px 10px;
   clear: right;
   }
follow {
   float: clear
    }
#footer {
    width: 82%;
    text-align: center;
  	clear: both;
    }
#header {
    background:#eef;
    padding: 5px;
    margin:10px;
    width: 80%;
    float: right;		
    }
#header h1 {
    margin:0;
    }
img{
   border:0px;
   }
#leftContainer{
   display: inline-block;    /* ie6 fix */
   width: 260px;
   float: left;
   font-size:1.3em;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
   }
#main {
   padding: 6px;
   margin:10px;
   border:1px solid #000;
   background:#eef;
   float:right;
   width:38%;
   }
#mainContainer{
   width:760px;
   padding-left: 163px;
   margin: 0px auto;
   text-align:justify
   }
#main h2, #main h3, #main p {
   padding:0 10px;
   }
#nav {
   background:#eef;
   padding:5px;
   }
#sidebar {
   padding: 0 6px;
   margin:0 10px;
   background:#eef;
   float:right;
   width:38%;
   }
#sidebar h3, #sidebar p {
   padding:0 10px;
   }
#wrap {
   width: 100%;
   }
ul2 {
   list-style-type: circle;
   font-size: 1.2em;
	 padding-left: 2.5em;
	 margin-left: 12px;
   }
ul.postnav a
   {
   display:block;
	 width:15em;
	 padding:0px 0;
	 font: bold 100%  Verdana,Arial,sans-serif;
   text-transform:  uppercase;
	 background: #eef;
	 color: #FFFFFF;
   text-decoration:none;
	 text-align:center
	 }
ul.postnav a:hover
   {background: #eeeeff;
	 color:#FFFFFF
	  }
ul.postnav li 
   {
	 float:left;
	 clear: left;
	 width:15em;
	 font-size:100%;
	 margin-top:  5px;
	 margin-right: 5px;
	 }
ul.postnav,ul.postnav li
   {
	 margin:0;
	 padding:0;
	 list-style-type:none
	 }
/* END DEMO CSS */
#dhtmlgoodies_menu
    { 
    font-family:arial; 
    /* Font for main menu items */
    width:150px; 
		/* Width of main menu */
		margin-left:10 px
    }
#dhtmlgoodies_menu
    { font-family:arial; 
		/* Font for main menu items */
    width: 150px;
		/* Width of main menu */
     }
#dhtmlgoodies_menu li
     {
		 /* Main menu <li> */
     list-style-type:none; 
		 /* No bullets */
     margin: 0px; 
		 /* No margin - needed for Opera */
     }
#dhtmlgoodies_menu ul
     {
		 margin:0px; 
		 /* No <ul> air */
     padding: 0px; 
		 /* No <ul> air */
     }
#dhtmlgoodies_menu ul li ul
     {
		 /* Styling for those who doesn't have javascript enabled */
     margin-left: 10px;
     }
#dhtmlgoodies_menu li a
     {
		 /* Main menu links */
     text-decoration:none; 
		 /* No underline */
     color: #0000FF;
		 /* Blue text color */
     height: 20px; 
		 /* 20 pixel height */
     line-height: 20px; 
		 /* 20 pixel height */
     vertical-align: middle; 
		 /* Align text in the middle */
     background-color: f7f7f7;
		 /* Light Gray background color */
     margin: 0px; 
		 /* A little bit of air */
     padding: 1px; 
		 /* Air between border and text inside */
     display: block;
      }
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem
     {
     color: #046;
     background-color: #cccccc;
		 /*Grey background color*/
     }
.dhtmlgoodies_subMenu
     {
		 visibility: hidden;
		 position: absolute;
		 overflow: hidden;
  	 width:300px;
     text-align: center;
		 background-color: #00aa88;
		 /* Cyan background color */
		 font-family: arial;
  	 width:300px;
     text-align: center;
		 }
.dhtmlgoodies_subMenu ul
    {
		margin: 0px;
		padding: 0px;
  	 width:300px;
		 text-align: center;
		background-color: #00BBBB;
		}
.dhtmlgoodies_subMenu ul li
    {
		list-style-type: none;
		margin: 0px;
		padding: 1px; 
  	 width:300px;
		 text-align: center;
		/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
     }
.dhtmlgoodies_subMenu ul li a
     {
		 /* Sub menu items */
		 white-space: wrap;
		 /* No line break */
		 text-decoration: none;
		 /* No underline */
		 color: #FFF;
		 /* White text color */
		 height: 16px;
		 /* 16 pixels height */
		 line-height: 16px;
		 /* 16 pixels height */
		 padding: 1px;
		 /* 1px of "air" inside */
		 display: block;
  	 width:300px;
		 text-align: center;
		 /* Display as block - you shouldn't change this */
     }
.dhtmlgoodies_subMenu ul li a:hover
     {
		 /* Sub menu items - mouse over effects */
		 color: #000055;
		 /* Black text */
		 background-color: #00ffcc;
		 /* Green  background */
  	 width:300px;
		 text-align: center;
		 }