body
   {
   font-family: arial, helvetica, sans-serif;
   background-color: #ffffff;
   }

#wrapper
{
	width: 950px;
	margin-left: 10px;
}

#content
{
	width: 942px;
}

.spacer
{
	clear: both;
	margin: 0;
	padding: 0;
}

head
   {
   font-family: arial, helvetica, sans-serif;
   }

h1
   {
   font-family: arial, helvetica, sans-serif;
   color: #356CA4;
   font-style: italic;
   font-weight: bold;
   font-size: 110%; 
   }

h2   
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 100%; 
   }

h2#nobot
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 100%; 
   margin-bottom: 0;
   }   
   
h3   
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 80%; 
   margin-bottom: 0;
   }

h4
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: normal;
   font-size: 80%; 
   margin-top: 0;
   margin-bottom: 0;
   width: 90%;
   }

ul
   {
   margin-top: 0;
   margin-left: 7%;
   }
   
ul li
   {
   font-size: 80%
   }

.subheader
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 80%; 
   }

#seminars td
   {
   vertical-align: top;
   width: 18%;
   }

#seminars ul
   {
   margin-top: 0;
   margin-left: 10%;
   }
   
#seminars ul li
   {
   font-size: 80%
   }

#courses ul
   {
   margin-top: 0;
   margin-left: 2.5%;
   }
   
#courses ul li
   {
   font-size: 80%
   }
   
.h1nobot
   {
   font-family: arial, helvetica, sans-serif;
   color: #356CA4;
   font-style: italic;
   font-weight: bold;
   font-size: 100%; 
   margin-bottom: 0;
   }

.spacer 
{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
}
   
/* NAV BAR */
#navcontainer ul
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#navcontainer li
{
	float: left;
	position: relative;
	margin: 1em .5em 0 0;
	padding: 0;
	background-color: #117cb0;
	color: White;
}

#navcontainer li li 
{
	margin: 0;
	padding: 0;
	float: none !important;
}

#navcontainer li ul
{
	display: none;
	position: absolute;
	top: 1.8em;
	left: 0;
}

#navcontainer li > ul 
{
	top: auto;
	left: auto;
}

#navcontainer li:hover ul, #navcontainer li.over ul
{
	display: block;
}

#navcontainer a, #navcontainer a:link, #navcontainer a:visited
{
	text-decoration: none;
	background-color: #117cb0;
	color: White;
	padding: .2em;
	border: 1px solid #117cb0;
	display: block;
	width: 5.5em;
	text-align: center;
	font-size: 11pt;
}

#navcontainer a:hover, #navcontainer a.navselected
{
	color: #117cb0;
	background-color: White;
}
/* HOME */
#welcome-box
{
	background-image: url(../images/welcome.JPG);
	height: 3em;
	margin: .5em;
	background-repeat: no-repeat;
	padding: 55px 0 0 50px;
}

#welcome-box .welcome 
{
	display: none;
}

#about-box
{
	background-image: url(../images/cli001011.jpg);
	background-repeat: no-repeat;
	height: 200px;
	padding: 10px 0 0 235px;
	width: 23em;
	float: left;
}

#news-box
{
	margin-left: 39em;
	padding-left: 5px;
	width: 220px;
}

#news-box h2
{
	color: #117cb0;
}

#news-box ul
{
	margin: 0 0 0 15px;
	padding: 0;
}

#age-program
{
	float: left;
	width: 20em;
}

#sponsors
{
	margin-left: 20em;
}

.sponsor-image
{
	height: 70px;
	padding: 0 15px 0 0;
	float: left;
}

.sponsor-image a
{
	text-decoration: none;
}

.sponsor-image img
{
	border: none;
}

.seniornet 
{
	padding-top: 20px;
}

.ibm
{
	padding-top: 10px;
	padding-left: 5px;
}

/* CALENDAR */ 

.tdbodycal
   {
   font-size: 90%; 
   color: #000000; 
   font-weight: bold; 
   }  

.hbot
   {
   width: 20%;
   height: 20px;
   vertical-align: middle;
   }

.htime
   {
   width: 2%;
   height: 20px;
   vertical-align: middle;
   }

.tdam
   {  
   line-height: .8em; 
   width: 2%;
   height: 40px;
   vertical-align: top;
   }
   
.tdpm
   {  
   line-height: .8em; 
   background-color: #E1E1E1;
   vertical-align: top;
   width: 2%;
   height: 40px;
   }
   
.time  
   {
   margin-top: 6px; 
   margin-bottom: 3px;
   }

.tdtop
   {  
   line-height: 1.0em; 
   vertical-align: top;
   width: 20%;
   height: 40px;
   }
   
   
.tdbot
   {  
   line-height: 1.0em; 
   background-color: #E1E1E1;
   vertical-align: top;
   width: 20%;
   height: 40px;
   }
   
.tdtopbot
   {  
   line-height: .8em; 
   vertical-align: top;
   margin-top: 0px;
   width: 20%;
   height: 40px;
   }
     
.course 
   {
   margin-top: 6px; 
   margin-bottom: 3px;
   }
      
.monthlast
   { 
   font-family:Arial; 
   width: 20%;
   text-align: left;
   font-weight: bold;
   }
     
.monthcurrent
   {  
   width: 20%;
   font-family:Arial; 
   text-align: center;
   font-weight: bold;
   font-style: normal;
   color: #356CA4;
   font-size: 110%; 
   }
   
.monthnext
   {  
   font-family:Arial; 
   width: 20%;
   text-align: right;
   font-weight: bold;
   }
.tddate
   {
   width: 15%;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 1px;
   border-color: #000000;
   font-size: 90%; 
   color: #000000;
   font-weight: bold;
   }
   
.tddatebot
   {
   width: 15%;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-color: #000000;
   font-size: 90%; 
   color: #000000;
   font-weight: bold;
   }

.tdstime
   {
   width: 8%;
   border-left-width: 1px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-color: #000000;
   font-size: 80%; 
   color: #000000;
   font-weight: bold;
   }
   
.tdstimebot
   {
   width: 8%;
   border-left-width: 1px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-color: #000000;
   font-size: 80%; 
   color: #000000;
   font-weight: bold;
   } 
   
.tdtopic
   {
   width: 27%;
   border-left-width: 1px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-color: #000000;
   font-size: 80%; 
   color: #000000;
   font-weight: bold;
   }
   
.tdtopicbot
   {
   width: 27%;
   border-left-width: 1px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-color: #000000;
   font-size: 80%; 
   color: #000000;
   font-weight: bold;
   }
      
.clubphoto
   {
   border-right-width: 1px; 
   border-bottom-width: 0px; 
   border-left-width: 1px;
   border-top-width: 0px;
   border-color: #000000; 
   font-size: 80%;
   color: #000000;
   font-weight: bold;
   vertical-align: middle;
   text-align: left;
   width: 15%;
   height: 20px;
   }
   
.clubphotobot
   {
   border-right-width: 1px; 
   border-bottom-width: 1px; 
   border-left-width: 1px;
   border-top-width: 0px;
   border-color: #000000; 
   font-size: 80%;
   color: #000000;
   font-weight: bold;
   vertical-align: middle;
   text-align: left;
   width: 15%;
   height: 20px;
   }
     
.topicphoto
   {
   border-right-width: 1px; 
   border-bottom-width: 0px; 
   border-left-width: 0px;
   border-top-width: 0px;
   border-color: #000000; 
   font-size: 80%;
   color: #000000;
   font-weight: normal;
   vertical-align: middle;
   text-align: left;
   width: 21%;
   height: 20px;
   }
   
.topicphotobot
   {
   border-right-width: 1px; 
   border-bottom-width: 1px; 
   border-left-width: 0px;
   border-top-width: 0px;
   border-color: #000000; 
   font-size: 80%;
   color: #000000;
   font-weight: normal;
   vertical-align: middle;
   text-align: left;
   width: 25%;
   height: 20px;
   }
   
hr 
   {
   margin-top: 0px;
   margin-bottom: 0px;
   }
   
h5
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: normal;
   font-size: 60%; 
   margin-top: 0;
   margin-bottom: 0;
   }
   
.threadul
   {
   margin-left:2%;
   font-size:100%;
   }
   
.threadul li
   {
   font-size:100%;
   }
  
/* Files */ 
.course_name
{
	font-weight: bold;
	margin: .5em 0em;
}

.course_files
{
	margin: .5em 1em;
}

.file
{

}

/* Misc */
#upcoming_seminars
{
	width: 141px;
	height: 95px;
	position: absolute;
	top: 0px;
	left: 730px;
}

#upcoming_seminars img
{
	width: 141px;
	height: 95px;
}

#upcoming_seminars h4
{
	width: 60px;
	position: relative;
	top: -60px;
	left: 40px;
}