@charset "UTF-8";
/* CSS Document for calgaryucc.org */


html { height: 100%}

body {	background:#ffffff ;	font-family: Arial, Helvetica, Tahoma;	font-size: 12px;	font-weight: normal;	color: #606060;	text-align: left;	margin:0;	padding:0 10px; height: 100%;}

a { color: #0096db; text-decoration: none;}
a:hover {color:#000000; text-decoration: none;}
/* a:visited {color:#74726d; text-decoration: none; }*/


a img {border: 0px solid #FFFFFF;}
form { margin:0;}
fieldset { margin:0; padding:0; border:0;}

h1 { font-size: 18px; margin: 25px 0; color: #0096db;}
h2 { font-size: 15px; margin: 25px 0; color: #000000; }
h3 { font-size: 14px; margin: 15px 0 0; color: #000000; }


.clearer {height: 1px; font-size: 1px; clear: both; float:none;}


.main {width: 980px; margin: 0 auto; background: url(../images/bg.jpg) top no-repeat; background-position:0px 0px;}
	a.logo {height: 126px; padding: 37px 0 0 0; margin: 0 0 0 15px; background:  url(../images/logo.png) top left no-repeat; display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod=’image’);}
	
/* menu */
	.menu {margin: 0px 0 0 0; padding: 0 0 0 6px; font-size: 12px; font-weight: bold; line-height: 46px; height: 46px; border-bottom: solid 7px #0096db; text-transform:uppercase;}
		.menu li { list-style: none; float: left; margin: 0 23px; color: #000000;}
		.menu li.active a { color: #000000;}
		
/* content on main */
	.content-main { background: url(../images/content_bg.gif) left repeat-y; padding: 0; } 
		.cm-c1 { width: 480px; margin: 0 18px; float: left; display: inline}
			.cm-c1-c1 { width: 220px; margin: 0 30px 0 0; float: left; display: inline}
				.cm-c1-c1  img {border: solid 1px #cccccc;}
			.cm-c1-c2 { width: 220px; float: left; display: inline}
				.cm-c1-c2  img {border: solid 1px #cccccc;}
		.cm-c2 { width: 201px; margin: 0 20px;  float: left; display: inline;}
		.cm-c3 { width: 186px; margin: 0 16px;  float: right; display: inline;}

/* content on next */
	.content-next {  padding: 0 0 30px;  background: url(../images/calendar_bg.gif) left repeat-y;} 
		.n-c1 { width: 706px; margin: 0 38px 0 18px; float: left; display: inline}
		.n-c3 { width: 186px; margin: 0 16px;  float: right; display: inline;}	
		
/* content on calendar */
	.content-calendar {  padding: 0; background: url(../images/calendar_bg.gif) left repeat-y;} 
		.cc-c1 { width: 726px; margin: 0 18px; float: left; display: inline}
			.cm-c1-c3 { width: 220px; float: left; display: inline; margin: 0 0 0 20px;}			
			.col { width: 220px; float: left; display: inline; padding: 0 20px 0 0;}
		.cc-c3 { width: 186px; margin: 0 16px;  float: right; display: inline;}
		.links {margin-bottom: 30px;}
			.links a { margin: 0 5px 0 0px;}
		
/* Calendar */
	/*
	.calendar { font-size: 14px; color: black; margin: 0 0 30px 0;}
	.calendar h2 { margin: 10px 0 0 15px; color: #606060;}
	
	.calendar strong { display: block; float: left; margin: 0 20px 0 12px}
	.calendar a {display: block; float: left; width: 160px; margin: 0 0 15px; }
	*/
	
		
/* Events */
	.events-i { margin: 0 0 34px;}
		.events-i-date { font-size: 14px; color: #000000; }
		.events-i h3 { font-size: 20px; margin: 3px 0 0 0; padding: 0; line-height: 20px; fonts-weight:normal}
		.events-i h3 img { margin: 15px 0 15px; display: block; }
		
	.events-sinlge { margin: 34px 0;}
		.events-sinlge-date { font-size: 14px; color: #000000; }
		.events-sinlge h1 { font-size: 20px; margin: 3px 0 0 0; padding: 0; line-height: 20px; color: #0096db;}
		.events-sinlge h1 img { margin: 15px 0 0; display: block; }

		
/* Welcome */
	.welcome { margin: 0 0 25px;}
	
/* Announcements */
	.announcements { border-top: solid 1px #ffffff;}
		.announcements-i { margin: 0 0 24px;}
		.announcements-i-date {}
		.announcements-i a {font-size: 14px; display: block; margin: 2px 0;}
		
	.announcements_latest h3 { font-size:16px;  margin-top:0;}
		.announcements_latest	.events-sinlge-date {font-size:12px;}
		
		
		
/* Events list */
	.events-list { border-top: solid 1px #ffffff; }
		.events-list-arrow { position: absolute; margin: 0 0 0 -18px; left: -18px; top:50%; margin-top:-15px; background: url(../images/arrow.gif) no-repeat; height: 30px; width: 18px; }
		.events-list-i { margin: 0 0 24px; position: relative;}
		.events-list-i-date {}
		.events-list-i a {font-size: 14px; display: block; margin: 2px 0;}
			.events-list .active a { color: #000000;}
		
/* Resources  */
	.resources  { border-top: solid 1px #ffffff;}
		.resources-i { margin: 0 0 24px;}
		.resources-i-cat {}
		.resources-i a {font-size: 14px; display: block; margin: 2px 0;}
		
/* Supporters */
	.supporters { margin: 0 0 50px;}
		.supporters-i { text-align: center; margin: 0 0 30px;}
		.supporters-i img { margin: 0 0 5px 0;}
		
/* Connect */
	.connect { margin: 0 0 30px 0;}
		.connect span { display: block; margin: 0 0 0 15px;}
		.connect a { display: block; margin: 0 0 15px 15px;}
		
/* Footer */
	.footer { border-top: solid 7px #0096db; padding: 30px 15px}

/* copyright */
	.copyright { float: left; width: 520px;} 
	
/* menu bottom */
	.menu-bottom { float: left; padding: 0; margin: 0 35px 30px 5px;}
		.menu-bottom li { list-style: none; line-height: 18px;}

div.top_banner {
	text-align: center;
}