﻿*{margin:0;padding:0;font-size: 100.01%;}

body 
{
    background-color:#FFF;
	font: 62.5%/1.4 Arial, Helvetica,Sans-Serif;
	margin-top:20px;}
	
h2{font-size:2.0em}

h3{font-size:1.6em;}
	
p{
    font-size:1.4em;
    margin-bottom:10px;}

p.padded{padding:10px 0;}

p strong span{color:#C00;}

ul{list-style:none}

ul.list
{
    list-style:disc;
    margin:0 0 10px 30px;}

a{
    color:#070;
    text-decoration:none;}
    
a:hover{
    background-color:#C00;
    color:#FFF;}

/*
iframe{
	border:solid 1px #999;
	height:2500px;
	margin-top:5px;
	width:1023px}	
*/


#outer-container
{
	margin:0 auto;
	text-align:center;
	width:995px;}

#inner-container
{
    background-color:#FFF;
    border:solid 1px #BBB;
	margin:0 auto;
	margin-bottom:25px;
	overflow:hidden;
	text-align:left;
	}
	
#banner{
	background-color:#FFF;
	border:solid 1px #99C;
    border-width:0;
	float:left;
	height:90px;
	padding-top:20px;
	width:995px;}
	
#tagline
{
    float:right;
    margin:6px 0 0 0;
}
	
img.left{
	float:left;
	margin-left:5px;}
	
img.right{
    float:right;
    margin:0 0 5px 5px;}
    
img.staff{
  clear:left;
  float:left;  
  margin:0 5px 10px 0;}


#menu
{
    background:#EEE url(../images/nav.gif) repeat-x;
    border-bottom:solid 1px #99C;
    border-top:solid 5px #060;
	float:left;
	width:1012px;}	
		

#menu ul li, #menu ul li a, #menu ul li.on
{
    float:left;
    height:45px;
    white-space:nowrap;}	
    
#menu ul li	{
    border-right:groove 2px #DDD;
    margin-top:-5px;
	padding:0;
	text-align:center;}
    
#menu ul li a, #menu ul li.on strong
{
    display:block;
    font-size:1.35em;
    font-weight:bold;
    height:34px;
    letter-spacing:.03em;
    margin:0;
    padding:8px 12px 4px;
    text-decoration:none;
    text-align:center;}
    
#menu ul li a{color:#444;}

#menu ul li strong{color:#EEE;font-weight:normal;}
    
#menu ul li a span,#menu ul li.on strong span{font-size:.8em;font-style:normal;font-weight:normal;}
    
#menu ul li.on{background:url(../images/on-t.gif) repeat-x right top;}
    
#menu ul li a:hover{
    background-color:#999;
    border-top:solid 5px #060;
    color:#EEE;
    height:32px;
    padding-top:3px;}
    

#footer{  
    background-color:#FFF; 
    border: 1px solid #FFF;
    border-width: 0 1px 1px 1px;
    float:left;
    margin:0;
    width:1022px;}

#utility-container
{
    float:left;
    font-size:1.2em;
    font-weight:bold;
    width:1012px;}

#utility-container span{float:left;padding:5px 0 0 5px;}

#utility-container span span{padding-right:10px;}

#utility ul li{
    float:right;
    height:15px;
    padding:5px 10px 0 0;}
    
#utility ul li a
{
    font-size:1.2em;
    padding:2px;
    text-transform:lowercase;}
    
/**************************************************/
	


/* box */

.box-wide, .box-narrow, .cBox, .box-half{
	background:white url(../usercontrols/images/shading.gif) repeat-x bottom;
	border:solid 1px #CCC;
	clear:none;
	float:left;
	margin:7px 2px 0 2px;}
	
.box-wide ul, .box-narrow ul, .cBox ul, .box-half ul, #menubox-content ul, .announcement ul
{
    font-size:1.4em;
    list-style-type:disc;
    margin:0 0 10px 20px;}

/* width settings for various classes */	
.box-wide{width:363px;}

.box-half{width:490px;}

.box-narrow{width:245px;}

.box-narrow hr{margin:4px 0;}

.cBox{width:735px;}

/* Menu Box contains links */

.bMenu
{float:left;
 margin-bottom:40px;}

.bMenu ul{
  font-size:1em;
  list-style-type:none;
  margin:0;
  border-top:solid 1px #CCC;
  margin-bottom:30px;
  width:245px;}
    
.bMenu ul li
{
    border-bottom:solid 1px #CCC;
    padding:5px 0 5px 15px;}
    
.bMenu ul li a, .bMenu ul li strong{font-size:1.4em;}


    
    
/* Columned Box contains a table */

.cBox table{width:100%;margin:15px 0 0 -8px;} /* - margin matches padding */

.cBox table td{width:33%;padding:4px 8px;vertical-align:top;}

/* Headings */
.box-wide img.iHeading, .cb img.iHeading
{
    width:355px;
    height:87px;
    margin-bottom:10px;}

.box-narrow img.iHeading
{
    width:240px;
    height:87px;
    margin-bottom:10px;}
	
.bTop{
	background: url(../usercontrols/images/arrow.gif) no-repeat top left;
	height:20px;
	margin:-1px 0 0 9px;
	width:40px;}
    
.bHeading{
	color:#090;
	font-size:1.8em;
	font-weight:bold;
	margin-left:8px;}
	
.bHeading span{color:#000}
	    
.bInner {margin:5px 8px;} 

.bInner div{margin-left:-5px;}

.bInner p{margin-top:5px;}

.bInner a.right{
    float:right;
    font-size:1.4em;
    margin:-5px 0 5px 0;}


/* Event announcements */
.announcement
{
    float:left;
    padding:20px;
    width:100%;} 
    
.announcement p{padding-right:20px;}
    
 /* Calendar */
 .event
 {
     border:solid 1px #CCC;
     float:left;
     font-size:1.4em;
     margin:5px;
     padding:10px;
     width:961px;}
     
  .event .times
  {
      float:left;
      padding-right:15px;
      width:320px;}
      
  .event table .tdTimes{ border-right:dashed 1px #CCC;}
     
  .event .description
  {
      float:left;
      padding-left:15px;}
 
    
/* About us, Contact us */

#menubox-content
{
    border:solid 1px #CCC;
    float:left;
    margin-top:7px;
    padding:20px;
    width:698px;}
    
#menubox-content h3{font-size:1.8em;}

#menubox-content hr
{
    border:0;
    border-bottom:dashed 1px #CCC;
    margin:40px 0 30px;}
    
#menubox-content hr.tall
{
    clear:left;
    margin:85px 0 30px;}
    
    
/****************************************************/
	
/* footer  */

#footer
{display:none;
    border-top:solid 1px #666;
    margin-top:5px;
    padding:3px;
    text-align:center;}
    
#footer span{padding:0 10px;} 

