/* CSS Document */

/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto; 
	padding: 0; 
	font-size: 1em;
	background-color:#303674;
	}

#topcontainer {
	margin: 0 auto;
	color: #FFFFFF;
	width: 850px;
	height: 74px;
	padding: 0;
	background: url("http://groups.ucanr.org/CS/images/header.jpg") no-repeat top #FFF;
	text-align: right;
	font-size: 70%;
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	}
	
	#toptext {
		margin:0;
		line-height: 28px;
		padding: 0;
		width: 850px;
		}
		
		a.toplink, 
		a.toplink:link, 
		a.toplink:active, 
		a.toplink:visited {
			text-decoration:none;
			padding-right: 5px;
			padding-left: 5px;
			color:#ffffff;
			}
		
		a.toplink:hover {
			color: #b22222;
			text-decoration:none;	
			}

#maincontainer,
#maincontainer2 {
	margin:0 auto;
	width: 850px;
	height: 100%;
	padding: 0;
	background: url("http://groups.ucanr.org/CS/images/bg_2.jpg") repeat-y center #FFFFFF;
	}
	
#maincontainer2 {
	background: url("http://groups.ucanr.org/CS/images/bgwide_2.jpg") repeat-y center #FFFFFF;
	}
		
#rightside {
	width: 694px;
	padding: 0;
	margin: 0;
	float: right;
	}	
	
#header {
	width: 694px;
	height: 174px;
	float: right;
	margin: 0;
	padding: 0;
	}
	


	
/*--------------------Left navigation --------------------------------------*/	
	
	#leftcolumn {
	margin: 0 auto;
	width: 154px;
	float: left;
	}
	
	#leftnav {
		margin: 0;
		padding: 0;
		width: 154px;
		font-size: 70%;
		}
	
	#leftnav ul {
		display: block;
		margin: 0;
		padding: 0;
		width: 154px;
		list-style-type: none;
		}
	
	#leftnav li.searchbox {
		padding: 5px;
		margin: 0;
		height: 21px;
		}
	
	#leftnav li a,
	#leftnav li a.main {
		display: block;
		list-style-type: none;
		margin: 0;
		border-bottom: 1px solid #666666;
		width: 136px;
		padding: 5px 3px 4px 15px;
		}
	

	
	#leftnav li a:link, 
	#leftnav li a:active, 
	#leftnav li a:visited {
		color:#000000;
		text-decoration:none;
		}
		
	#leftnav li a:hover {
		color: #b22222;
		text-decoration:none;	
		background: url("http://groups.ucanr.org/CS/images/leftnav1ro_2.jpg") repeat-y center;
		}	
		
		#leftnav li ul li a {
			border-bottom: 1px solid #666666;
			width: 132px;
			padding-left: 20px;
			padding-right: 2px;
			}
			
		#leftnav li ul li a:link, 
		#leftnav li ul li a:active, 
		#leftnav li ul li a:visited {
			background: url("http://groups.ucanr.org/CS/images/leftnav2_2.jpg") repeat-y center;
			text-decoration:none;
			color:#666666;
			}
			
		#leftnav li ul li a:hover {
			color: #000000;
			text-decoration:none;	
			background: url("http://groups.ucanr.org/CS/images/leftnav1ro_2.jpg") repeat-y center;
			}	
			
			
				#leftnav li ul li ul li a {
					border-bottom: 1px solid #666666;
					width:127px;
					padding-left: 25px;
					}
					
				#leftnav li ul li ul li a:link, 
				#leftnav li ul li ul li a:active,
				#leftnav li ul li ul li a:visited {
					background: url("http://groups.ucanr.org/CS/images/leftnav3_2.jpg") repeat-y center;
					text-decoration:none;
					color:#000000;
					}
					
				#leftnav li ul li ul li a:hover {
					background: url("http://groups.ucanr.org/CS/images/leftnav1ro_2.jpg") repeat-y center;
					color: #666666;
					text-decoration:none;
					}
			

/*--------------------------------------------------------------------

					MIDDLE COLUMN - For home page only
					
-----------------------------------------------------------------------*/


#middlecolumn {
	margin: 0 auto;
	padding: 0;
	width: 240px;
	float: right;
	}
	
		
	/* --------Begin IE Hack------------*/	
		html>body #middlecolumn {width: 250px;}
	/* --------End IE Hack--------------*/		
	
	
#middlecolumn .middletitle,
#middlecolumn .middleevent {
	width: 220px;
	margin:0;
	height:30px;
	text-align:left;
	color: #ffffff;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 0 10px;
	letter-spacing: -.05em;
	background: url("http://groups.ucanr.org/CS/images/2_info.jpg") no-repeat #eee8aa;
	}		
	
		
	/* --------Begin IE Hack------------*/	
		html>body #middlecolumn .middletitle,
		html>body #middlecolumn .middleevent {width: 230px;}
	/* --------End IE Hack--------------*/	
	
#middlecolumn .middleevent {
	background: url("http://groups.ucanr.org/CS/images/2_event.jpg") no-repeat;
	height:30px;
	}
	
#middlecolumn .middletitle a,
#middlecolumn .middletitle a:link, 
#middlecolumn .middletitle a:active, 
#middlecolumn .middletitle a:visited,
#middlecolumn .middleevent a,
#middlecolumn .middleevent a:link, 
#middlecolumn .middleevent a:active, 
#middlecolumn .middleevent a:visited {
	color:#ffffff;
	text-decoration:none;
	border: 0;
	}

#middlecolumn .middletitle a:hover,
#middlecolumn .middleevent a:hover {
	color: #99CCFF;
	text-decoration:none;
	}	
	
.middlesectwrap {
	margin: 0;
	padding: 0;
	background-color: #eee8aa;
	}

.middlesect, .middlesectevent {
	margin: 0;
	width: 220px;
	padding: 0 10px 10px 10px;
	font-size: 70%;
	background-color: #eee8aa;
	}	
	
	/* --------Begin IE Hack------------*/	
		html>body .middlesect 
		html>body .middlesectevent {width: 230px;}
	/* --------End IE Hack--------------*/		

.middlesectevent {
	background: transparent;
	}

.middlesect a,
.middlesect a:link,
.middlesect a:visited,
.middlesect a:active {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px solid #666666;
	}
	
.middlesect a:hover {
	color: #666666;
	border-bottom: 1px dotted #666666;
	}

.calendar {
	width:238px;
	font-size: 65%;
	border: 0px;
	margin: -8px auto;
	margin-bottom: 1px;
	background-color: #becfe5;
	}
	
	/* --------Begin IE Hack------------*/	
		html>body .calendar  {width: 248px;}
	/* --------End IE Hack--------------*/		


.calendar td.date {
	width: 40px;
	padding: 4px;
	vertical-align: top;
	}

.calendar td.calentry {
	padding: 4px;
	}

.calendar td.calentry a,
.calendar td.calentry a:link,
.calendar td.calentry a:visited,
.calendar td.calentry a:active {
	color: #003366;
	text-decoration: none;
	border:0;
	}
	
.calendar td.calentry a:hover {
	color: #00acec;
	border-bottom: 1px dotted #003366;
	}

#rightcolumn {
	margin: 0 auto;
	width: 444px;
	float: left;
	}
	
.righttitle {
	width: 424px;
	margin:0;
	background: url("http://groups.ucanr.org/CS/images/2_indexhead.jpg") no-repeat;
	height:30px;
	text-align:left;
	color:#666666;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	padding: 9px 10px 0 10px;
	vertical-align: bottom;
	}

#rightcolumn a:link,
#rightcolumn a:visited,
#rightcolumn a:active {
	font-weight:bold;
	color:#006400;
	border: 0;
	}
	
#rightcolumn a:hover {
	color: #666666;
	}

.programgroup {
	width:428px;
	margin: 0 auto;
	padding: 8px 8px 8px 8px;
	}

.programtext {
	font-size:75%;
	padding: 0px 5px 10px 5px;
	}

.programtext p {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 140%;
	}


a.programname,
a.programname:link,
a.programname:active, 
a.programname:visited {
	font-weight:bold;
	font-size: 120%;
	color:#006400;
	border: 0;
	text-decoration: none;
	}

a.programname:hover {
	text-decoration: underline;
	color: #666666;
	}

.hitter {
	font-size: 75%;
	padding: 5px 0 5px 20px;
	text-align: left;
	}


/*--------------------------------------------------------------------

					WIDE COLUMN - For all pages except home
					
-----------------------------------------------------------------------*/



#widecolumn {
	width: 690px;
	}

.sitemap {
	font-size: 90%;
	}	
	
#widecolumn ul, #widecolumn ul li, #widecolumn ul li ul, #widecolumn ul li ul li, #widecolumn ul li ul li ul {
	margin-left: 15px;	
	margin-right: 15px;
	padding:0;
	line-height:1.5em;
	}
	
	
#widecolumn a,
#widecolumn a:link,
#widecolumn a:visited,
#widecolumn a:active {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px solid #666666;
	}
	
#widecolumn a:hover {
	color: #666666;
	border-bottom: 1px dotted #666666;
	}
	
#widecolumn a.noborder,
#widecolumn a.noborder:link,
#widecolumn a.noborder:visited,
#widecolumn a.noborder:active,
#widecolumn a.noborder:hover {
	border: 0;
	}
	

.widetitle {
	width: 674px;
	margin:0;
	background: url("http://groups.ucanr.org/CS/images/widehdbg_2.jpg") no-repeat center top;
	height: 30px;
	text-align:left;
	color:#003366;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	padding: 9px 10px 0 10px;
	vertical-align: bottom;
	clear: right;
	}

	
.widetext, .widetext_small {
	font-size:80%;
	padding: 0 10px 0 15px;
	margin: 0;
	line-height: 140%;
	}
	
.widetext img, .widetextsmall img {
	padding: 10px;
	}

.widetext_small {
	width: 450px;
	}


.programgroup {
	width:428px;
	margin: 0 auto;
	padding: 8px 8px 8px 8px;
	}

.programtext {
	font-size:75%;
	padding: 0px 5px 10px 5px;
	}

.programtext p {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 140%;
	}






.wideprogramtext {
	padding: 5px;
	}

.wideprogramtext p {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	line-height: 140%;
	text-align: justify;
	}
	

.weather, .weathersmall, .weathertight {
	width: 576px;
	font-size: 90%;
	border: 0px;
	margin: 0;
	text-align: left;
	}
	
.weathertight {
	width:350px;
	}

.weather thead, .weathersmall thead, .weathertight thead {
	font-size: 120%;
	padding: 5px;
	padding-left:10px;
	font-weight: bold;
	background-color: #99ccff;
	color: #ffffff;
	}

.weather td, .weathertight td {
	width: 288px;
	padding: 6px;
	padding-left:10px;
	}

.weathertight td {
	width: 175px;
	}

.weathersmall td {	
	padding: 3px 3px 3px 5px;
	}

.weathersmall td.weathersub {
	font-weight: bold;
	background-color: #99ccff;
	color: #ffffff;
	}

.underhead {
	margin: 2px 0 10px 0;
	font-size: 90%;
	}
	
ul.narrow {
	width:500px;
	}	
	
h1, h2, h3 {
	color: #666666;
	width: 450px;
	margin:0;
	padding: 0;
	padding-top: 15px;
	font-size: 120%;
	font-weight:bold;
	border-bottom: 1px solid #666666;
	}
	
h3 {
	width: 576px;
	}
	
.picleft {
	padding: 5px 10px 5px 0;
	float:left;
	text-align:center;
	font-size: x-small;
	font-style:italic;
	}
	
.picright {
	padding: 5px 0px 5px 10px;
	float: right;
	text-align:center;
	font-size: x-small;
	font-style:italic;
	}
	
.piccenter {
	padding: 5px;
	text-align:center;
	font-size: x-small;
	font-style:italic;
	}


.subscribe {
	width: 534px;
	padding:20px;
	border: 1px solid #DDDDDD;
	}

#footer {
	clear: both;
	width:830px;
	margin: 0 auto;
	padding:10px;
	font-size: 65%;
	background-color:#ffffff;
	border-top:4px solid #666;
	text-align:center;
	}

.image {
	margin: 10px auto;
	text-align:center;
	}


.icon {
	padding: 0 10px 2px 0;
	}
	
.iconwg {
	padding:5px; 
	border: 1px solid #000000; 
	margin-right: 7px; 
	margin-bottom: 2px;
	}

.catheader {
	padding: 5px 10px; 
	background-color: #666666; 
	color: #FFFFFF;
	}
	
/*-----------------guestbook--------------------------------*/

.guest {
	width: 550px;
	padding: 5px;
	font-size: 90%;
	}
	
.guest td {
	background-color: #EEEEEE;
	}

.guest td.right {
	width: 180px;
	text-align: right;
	background-color: #DDDDDD;
	}	
	
.guest td.guestmsg {
	padding-bottom: 10px;
	}

.guest td.reply {
	width: 150px;
	text-align: right;
	background-color: #EEEEEE;
	}