/* Tip'o'the hat for some of the CSS ideas employed here to 
    Mark Newhouse at realworldstyle.com   */

html,body  { font-family: Verdana, Geneva, Lucida, Arial, Helvetica, 
             sans-serif; margin: 0px; font-size: 12px; color: #333333;
             background-color:white;} 

#header    { background-color: #0099cc; background-image:
             url("icons/header.gif"); background-repeat: no-repeat; 
             background-position: right center; padding-left : 25px; 
             padding-top: 28px; padding-bottom:3px; }

#left      { margin-top:5px; margin-left: -1px; width: 240px; float: left;
             padding: 10px; padding-bottom: 0px; }


h3         { border:1px solid #0099cc; padding-left: 5px; padding-right: 5px;
             font-size:16px; font-weight:bold; background-color: #0099cc; 
             text-align : center; display : inline; color:black;} 

div.cbx    { background:#ffaaaa; position: relative; bottom: 20px;
             font-size:smaller;float:right;border:1px solid red;}

div.cbx:hover {background:yellow}

div.fpp    { margin-top:10px; float: left; width: 250px; padding-top: 5px;
             padding-left: 10px; }

div.fpm    { margin-top:15px; float: left; width: 248px; 
             padding-left: 5px; padding-bottom:10px;margin-left: 10px; background-color: #dddddd; border:
             1px solid black}

div.fpm p  {padding-left: 10px}
div.fpp p  { text-align: center; background-color : #0066aa; color: #ffffff;
             margin-top:0px; padding-top: 0px; position: relative; 
	     bottom: 3px;}

div.ocontainer { padding: 0px; padding-top: 10px; }

div.spacer { clear: both; }


   .logo   { margin: 0px; } 
   .nav    { margin-left:25px; float: left; }
   .na     { padding:4px;}
   .rn     { margin-right:25px; float: right; }
   .thumb  { height: 160px; width: 250px; border: 0px; }
   .navbar { font-size:11px; color:black; border-top:1px solid #666666;
             border-bottom:1px solid #666666; background-color : #eee;
             margin:0px; padding:4px; }

  .leftbox { border:1px solid #0099cc; width:210px; padding:6px;
             margin-bottom:5px; font-size:12px; background-color:#ddeeff;
             height: auto; cursor: pointer} 

.writing { padding-top:20px; margin-left: 20px; padding-left: 20px; 
	   font-size:150%; margin-right: 20px; }

/* .leftbox:hover {background-color:#ddffee;}*/

 .leftbbox { border:1px solid #0099cc; width:210px; padding:6px;
             margin-bottom:20px; font-size:12px; background-color:#00cccc; }

 .leftside { margin-left:15px; } 


.nav a, .rn a { color:black; text-decoration: none; font-weight: bold;
             padding: 4px}

a:hover    { color:#f03; } 

.navbar a:hover { background-color : #0066aa; color:white; }