@charset "UTF-8";
/* Styles for the Open-City home page July 2010 */

/* The styles from global.css are shown commented out for reference */

#pagebodycontainer {
/*width:955px;
margin:20px 0 0 0;
background:url(../Images/Layout/pagebodybg.gif) repeat-y;*/
background:url(../Images/HomepageOC/homepagebodybg.gif) repeat-y;
}

#col1 {
/*float:left;
display:inline;
width:566px;
padding:0;
margin:0 25px 0 0;*/
width:733px;
margin-right:10px;
}

#col2 {
/*float:left;
display:inline;
width:146px;
padding:0 8px;*/
width:202px;
margin:0 0 0 10px;
padding:0;
}

	/* Other (red) list of links on some pages */
	#col2 ul.col3redlinks {
	list-style:none;
	margin:0;
	padding:0;
}
	#col2 ul.col3redlinks li {
		font-size:12px;
	}
		#col2 ul.col3redlinks li a {
			display:block;
			width:192px;
			padding:3px 0 6px 0;
			color:#d42330;
			text-decoration:none;
			border-bottom:1px solid #cccccc;
		}
			#col2 ul.col3redlinks li a:hover {
				border-bottom:1px solid #666666;
			}


#col3 {
/*float:left;
display:inline;
width:192px;
padding:0;
margin:0 0 0 10px;*/
display:none;
}

/* Special text style for the opening para - should only be used in this one instance */
p#intropara {
	font-size:1px;
	color:#ffffff;
	margin:0;
	padding:0;
	line-height:1;
}

/* Three big buttons in page body */
ul#threebigbuttons {
	list-style:none;
	margin:0;
	padding:0;
}
	ul#threebigbuttons li {
		display:inline;
		font-size:1px;
	}
		ul#threebigbuttons li a, ul#threebigbuttons li a:hover {
			/* Each is 235x250 px */
			display:block;
			float:left;
			width:235px;
			height:30px;
			margin:0 12px 0 0;
			padding:220px 0 0 0;
			color:#e8eae7;
			text-decoration:none;
		}
			ul#threebigbuttons li a#threebigbuttons1 {
				background:url(../Images/HomepageOC/btn_Advocacy.jpg) 0 0 no-repeat;
			}
			ul#threebigbuttons li a#threebigbuttons2 {
				background:url(../Images/HomepageOC/btn_Education.jpg) 0 0 no-repeat;
			}
			ul#threebigbuttons li a#threebigbuttons3 {
				margin-right:0;
				background:url(../Images/HomepageOC/btn_Activities.jpg) 0 0 no-repeat;
			}

/* Clear floats and add space below three big buttons */
div#homepagepaddingdiv {
	clear:both;
	height:95px;
}

/* Column 2 - news items */

	#col2content {
	}
		#col2content h2 {
		/*font-size:1.6em;
		font-weight:bold;
		margin:1em 0 0.5em 0;
		padding:1em 0 0 0;
		border-top:1px solid #c8c7c7;*/
		margin-top:0;
		padding-top:0;
		padding-bottom:3px;
		border-top:none;
		border-bottom:1px solid #c8c7c7;
		}
			#col2content > h2:first-child {
			/*margin:0 0 0.5em 0;
			padding:0;
			border:none;*/
			margin-top:0;
			padding-top:0;
			padding-bottom:3px;
			border-bottom:1px solid #c8c7c7;
			}
			#col2content h2.h2noborder {
			margin:0 0 0.5em 0;
			padding:0;
			border:none;
			}