/*
	AlbertaCarpenters.com
	CSS Definitions
	by YellowPencil.com
	July, 2006
*/

/* Base HTML Definitions */
body {margin:0;padding:0;font-size:76%;text-align:center;font-family:arial,helvetica,sans-serif;background:#485793 url(../images/bg-page.jpg) repeat-x top;color:#fff;}
a img {border:0;}
div {margin:0;padding:0;}
h1, h2, h3, h4, h5 {font-family:"Tahoma",arial,helvetica,sans-serif;}

/* Header Region Layout Definitions */
#header {position:relative;width:756px;margin:50px auto 0 auto;text-align:left;border:2px solid #fff;background:#fff url(../images/bg-header.jpg) repeat-x top;}
#header h1 {color:#485793; padding-left:10px; font-size:2.1em; font-weight:normal;}
#headerRandomPhotos {margin:0 auto; width:740px;}
.randomLeftImage, .randomCentreImage, .randomRightImage {float:left;}

#accessibility {margin:0;padding:0;height:1px;overflow:visible;}
#accessibility li {margin:0;padding:0;list-style-type:none;}
#skiptonavigation, #skiptocontent {position: absolute;left: 10%;top: -110px;}
#skiptonavigation a:focus, #skiptocontent a:focus {position: absolute;top: 110px;width: 12em;padding: 0.15em .5em;background: #485793;color: #fff;font-size: .9em;font-weight: bold;text-align: center;text-decoration: none;}

#site-navigation {position:absolute;top:-27px;right:20px;margin:0;padding:0;height:25px;}
#site-navigation li {margin:0;padding:0;list-style-type:none;float:left;}
#site-navigation a {text-decoration:none;display:block;float:left;height:25px;line-height:25px;margin:0 1px;width:100px;text-align:center;color:#fff;background:#e3d3b6 url(../images/bg-tab.jpg) repeat-x bottom;}
#site-navigation a:hover {color:#485793;}
#site-navigation a.active {background:#fff;color:#485793;}

#meta-navigation {position:absolute;top:-25px;right:250px;margin:0;padding:0;}
#meta-navigation li {margin:0;padding:0;list-style-type:none;display:inline;}
#meta-navigation a {text-decoration:none;color:#fff;padding: 0 10px;}
#meta-navigation a:hover {text-decoration:underline;}

#logo {display:block;float:left;width:95px;height:100px;margin:20px 20px 0px 20px;}
#member-login {display:block;float:left;width:580px;height:100px;text-align:right;margin:20px;}

legend.ndate {margin:1em 0 .5em 0;}

h1#wordmark {clear:both;margin: -2px;background: url(../images/wood-panel.jpg) repeat-x;}
h1#wordmark img {margin: 23px 0;}

/* Content Region Layout Definitions */
#content { width:485px;margin:0 auto;padding: 20px 60px 40px 215px; background:#fff url(../images/bg-content.jpg) repeat-x bottom;color:#000;text-align:left;}

#content h1 {margin:1px -60px 1px -16px;background: url(../images/bg-heading.jpg) repeat-x;padding:10px 16px;font-size:1.4em;color:#485793;}
#content h2 {font-size:1.2em;color:#485793;}
#content h3 {font-size:1.1em;color:#485793;}
#content h4 {font-size:1em;color:#485793;}

#content a {color:#485793;}
#content a:hover {color:#000;}

#news-home fieldset {border:none;margin: 10px 0 0 0;padding:0;}
#news-home legend {font-weight:bold;padding:1em 0 .5em 0;font-size:1em;color:#485793;}
#news-home p {margin:0 0 .25em 0;padding:0;}

/* Main Navigation */
ul#main-navigation {float:left;margin:0;padding:20px 40px;width:120px; margin-left:-210px;}
* html ul#main-navigation {margin-left:-105px;}
ul#main-navigation li {margin:0;padding:4px 0 5px 0;list-style-type:none;}
ul#main-navigation a {color:#485793;text-decoration:none;font-weight:bold;}
ul#main-navigation a.active {margin-left:-15px;padding-left:16px;background: url(../images/bullet.gif) no-repeat left;}

.clear {clear:both;}

/* Footer Region Layout Definitions */
#footer {width:760px;margin:0 auto; clear:both;}
#footer a {text-decoration:none;color:#fff;padding:0 15px;}
#footer a:hover {text-decoration:underline;}

/* Browser Hacks */
* html #member-login {width:500px;}

.imageThumb { float: left; margin: 5px; }
.gallery img { vertical-align: middle; border: 0; }
.document img { vertical-align: middle; border: 0; }

#membersIndex #membersMenu { padding: 0 10px; width: 200px; float: left; }
#membersIndex #membersContent { float: left; width: 530px; }
#membersIndex #membersContent h1 { width: auto; background: inherit; padding: 10px 0; font-weight: normal;  }

ul.collapse { list-style-type: none; padding: 0; }
ul.collapse img { margin-right: 7px; cursor: pointer }
ul.collapse li { font-weight: bold; }
ul.collapse ul li.selected { font-weight: bold; }
ul.collapse ul li { font-weight: normal; margin-bottom: 3px; }
ul.collapse ul { margin: 10px 0; list-style-type: none; padding: 0 0 0 10px; }