
html
{
	height: 100%;
	overflow: inherit;
}

body
{
	background-color: #000000;
	overflow:auto;
	height: 100%;
	margin:0;
	padding:0;
	color:#E5E5E5;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:21px;
}
   
#flashcontent
{	height: 100%;
	overflow:hidden;
}

#container
{	width:940px;
	padding-top:20px;
	padding-left:30px;
}

p
{	margin-top:0px;
	margin-bottom:20px;
	text-align:justify;
}

h1
{	background-image:url(../images/city-of-calgary-office-of-the-alderman-ward-11.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:940px;
	height:190px;
	margin-bottom:0px;
}

h1 span
{	display:none;
}

h2
{	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	text-align:justify;
}

h3
{	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:10px;
	text-align:justify;
}

a img
{	border:0;
}

a
{	color:#8DC3F2;
	text-decoration:underline;
}

a:hover
{	color:#CBE4F8;
}

#navigation {
background:url(../images/nav-bg.gif) no-repeat scroll 0 0;
border-bottom:4px solid #FFFFFF;
border-left:4px solid #FFFFFF;
border-right:4px solid #FFFFFF;
margin-bottom:10px;
margin-top:0px;
font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
height:40px;
width:940;
}

#navigation a:hover {
text-decoration:none;
background:#CCCCCC none repeat scroll 0 0;
}

.sf-menu a, .sf-menu a:hover, .sf-menu a:visited {
color:#000000;
}

.sf-menu, .sf-menu * {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.sf-menu ul li {
width:100%;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
text-align:center;
border-right:1px solid #CCCCCC;
width:115px;
}

.sf-menu {
line-height:1;
margin:0;
}

.sf-menu a {
display:block;
position:relative;
font-size:13px;
padding:11px 20px;
text-decoration:none;
text-transform:uppercase;
}

.content_box
{	width:940px;
	margin-top:15px;
	margin-bottom:30px;
}

img.photo
{	float:left;
	margin-right:20px;
	margin-top:10px;
}

img.header
{	float:none;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
}

.welcome_text
{	float:none;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
}

.biography_text
{	float:none;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
}

.news_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	border-bottom:1px;
	border-bottom-style:dotted;
}

.blog_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	border-bottom:1px;
	border-bottom-style:dotted;
}

.issues_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	border-bottom:1px;
	border-bottom-style:dotted;
	width:900px;
}

.calendar_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	border-bottom:1px;
	border-bottom-style:dotted;
	width:940px;
}

.community_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
	border-bottom:1px;
	border-bottom-style:dotted;
}

.section_text
{	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	color:#E5E5E5;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	border-bottom:1px;
	border-bottom-style:dotted;
}

.footer
{	float:none;
	font-size:11px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:10px;
	border-top:1px;
	border-top-style:dotted;
	text-align:center;
}

.sub
{	float:none;
	font-size:11px;
	margin-left:0px;
	margin-bottom:0px;
	text-align:center;
}

.clear
{	clear:both;
	padding-top:20px;
}

#contactInfo
{	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	text-align:center;
}

.contactForm
{	background:#111111 none repeat scroll 0 0;
	margin-left:30px;
	padding:20px;
}

.contactForm ul
{	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

.contactForm ul li
{	background:transparent none repeat scroll 0 0;
	clear:both;
}

.newsletterForm ul li
{	background:transparent url(../images/bullet.gif) no-repeat scroll 0 12px;
	margin-bottom:10px;
	padding-left:15px;
}

.contactForm ul label
{	display:block;
	float:left;
	padding:3px 0;
	width:160px;
}

.contactForm .txtField
{	border:2px solid #CBE4F8;
	color:#000000;
	display:block;
	float:left;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:5px 0 5px;
	outline-style:none;
	outline-width:medium;
	padding:3px;
	width:275px;
}

.contactForm .txtField:hover, .txtField:focus, .txtField:active
{	background:#EDFFD1 none repeat scroll 0 0;
	border-color:#8DC3F2;
}

em
{	color:#CBE4F8;
	font-size:0.9em;
	font-style:normal;
}

.contactForm .send
{	background:transparent no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:35px;
	line-height:normal;
	margin:15px 0 0 210px;
	padding-bottom:10px;
	text-align:center;
	width:174px;
}

.contactForm .send:hover
{	color:#F8FF84;
	cursor:pointer;
}

.col1
{	float:left;
	margin-bottom:10px;
	margin-top:30px;
	width:400px;
	border-bottom:1px;
	border-bottom-style:dotted;
}

.col1 ul
{	border-top:1px;
	border-top-style:dotted;
	margin-top:20px;
	padding:10px;
}

.col2Span
{	float:right;
	margin-top:30px;
	width:540px;
}

.col2Span ul
{	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
}

.col2Span ul li
{	background:transparent url(../images/bullet.gif) no-repeat scroll 0 12px;
	margin-bottom:10px;
	padding-left:15px;
}

.heading
{	border-bottom:1px solid #5E8F13;
	border-top:1px solid #5E8F13;
	color:#A4E532;
	display:block;
	margin-bottom:0.5em;
	padding:3px 0 5px;
}
