/* Volunteer Edmonton :: CSS definitions by Yellow Pencil :: August 2007 */ 

	/* Base HTML Definitions */
table {font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace; font-size:100%;}
body * {line-height:1.22em;}

	/* HTML Reset Definitions */
body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,tr,td,ul,li {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,a img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}

	/* Base Typography Definitions */
body {position:relative; margin:0 auto; background:#FF4013 url(/images/bg_headerGradient.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-size:76%;}
h1 {font-size:1.4em; color:#5B4836; margin:1em 0 1em 0;}
h2 {font-size:1.2em; color:#5B4836; margin:1em 0 .5em 0;}
h3 {font-size:1.1em; color:#F3653F; margin:1em 0;}
h4 {font-size:1em; font-family:Georgia, "Times New Roman", Times, serif;}
ul, ol, li, table {font-size:1em; color:#000; margin-bottom:1em;}
p {margin:1em 0 1em 0;}
table {margin:0; padding:0; border:0;}
th {font-weight:bold; padding:2px 5px 2px 5px; border:1px solid #ccc;}
td, tr {padding:2px 5px 2px 5px; border:1px solid #ccc;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:0; margin:0; padding:0;}
a img {border:0;}

	/* Primary Container Definitions */
#page {position:relative; color:#000; text-align:left; margin:0 auto; padding:0; width:740px; background:#fff;}
#pageWrapper {background-image:url(/images/bg_pageDropshadow.png); background-repeat:repeat-y; width:805px; margin:0 auto;}
	
	/* Header Definitions */
#header {float:left; width:730px; min-height:335px; padding:0; background:#fff url(/images/bg_logoTv.jpg) no-repeat;}
#headerFeature {float:left; width:450px;}
#header h2 {float:left; font-size:1.1em; color:#FF6600; margin:275px 0 0 15px;}
#header a .orangeBlock  {background-color:#FF4013; color:#fff; padding:5px; text-decoration:none;}
#header a:hover .orangeBlock  {background-color:#fff; color:#FF4013; padding:5px;}
#headerQuote {float:right; margin:0 35px 0 0; width:180px; padding:5px 20px 0 20px; background:#FF4013 url(/images/bg_quote.jpg) bottom no-repeat;}
#headerQuote p {font-size:1.3em; color:#fff; line-height:1.7em;}
.quoted {float:right;}

	/* leftNav Definitions */
#leftNav {float:left; margin:0; padding:20px 0 0 0; width:199px; background:#fff url(/images/bg_contentGradient.jpg) repeat-x; font-weight:bold;border-right:1px solid #DCC4AC;}
#leftNav ul {margin:0; list-style:none; padding:0;}
#leftNav li {margin:8px 8px 10px 40px; padding-bottom:5px; font-weight:normal;}
#leftNav li a {color:#303030; text-decoration:none;}
#leftNav li a:hover, #leftNav li li a:hover {color:#F3653F;}
#leftNav ul ul li {margin:0 0 -10px 0; padding:5px; font-size:97%;}
#leftNav li.isParentActive {font-weight:bold;}
#leftNav li.isParentCurrent {font-weight:bold;}
#leftNav li.isCurrent {font-weight:bold;}
#leftNav li.selected {font-weight:bold;}
#leftNav .callout a {color:#F3653F; font-size:1.1em; padding-left:40px; text-decoration:none;}
#leftNav .callout a:hover {color:#5B4836;}
	
	/* Content Box Definitions */
#content {float:left; width:495px; padding:10px 20px 20px 25px; background:#fff url(/images/bg_contentGradient.jpg) repeat-x;}
#content li {margin:0 25px 0 25px;}
#content img {padding:5px;}
#content a {color:#303030;}
#content a:hover {color:#FF4013;}
#contentWrapper {float:left; width:740px; background:#fff url(/images/bg_contentGradient.jpg) repeat-x;}
#contentDivider {margin:0 auto; clear:both; width:515px; background:#fff url(/images/divider.gif) no-repeat;}
.itemTitle {font-size:1.1em; font-weight:bold;}

	/* Content Styles */
#content .newsletter h3 {font-weight:normal;margin:10px 0 0 0;padding:0;}
#content p.date {margin:0;padding:0;font-size:.9em;color:#666;}
.topic h3, .event h3 {margin-bottom:0;}
.topic h3 a, .event h3 a {text-decoration:none;}
.topic h3 a:hover, .event h3 a:hover {text-decoration:underline;}

label {font-size:.9em;font-weight:normal;}
input {width:300px;}
input.button {width:40px;}
fieldset {border:1px solid #ccc;padding:5px;}
legend {color:#000;font-size:1.2em;font-weight:bold;}
	
	/* Two Column Definitions */
#leftColumn {clear:both; float:left; width:200px;}
#leftColumn a {color:#F3653F;}
#leftColumn a:hover {text-decoration:none;}

#rightColumn {float:left; margin-left:10px; padding:0 45px 0 10px; width:200px;}
		
	/* Footer Definitions */
#footer {position:relative; margin:0 auto; clear:both; height:90px; width:100%; padding:0; background:#F3653F url(/images/bg_footergradient.jpg) repeat-x;}
#footer img {float:left; padding-right:10px; display:inline;}
#footer a {color:#fff;}
#footer h4.copyright {margin:0 auto; width:764px; padding:25px 0 0 110px; color:#F1EDE9; font-weight:normal;}
	
	/* Identify Floated Elements that require Clearing */ 
#page:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}