A:         { font-family: Verdana, Helvetica; font-size: 1em; color: #495825; text-decoration: none; font-weight: bold;}
A:link     { font-family: Verdana, Helvetica; font-size: 1em; color: #3B5812; text-decoration: none; font-weight: bold;}
A:visited  { font-family: Verdana, Helvetica; font-size: 1em; color: #495825; text-decoration: none; font-weight: bold;}
A:hover    { font-family: Verdana, Helvetica; font-size: 1em; color: #3268B5; text-decoration: none; font-weight: bold;}

.title     { font-family: Verdana, Helvetica; font-size: 1em; color: #495825; font-weight: bold; font-style: normal; text-decoration: none;}
td     { font-family: Verdana, Helvetica; font-size: 1em; color: #495825; font-weight: normal; font-style: bold; text-decoration: none;}

span.txt4
	{
	
	
	}


BODY { background:#698EA1 url("http://www.huntingtonbeachevents.com/images/bodyBG2.png") repeat-y top center;
margin: 0px;
}


.style1 {
	font-size: large;
}


.recenttitle3{
color:#3268B5;
font-size:18px;
margin:0px;
padding:0px;
padding-left:0px;
padding-top:4px;
padding-bottom:10px;
border-bottom:1px dotted #2C2C2C;
font-family:Verdana, Helvetica;
font-weight:bold;
}
.recenttitle3 span{
color:#3268B5;
}

.recenttitle5{
text-align:center;
color:#3268B5;
font-size:18px; 
margin:0px;
padding:0px;
padding-left:0px;
padding-top:4px;
padding-bottom:10px;
font-family:Verdana, Helvetica;
font-weight:bold;
}
.recenttitle5 span{
color:#3268B5;
}



.noteworthy{
text-align:left;
text-transform: uppercase;
color:#3268B5;
font-size:14px; 
margin:0px;
padding:0px;
padding-left:0px;
padding-top:4px;
padding-bottom:10px;
font-family:Verdana, Helvetica;
font-weight:bold;
}
.noteworthy span{
color:#3268B5;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1.6% 0 1% 1.6%;
}
.col:first-child { margin-left: 15px; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 99%;
}
.span_1_of_2 {
	width: 66.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 99%; }
}