body 
{   background: #000080 url(eucch-bkground-oct08.jpg) right top no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif, TimesNewRoman;
	font-size: 100%;
    color: #000000;
    margin: 0; 
	padding-bottom: 10px;
}


#logo 
{	margin: 4px 0 0 16px;
	height: 160px;
	width: 365px;
}
	

.hide 
{	height:0; 
	width:0; 
	overflow:hidden; 
	position: absolute;
} 


img {border: 0;}


#container 
{	margin: 4px auto 8px auto;
	width: 96%;
	background-color: #FAFCFE;
	border: 2px solid #BCD1D6;
}


#topnav
{	float: left;
	margin: 0;
	width: 100%;
}

#date 
{	text-align: right;
	margin: 5px 20px 0 0;
	color: #000000;
	font-size: .7em;
	font-weight: 700;
}


.content 
{	font-family: Arial, Verdana, Helvetica, sans-serif, TimesNewRoman;
	color: #000000;
	line-height: 1.4;
	font-size: .8em;
	padding: 0 1px 1px 1px;
}


#leftcol
{	clear: both;
	float: left;
	width: 15%;
	padding: 0 2px 0 0;
}

.leftnav 
{	margin-left: auto; 
	margin-right: auto;
	margin-top: 28px;
	border-top: 1px solid #BCD1D6;
	border-bottom: 1px solid #BCD1D6;
}


.leftnav ul
{	list-style-type: none;
	margin: 0;
	padding: 0;
}


.leftnav ul li 
{	text-decoration: none;
	padding: 4px 2px 4px 3px;
	margin-left: 0;
	font-size: .8em;
	line-height: 110%;
}

.leftnav ul li a
{	text-decoration: none;
	color: #000000;
}

.leftnav ul li a:hover
{	text-decoration: underline;
	color: #000000;
}


.leftnavnolink2	
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 3px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ECF2FE;
	color: #000080;

}


.leftnavlink2
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 3px;
	font-weight: 700;	
	margin-left: 0;
	color: #000080;
}


.leftnavnolink3
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 3px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ECF2FE;
	color: #000080;
}


.leftnavlink3
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 3px;
	font-weight: 700;	
	margin-left: 0;
	color: #000080;
}


.leftnavnolink4
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 8px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #F1F6FE;
	color: #002C70;
}


.leftnavlink4
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 8px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #F1F6FE;
	color: #002C70;
}



.leftnavnolink5
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 5px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ECF2FE;
	color: #002C70;
}


.leftnavlink5
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 5px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ECF2FE;
	color: #002C70;
}

.leftnavnolink6
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 12px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ffffff;
}


.leftnavlink6
{	text-decoration: none;
	text-align: left;
	display: block;
	padding:0 0 3px 12px;
	font-weight: 700;	
	margin-left: 0;
	background-color: #ffffff;
}


.leftcol-pics
{	clear: both;
	float: left;
}

.left-links
{	padding: 10px 0 10px 10px}


#homemiddlecol
{	float: left;
	width: 83%;
	margin: 0 0 0 10px;
}


#home1-container
{	float:left;
	width: 50%;
	margin: 12px 0 2px 0;
	padding: 0;
}


.home1
{	padding: 3px 4px 3px 4px;
	width: 94%;
	background-color: #ECF2FE;
	border: 1px solid #BCD1D6;
}

.home1 ul
{	list-style: none;
	margin-left: 0;
	padding: 1px 0 0 2px;
}


.home1 li
{	font-size: 1em;
	text-indent: 0;
	padding: 0 0 1px 0;
}


.home1 li a
{	text-decoration: none; }


.home1 li a:hover
{	text-decoration: underline;}


#home2-container
{	float: left;
	width: 49%;
	margin: 12px 0 0 0;
	padding: 0;
	background-color: #010080;
	border: 1px solid #BCD1D6;
}


.home2
{	float: left;
	width: 99%;
	padding:3px 0 0 3px;
	color: #ffffff;
}


.home2 ul
{	list-style: none;
	margin: 0;
	padding: 2px 0 0 0;
}


.home2 li
{	font-size: 1em;
	text-indent: 0;
	padding: 0;
	color: #ffffff;

}


.home2 li a
{	text-decoration: underline; color: #ffffff;}


.home2 li a:hover
{	text-decoration: underline;	color: #ffffff;}



.home2 a
{	text-decoration: underline; color: #ffffff;}


.home2 a:hover
{	text-decoration: underline;	color: #ffffff;}


#home3-container
{	float: left;
	width: 49%;
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #BCD1D6;
	background: url(eucch-home-phone.jpg) right top no-repeat #D3D3D3;
}


.home3
{	width: 99%;
	margin: 0;
	padding: 3px 0 3px 3px;
	color: #000000;
}

.home3 ul
{	list-style: none;
	margin-left: 0;
	padding: 2px 0 0 0;
}

.home3 li
{	font-size: 1em;
	text-indent: 0;
	padding: 2px 2px 2px 5px;
}


.home3 li a
{	text-decoration: underline; color: #000000;}


.home3 li a:hover
{	text-decoration: underline;	color: #000000;}

.home3 a
{	text-decoration: underline; color: #000000;}


.home3 a:hover
{	text-decoration: underline;	color: #000000;}



#home4-container
{	float: left;
	width: 49%;
	margin: 2px 0 0 0;
	padding: 0;
	background-color: #010080;
	border: 1px solid #BCD1D6;
}


.home4
{	float: left;
	width: 99%;
	padding:3px 0 0 3px;
	color: #ffffff;
}
	

.home4 ul
{	list-style: none;
	margin: 0;
	padding: 2px 0 0 0;
}


.home4 li
{	font-size: 1em;
	text-indent: 0;
	padding: 1px 0 1px 0;
}


.home4 li a
{	text-decoration: underline; color: #ffffff;}


.home4 li a:hover
{	text-decoration: underline;	color: #ffffff;}


.home4 a
{	text-decoration: underline; color: #ffffff;}


.home4 a:hover
{	text-decoration: underline;	color: #ffffff;}



#middlecol
{	float: left;
	width: 80%;
	margin: 0 0 0 10px;
}


#middlecol-container
{	margin: 12px 4px 4px 4px;
	width: 96%;
	background-color: #F5F5FA;
	border: 1px solid #BCD1D6;
	padding: 10px 10px 10px 10px;
}


#middlecol-members
{	float:left;
	height: 100%;
	width: 75%;
	margin: 10px 5px 10px 40px;
	background-color: #ffffff;
}


#footer 
{	clear: both;
	width: 95%;
	margin: 15px auto 0 auto;
	border-top: 1px solid #BCD1D6;
	padding: 8px 0 10px 0;

}


#footer-members
{	clear: both;
	width: 100%;
	margin-top: 15px;
	border-top: 1px dashed #CEEAF1;
	padding: 8px 0 5px 0;
	height: 20px;
}



.footerlink ul 
{	list-style-image: none;
	margin: 0;
	padding: 0;
}


.footerlink li 
{	text-decoration: none;
	display: inline;
	text-indent: 0;
	font-weight: 700;
	font-size: .75em;
}


.footerlink li a
{	text-decoration: none;
	color: #000000;
	padding: 0px 1px 1px 1px;
}

.footerlink li a:hover 
{	text-decoration: underline;}


h1, h2, h3
{	color: #000080;
		font-family: Arial, Verdana, Helvetica, sans-serif, TimesNewRoman;
	font-weight: 700;
}

h1	{font-size: 1.2em;}
h2	{font-size: 1.1em;}
h3	{font-size: 1.0em;}

hr 
{  	width: 90%;
	border-top: 2px  solid #013D86;
	padding: 0;
}


span.lfloat {
	clear: left;
	float: left;
	margin: 0 2px 2px 1px;
}


span.rfloat {
	clear: right;
	float: right;
	margin: 0 1px 2px 2px;
}

span.home-yellow-header
{	color: #FFF203;
	font-family: Arial, Verdana, Helvetica, sans-serif, TimesNewRoman;
	font-weight: 900;
	font-size: 1.2em;
}



.calendar
{	width: auto; 
	margin: 2px 0px 2px 0px;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif, TimesNewRoman;
	border: 1px #dfe1ff solid;
	padding: 2px;
}


.calendar th.month 
{	text-align: left;
	padding: 2px;
	vertical-align: top;
	color: #032ea2;
	background-color: #ffffff;
	font-weight: 700;	
}

.calendar th.week
{	width: 13%; 
	text-align: left;
	padding: 2px;
	vertical-align: top;
	color: #ffffff;
	background-color: #032ea2;
	font-weight: 700;
	border: 1px #dfe1ff solid;
}



.calendar td.days
{	width: 13%; 
	text-align: left;
	padding: 2px;
	vertical-align: top;
	color: #000000;
	border: 1px #dfe1ff solid;
}