/* global */
html, body { padding: 0px; margin: 0px; border: 0px transparent none; overflow-x: auto; }
html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input, textarea { font-family: Verdana, Arial, sans-serif; font-size:11px; color: #555555;  }
body { background-color:#FFFFFF; background: url('imgs/gradient_bg.gif') repeat-x; text-align: center; }

a,ins{text-decoration:none;}
table, td {font-size: 1em;}
th {text-align:left; background-color:#eee;}
p {margin:0 0 1em 0;}
ul {list-style:none;}

h1 {font-size:1.6em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1.0em;}

h1 { margin:3px 0 15px 0; letter-spacing: -1pt; font-weight:normal;	color:#7f8280; text-transform:uppercase;	}
 
input, select, textarea {font-family:Arial,Helvetica,sans-serif; font-size:1em; border: sloid 1px #ccc;}
form {display:inline;}
label {vertical-align:middle;}

.skip {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.smallest {font-size:.7em;}
.smaller {font-size:.8em;}
.small {font-size:.9em;}
.normal {font-size:1em;}
.large {font-size:1.1em;}
.larger {font-size:1.2em;}
.largest {font-size:1.3em;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.red {color:#600;}
.blue {color:#036;}
.white {color:#fff;}
.vtop {vertical-align:top;}
.center {text-align:center;}
.right {text-align:right;}
.nowrap {white-space:nowrap;}
.clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;}

a { margin: 0px; padding: 0px; }
a:link, a:visited, a:active { background: transparent; color: #545454; text-decoration: none; }
a:hover { background: transparent; color: #BB0D26; text-decoration: none;}

.pgttl { font-size:15px; color:#555555; text-transform:uppercase;}
.indent {  padding-left:26px; }

.grdspan1,.grdspan2,.grdspan3,.grdspan4,.grdspan5,.grdspan6,.grdspan7,.grdspan8,.grdspan9,.grdspan10,.grdspan11,.grdspan12 {float:left; margin:0;}
.grdspan1 {width:10px;}
.grdspan2 {width:260px;}
.grdspan3 {width:332px;}
.grdspan4 {width:388px;}
.grdspan5 {width:626px;}
.grdspan6 {width:98%;}

/* common */
#layout { margin: 0 auto 0 auto; text-align: left; width: 959px; background: transparent; }

#header {
	background-color: #555555;
	height: 26px;
	width: 959px;
	margin-left: 13px;
	margin-bottom: -10px;
}

ul#tnav { float:left; padding-top: 5px; padding-left: 10px ; margin:0; width: 350px; position:relative;  }
ul#tnav li { float:left; margin:0; padding:0 7px; list-style-type:none; background:url(imgs/tnav_separator.gif) 0 3px no-repeat; letter-spacing: 0;	}
ul#tnav li.first { padding-left:0; background:transparent; }
ul#tnav li a { color:#fff; font-size:9px; text-transform:uppercase;	text-decoration:none;	}
ul#tnav li a:hover { color:#fff; text-decoration: underline;	}

.global-search {float:right; width:377px; padding-top: 2px; padding-right: 10px; }
.global-search table {margin-left:auto;}
.global-search input.srchbx {width:166px; background:#fff url(imgs/bg-srchbx.gif) no-repeat top left; border-top:1px solid #dedede;  border-right:1px solid #fff;  border-bottom:1px solid #fff;  border-left:1px solid #dedede; padding:2px 3px 3px 22px; margin-right:4px;}
.global-search input.srchbtnwh {width:66px; height:20px; border-style:none; }

.inputWatermarked { font-style:italic; color:Gray; }
.global-searchWatermarked { font-style:italic; color:Gray; width:166px; background:#fff url(imgs/bg-srchbx.gif) no-repeat top left; border-top:1px solid #dedede;  border-right:1px solid #fff;  border-bottom:1px solid #fff;  border-left:1px solid #dedede; padding:2px 3px 3px 22px; margin-right:4px; }

#mpttl span span.h3 { visibility:hidden;margin:0; }
/*--- clear for updated header #mpphoto { position:absolute; float:left; height:95px; width:327px; background: url('imgs/mp_photo.png') no-repeat; margin-left: 240px; margin-top: -13px; z-index: 9998; }
#mpttl { position:relative; float:left; height:64px; width:156px; background: url('imgs/glen.png') no-repeat; margin-left: 24px; } --*/
#mpphoto span span.h3 { visibility:hidden;margin:0;  }

#glen a span { display:none; }
#donate {
	position:relative;
	float:right;
	height:42px;
	width:128px;
	background: url('imgs/donate.png') no-repeat;
	margin-right: 24px;
	margin-top:90px;
	margin-bottom: 10px;
}
#donate span span.h3 { visibility:hidden;margin:0; }
#donate a span { display:none; }

.statusMessageWrapper { width: 100%; border: solid 1px #CCDEF2; background-color:#FFFFAE; padding: 5px; margin-bottom: 10px; }
.statusSuccessIcon { float: left; background-image: url('imgs/status-green.gif'); width:16px; height:16px; position: relative; margin-right: 7px;}
.statusErrorIcon { float: left; background-image: url('imgs/status-red.gif'); width:16px; height:16px; position: relative; margin-right: 7px;}
.statusWarningIcon { float: left; background-image: url('imgs/status-yellow.gif'); width:16px; height:16px; position: relative; margin-right: 7px;}
.statusMessage { position: relative; text-align: left; }

#globalnav { position:relative; float: left; width:959px; margin-top: 0px; margin-left: 13px; z-index: 100; }
#nav { line-height: 1; z-index: 9998; }
#nav a { background: url(imgs/nav-sprite.gif) no-repeat 0 0; display: block; height: 51px; text-indent: -999em; overflow: hidden; }
#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }	

/*--- Default ---*/
#nav-home a { background-position: 0 0; width: 52px; }
#nav-learn a { background-position: -52px 0; width: 72px; }
#nav-issues a { background-position: -124px 0; width: 77px; }
#nav-media a { background-position: -201px 0; width: 73px; }
#nav-action a { background-position: -274px 0; width: 80px; }
#nav-ottawa a { background-position: -354px 0; width: 81px; }
#nav-london-north a { background-position: -435px 0; width: 183px; }
#nav-blog a { background-position: -618px 0; width: 64px; }
#nav-contact a { background-position: -682px 0; width: 113px; }
#nav-lib-logo a { background-position: -795px 0; width: 164px; }

/*--- Hovering ---*/
#nav-home a:hover { background-position: 0 -51px; width: 52px; }
#nav-learn a:hover { background-position: -52px -51px; width: 72px; }
#nav-issues a:hover { background-position: -124px -51px; width: 77px; }
#nav-media a:hover { background-position: -201px -51px; width: 73px; }
#nav-action a:hover { background-position: -274px -51px; width: 80px; }
#nav-ottawa a:hover { background-position: -354px -51px; width: 81px; }
#nav-london-north a:hover { background-position: -435px -51px; width: 183px; }
#nav-blog a:hover { background-position: -618px -51px; width: 64px; }
#nav-contact a:hover { background-position: -682px -51px; width: 113px; }
#nav-lib-logo a:hover { background-position: -795px -51px; width: 164px; }
		
/*--- Dropdowns ---*/
#nav li.over ul { left: 0; display: block;}
#nav li li { float: none; position: static; width: 100%; }
#nav li li a, #nav li li a:hover, #nav li li a:active {	background: none; height: auto; padding: 1px 12% 2px; text-indent: 0; width: 76%; }
#nav li li a:hover { background: #eee; }
#nav li ul { background: #fff; border-bottom: 1px solid #ce0000; display: none; line-height: 1.5; padding: 5px 0; position: absolute; top: 51px; width: 200px; z-index: 9999; }
	    
#content-layout {
	width: 986px;
	min-height: 341px;
	background: url('imgs/content_border_2.png') no-repeat 0px 0px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 15px;
}
#content-wrapper {
	margin-top: 0px;
}
#content { position:relative; float: left; width: 100%; width: 945px; padding-left: 24px; padding-right: 24px; }

#breadcrumb { position:relative; float:left; width:938px; height: 51px; background: url('imgs/breadcrumb_bg.gif') no-repeat; padding-left:13px; padding-top:17px; margin-left: 13px; }
#breadcrumb h4 {font-style:italic; font-size: 13px; color:#666666; font-weight:normal; margin:0; padding:0;}

#bottom { width: 959px; margin: 0 auto; position: relative; margin-left: 13px; }
.footer { width: 959px; height:45px; background-color: #fff; background: url('imgs/main.png') no-repeat -15px -590px; padding-top:15px;  }

.footer ul {
   	margin: 0 auto;
   	padding: 1em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{ display: inline;	padding:0 7px; list-style-type:none; background:url(imgs/fnav_separator.gif) 0 3px no-repeat; letter-spacing: 0; }
.footer ul li.first{ padding-left:0; background:transparent; }
.footer ul li a { color:#999; font-size:9px; text-transform:uppercase;	text-decoration:none;	}
.footer ul li a:hover { color:#999; text-decoration:underline; cursor:hand; }
.footer ul li.copyright { color:#686363; }

ul#fnav { margin:0; height:17px; width: 600px; position:relative;  }
ul#fnav li { float:left; margin:0; padding:0 7px; list-style-type:none; background:url(imgs/fnav_separator.gif) 0 3px no-repeat; letter-spacing: 0;	}
ul#fnav li.first { padding-left:0; background:transparent; }
ul#fnav li a { color:#999; font-size:9px; text-transform:uppercase;	text-decoration:none;	}
ul#fnav li a:hover { color:#999; text-decoration:underline; cursor:hand; }
ul#fnav li.copyright { color:#686363; }
#privacy-dialog { text-align: left; }

/* home */
#accordian-ql { position: relative; float:right; padding-right: 7px; width: 245px; }
#stage { width: 683px; height: 300px; }
#nwstckr { width:938px; height:24px; background-color:#F0F0F0; margin-top:4px; }
#accordion { border: solid 1px #ccc; padding: 1px;}
#signup { width: 100%; border: 0px; }
#signup td { text-align: right; padding-top: 12px; }
#signup td.btn { padding-right: 14px; }
#tellglen{ width: 100%; border: 0px; }
#tellglen td { text-align: right; padding-top: 12px; }
#tellglen td.btn { padding-right: 14px; }
.grey-box {background-color:#F7F7F7; padding:20px; margin-bottom:10px;}
#pgbottom { width: 959px; height:232px; margin-left: -11px; margin-top: 2px; background: url(imgs/home_bottom_v3_bg.png) top left no-repeat; }

#glen-quotes { float: left; width: 168px; height: 108px; top: -90px; left: 700px; }
#glen-quotes ul li {font-size: 15px;}
#quotes-wrapper ul.nav { position: absolute; left: 730px; margin-top: 15px;  height: 18px; width: 150px;  }
#quotes-wrapper ul.nav li { display: inline; margin:0; padding:0 7px; list-style-type:none; height: 15px;  }
#quotes-wrapper .nav a.scroll-prev { background: url(imgs/link_arrow_left.gif) no-repeat; height: 15px; padding-left: 20px; }
#quotes-wrapper .nav a.scroll-next { background: url(imgs/link_arrow_right.gif) right no-repeat; height: 15px; padding-right: 20px;   }

#ticker-container { width: 938px; height: 24px; background-color: #F0F0F0; margin-top: 8px; } 
#ticker-container a.more { width: 70px; float: right; margin-top: 5px; }
#ticker-container a:hover { text-decoration: underline; }
#ticker-container h2 {font-weight: normal; float: left; position: relative; font-size: 13px; margin-left: 10px; margin-top: 4px; color: #793357; }
ul.news-scroller { margin-top: 5px; width: 700px; float: left; margin-left: 15px; }
ul li span { padding-right: 15px; font-size: 9px; color: #888888; }

#miniBlogContainer {  width: 602px; height: 108px; padding-top: 70px; padding-left: 20px; }
.mini-blog { margin-top: 10px; }
.mini-blog h2 { font-size: 1.0em; margin: 0px; padding: 0em 0em 0.5em; }
.mini-blog h2 span { font-size: 80%; font-weight: normal; color: gray; }
#miniBlogContainer a.more { position:relative; float:right; right: 25px; height: 15px;  background: url(imgs/link_arrow_right.gif) no-repeat; padding-left: 20px; }

/* photo */
#photogllry { float:left; height:520px; width:650px; background-color: #F7F7F7; background: url('imgs/photo_bg.png') no-repeat; text-align: center; padding-top: 13px; padding-bottom: 13px;  }

/* youtube */
.media { width: 650px; height: 520px; background: url('imgs/media_border_bg.png') no-repeat; text-align: left }
#thumbnails  { width: 580px; height: 400px; padding: 50px 10px 20px 10px; }
#thumbnails ul { padding-bottom: 30px;}
#thumbnails ul li { display: inline; margin:0; padding:0px 20px; list-style-type:none; }
#thumbnails ul li img { border: solid 1px gray; padding: 2px; }
#thumbnails ul li a { border: 0px; }


/* blog */
.blog{ padding: 0px; margin: 0 0 20px 0; clear: both; }
.blog h2{ font-size: 1.2em; margin: 0px; padding: 0em 0em 0.5em; }
.blog h2 span { font-size: 80%; font-weight: normal; color: gray; }
.blog h5{ font-size: 1em; margin: 0px 0px 0.5em; }
.blog h2 a:link, .blogfoot a:active, .blogfoot a:visited { font-size: 80%; }
.blogfoot{ padding-top: 0.5em; padding-right: 0em; padding-left: 0em; padding-bottom: 0.5em; font-size: 0.9em; margin: 0em; color: #666; }
.blogfoot span { color: Gray; }
.blogfoot a:link, .blogfoot a:active, .blogfoot a:visited { color: #666; }
.blogfoot img{ margin: 0px; padding: 0px 0px 0px 1em; border: 0px none; }
.blogasidecomment{ margin-left: 90px; }	
.blogcommentarea { float: left; width: 80px; overflow: hidden; padding-right: 10px; padding-top: 20px; color: #999; font-family: Georgia, Serif; text-transform: uppercase; text-align: center; font-size: 90%; font-weight: bold; }
.blogcommentarea a:link, .blogcommentarea a:visited, .blogcommentarea a:active { font-weight: normal; line-height: 110%; font-size: 100%; color: #C68B4A; text-decoration: none; }
.blogcommentarea a:hover { text-decoration: underline; }
.subscribe { padding-left: 10px; text-align: right; padding-top: 20px; }

/* news articles */
#newsitem h1{ font-size: 1.5em; margin: 0px; padding: 0em 0em 0.5em; }
#newsitem .date{ font-size: 80%; font-weight: normal; color: gray; padding-bottom: 15px; }

/* sitemap */
.sitemap { border: 1px; width: 99% }
.sitemap ul li { height: auto; margin: 2px;	padding: 0;	list-style: square outside; }
.sitemap td.header { background-color: #fff; color:#555555; text-transform:uppercase; font-size: 11px; font-weight: bold; width: 33% }
.sitemap td.item { background-color: #F7F7F7; vertical-align: top; }