/* CSS Document */

/*STRUCTURE*/

#pagewrapper{ 
	margin: 0 auto; 
	width: 940px; 
	}
#greywrapper{ 
	width: 940px; 
	background-color: #b6bcb9; 
	padding: 0;
	}
#header { 
	width: 920px; 
	background-color:#FFF; 
	margin: 0px auto;
	}
	
#rightcol{ 
	width: 300px; 
	margin:10px 10px 10px 7px;
	float:right; 
	clear:right;
	}
#leftcol{
	width: 613px; 
	margin:11px 0px 10px 10px; 
	vertical-align:top;  
	}
	 
#bottompanel{clear:both; width:920px; margin:0 auto;} 
#footmenu{background-color:#4d4d4d; background-image: url(../images/structure/foot_bg.jpg); background-repeat: repeat-x; border-top:1px solid white;}
#footend{border-top:1px solid #b6bcb9; padding:10px; background-color:#2382c4}
.arrow{margin-bottom:5px; margin-left:10px; border: none;}

/*HEADER ELEMENTS*/
#bannerblock{
	float:right; 
	margin:10px 10px 10px 0px; 
	height:60px;
	display:inline;
	background:#fff;
	}
#bannerblock img {display: block;}	
#header br {clear:both; height:0px; font-size:0px;}


/*LEFT COLUMB BLOCK STYLES*/
.text{font-size:9pt;margin:0pt;color:#636363 }

div.text p, #welcomewrapper .middle p{margin:0px;}

/* STORY BOX  - main content panel*/
#sectiontitle{
	font-size:22px; 
	font-weight:bolder;
	height:40px; 
	padding-top:8px;
	}
#storywrapper{
	width:613px;
	background:#fff url(../images/structure/shadow_storyright.gif) top right repeat-y; 	
	float:left;}

#storytitle{
	height:43px;
	background: url(/images/structure/bg_storyhead.gif) top left repeat-x;
	padding-left:11px;
	}
#storytitle h1{
	line-height: 40px;
	}	
	

.storyrightendcap{
	background:url(../images/structure/news_right.gif) top right no-repeat;
	width:12px; 
	height:43px; 
	float:right;
	}
#storylist{ padding:0px; width:610px;}

#storyfooter{
	height:12px;
	line-height: 12px; 
	background: url(../images/structure/bd_storyfoot.gif) top left no-repeat;
	}

/* STORY ITEMS */
.storylistitem{
	min-height:80px;						/* redefined in ie6.css */
	margin: 0 0 1px 0px;
	background: url(../images/structure/rule_story.gif) bottom left no-repeat;
	padding-bottom:1px;
	}

.storylistitem .inner, .actionLink {
	padding-left: 23px;
	background: url(../images/structure/arrow_home.jpg) 10px 10px no-repeat;
	padding-bottom: 5px;
	}
	
	
.promoitem .inner {
	background: #eee url(../images/structure/arrow_promo.gif) 10px 10px no-repeat;
	border-bottom:2px solid #ddd;
	}	

.storylistitem p{
	margin:0px; display:inline;
	}
.storytextwrap{
	padding-top:8px; 
	margin-right:85px;
	margin-left:0px;
	font-size: 1em;
	}

.storylistitem img{
	float:right;
	border:0;
	}
.storylistitem h2{
	margin:0 0 0.2em 0; 	
	font-size: 1.3em; 
	font-weight:bold;
	color:#2382c4;
	line-height: 100%;
	}
.storylistitem a:hover, .actionLink a:hover, .bottomActionLink a:hover {text-decoration: underline;}	

.lastStory { background: none!important;}

.actionLink { 	
	padding-left: 23px;
	border-top: 1px solid #ccc;
	height: 1%;
	display: block;
	background: url(../images/structure/arrow_home.jpg) 10px 13px no-repeat;
	}

.actionLink a {
	color:#2382c4; 
	padding: 8px 0; 
	font-size: 1.4em;
	font-family: "Trebuchet MS", tahoma, arial;
	font-weight: bold;
	display:block;
	}
		
.readmore{display:inline;}

/*STORY HEADER STYLES*/
#headline { 
	padding-bottom:10px;
	background: url(../images/structure/rule_dotted.gif) bottom left repeat-x;
	}

	
/*STORY ITEM STYLES*/
#story{
	padding:10px 13px 5px 10px;
	}
#story p.date {
	font-size: 0.9em;
	margin: 0.7em 0;
	}
#story p{
	margin:0 0 1em 0;
	}

/* Captioned image */
#storypic{ 
	clear:right;
	float:right; 
	width:300px;
	margin:1em 0 1em 1em
	}
#storypic img {
	display:block			/* to prevent extra whitespace in ie */
	}	
.storypictext{
	color:#ffffff; 
	background-color:#2382C4; 
	padding:6px; 
	height:1%;
	}

		


/*STORY NAV*/
#storynav a {color:#4d4d4d;}
#storynav a:hover {text-decoration: underline;}
#backindex,#send, #print,#storynav #top{float:left; background-image:url(../images/structure/sub_separator.jpg); background-position: right ; background-repeat:no-repeat; padding:7px; margin:3px 0px;}
#storynav #top { background: none;}
#storynav img{margin-right:5px; border:none;}

/*RIGHT COLUMN BLOCK STYLES*/



/*CLUB RECYCLE BOX*/
.panelrecyclepic{float:right; padding:0px; height:130px; background-color:#996633;padding-left:5px;}


/*JOBS BOX*/
#paneljobs, 
#clubrecycle, 
#panelright {
	margin-bottom:10px;
	background: url(/images/structure/bg_panel_right.gif) left bottom no-repeat; 
	}
.paneljobspic{float:right; padding:0px; height:130px; background-color:#b9ce45;}

/*ADVERT STYLES*/
div.advert{
	float:left; 
	padding-bottom:3px;
	/*background: url(/images/structure/shadow_ad_right.gif) bottom left no-repeat;*/
	margin-bottom:10px;
	}
#rightCol div.advert	{
	margin-bottom:1em;
	}
div.advert img{
	border: none;
	display:block;
	}	

/*3-IMAGE-BLOCK ELEMENTS AND SMALL TEXT BOXES*/
#panelleft { width: 300px;}
#panelleft, #panelmid{float:left; margin-right:10px;background-color:transparent;}
#panelleft img {
	display: block;
	}
#panelright, #paneljobs, #clubrecycle{background-color:#fff;float:left;width: 300px;min-height:133px;padding:0px; }
#bottompanel br {clear:both; height:1px;}
.panelrightpic{float:right; padding:0px; height:130px; background-color:#668269;}
.panelrightpic img, .paneljobspic img{margin-left:5px; border:0;}
.panelrightbot, .panelrighttop{width:160px;}
#bottompanel .last, #homebottompanel .last {
	margin-right: 0;
}
.panelrighttop{background-image:url(../images/structure/rndbox_top.jpg);background-repeat: no-repeat; background-position: left top; height: 9px;}
.panelrightmid{
	width:150px;
	padding-left:10px;
	line-height:1.2em;
	}

.panelrightmid h3 {
	font-size: 1.4em;
	font-family: "Trebuchet MS", tahoma, arial;
	color:#666769;
	line-height: 1.1em;
	font-weight: bold;
	padding-right: 15px;
	background: url(/images/structure/arrow_home.jpg) right 4px no-repeat;
	margin:0 0 0.3em 0 !important;
	float:left;
	}
.panelrightmid p {
	line-height: 1.2em;
	margin:0 0 0.5em 0 !important;
	}	
.panelrightmid form {
	margin:0;
	}		

p.rightpanel{margin:0; clear:left; }	
.panelrightmid h3 a { color: #666769}
.panelrightmid h3 a:hover { color: #2382C4;}	

/*FOOTER ELEMENTS*/
#footer {
	padding-top: 10px;
}
#explore {
	width: 165px;
	margin-left:15px;
	overflow: hidden;
	}
#explore h4 {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 1.1em;
}
#footmenu {
	height:1%;
	}
#footmenu br{
	clear:both;
	}
#news, #legislation, #technology, #jobs, #classified{
	width: 139px;
	}
#explore, #news, #legislation, #technology, #jobs, #classified{ 
	float:left; margin-top:15px; font-size:10pt;
	}
.seperator{
	float:left;
	margin: 10px 9px 0 0;
	}

#footmenu a{color:#73a1c2; text-decoration:none;}
#footmenu a:hover{color:#fff;text-decoration:none;}
#footmenu p{color:#73a1c2;}
#footmenu img { border:0;}

/* blue strip at bottom */
#footend p{color:#fff; margin:0px; font-size:8pt;}
#footend a { color:#fff;}
#footend a:hover { text-decoration: underline;}
.right {float:right; clear:none;}


/*Log in Panel*/
#login {
	width:460px;
	background: #fff;
	border: 1px solid #aaa;
	padding:10px;
	text-align:left;
	margin:1em auto;
	}
#login .inner {
	padding:15px;
	}

/* Search results
------------------------------------------------------------------------*/		
div.inpageSearch{
	/* width: 440px; */
	border: 1px solid #999;
	background: #2382C4;
	text-align: left;
	color:#fff;
	margin: 0.5em 0 1em 0;
	}
div.inpageSearch form {
	margin:1em;
	}
ul.searchResults {
	list-style: none;
	margin:1em 0;
	padding:0;
	}
ul.searchResults li {
	margin-bottom:0.5em;
	padding-bottom:0.5em;	
	background: url(../images/structure/rule_dotted.gif) bottom left repeat-x;
	}

	
/* directory
------------------------------------------------------------------------*/
#directorySearch {
	background: #85C1EF url(../images/structure/bg_directory_top.gif) top left no-repeat;
	margin: 1em 10px;
	}
#directorySearch form {
	padding:10px 20px 5px 20px;
	background: url(../images/structure/bg_directory_bottom.gif) bottom left no-repeat;
	margin:0; 
	}	
#directorySearch h2{
	color:#fff;
	margin: 0 0 12px 0;
	font-weight: normal;
	}	
#directorySearch input.buttonImg {
	float:right;
	width:83px; height:18px;
	margin-top:8px;
	}	
#directorySearch label, #directorySearch input, #directorySearch select {
	width:140px;
	margin-bottom:0;
	font-size: 0.9em;
	}	
#directorySearch label {
	display: block;
	margin-bottom:10px;
	font-weight: bold;
	font-size: 1em;
	}	
#directorySearch div.fieldHolder {
	float:left;
	width:160px;
	}

/* directory search results */	
ul.list {
	margin: 1em 0;
	list-style:none;
	padding:0;
	}
ul.list li {
	background: url(../images/structure/arrow_home.jpg) 0px 8px no-repeat;
	padding-left: 23px;
	min-height:60px;	
	margin-bottom:2px;
	font-size: 0.9em;
	padding-bottom:5px;
	}
ul.list li img {
	float:right;
	margin:10px 10px 5px 10px;
	}	
ul.list li h2{
	padding:7px 0 0.2em 0; 	
	font-size: 1.2em; 
	font-weight:bold;
	color:#555;
	line-height: 1em;
	}	
	
ul.list li p { margin:0; display:inline;}	
ul.list li h2 a { color:#2382c4;}	
ul.list li.promo1 {
	background: #d5e7f0 url(../images/structure/arrow_promo1.gif) 0 0 no-repeat;
	}
ul.list li.promo2 {
	background: #dbdcde url(../images/structure/arrow_promo2.gif) 0 0 no-repeat;
	}


/* events
------------------------------------------------------------------------*/
#calendar {
	background: url(../images/structure/rule_dotted.gif) top left repeat-x;
	margin:0 10px;
	padding-top:14px;
	}
#calendar img {
	float:left;
	margin-right:3px;
	margin-top:16px;
	border:0;
	}
#datelist {
	list-style: none;
	margin:0; padding:0 0 0 2px;
	}
#datelist li {
	float:left;
	width:46px;
	height:62px;
	overflow: hidden;
	margin:0 1px 0 0px;
	text-align:center;
	background: url(../images/structure/month1.gif) top left no-repeat;
	}	
#datelist li span {
	display:block;
	margin:6px 10px;
	color:#fff;
	font-family: "Trebuchet MS", tahoma, arial;
	line-height: 1.2em;
	font-weight: bold;
	}	
#datelist li span a {
	color:#fff;
	font-weight: normal;
	}	
#datelist li span a:hover {
	color:#eee;
	}		
	
#datelist li.month1{ background-image: url(../images/structure/month1.gif);}
#datelist li.month2{ background-image: url(../images/structure/month2.gif);}
#datelist li.month3{ background-image: url(../images/structure/month3.gif);}
#datelist li.month4{ background-image: url(../images/structure/month4.gif);}
#datelist li.month5{ background-image: url(../images/structure/month5.gif);}
#datelist li.month6{ background-image: url(../images/structure/month6.gif);}
#datelist li.month7{ background-image: url(../images/structure/month7.gif);}
#datelist li.month8{ background-image: url(../images/structure/month8.gif);}	
#datelist li.month9{ background-image: url(../images/structure/month9.gif);}
#datelist li.month10{ background-image: url(../images/structure/month10.gif);}
#datelist li.month11{ background-image: url(../images/structure/month11.gif);}
#datelist li.month12{ background-image: url(../images/structure/month12.gif);}

/* fix for images behind grey promoted items*/
.promoitem img{z-index:2; position:relative;}
/* forum
------------------------------------------------------------------------*/
div.post_item {
	background: url(../images/structure/rule_dotted.gif) bottom left repeat-x;
	margin:1em 0;
	padding: 0 1em 1em 1em;
	}
div.post_note {
	line-height:1.1em;
	color:#888; font-size: 0.9em;
	font-style: italic;
	}	
	
a.join {
	float:right; 
	margin-top:9px;
	padding-left:16px;
	color:#444;
	background: url(/images/structure/print_2.jpg) left 2px no-repeat;  
	}	
	
	
div.archiveCol {
	width:183px;
	float:left;
	margin: 1em 10px 1em 0;
	height: 280px;
	border: 1px solid #eee;
	}
div.archiveCol h3 {
	background: #2381C4 url(../images/structure/bg_heading.gif) top left repeat-x;
	color:#fff;
	margin:0 0 10px 0;
	padding: 2px 10px;
	}	

div.archiveCol a {
	display: block;
	margin: 0 0 3px 10px;
	background: url(../images/structure/arrow_home.jpg) left 2px no-repeat;
	padding-left: 13px; 
	}			


ul.forumTopics {
	margin:1em 0 1em 0; padding:0;
	list-style: none;
	}

ul.forumTopics li {	
	background: #eee url(../images/structure/bg_forum_topic.gif) left center no-repeat;
	border:1px solid #B6BCB9;
	margin: 0 0 0.5em 0;
	}

ul.forumTopics li.headings {
	background:#fff;
	border:0;
}

ul.forumTopics li.headings span.topic {
	width:260px;
	margin-left:20px;
}

ul.forumTopics li.headings span {
	font-weight: bold;
	line-height: 1.1em;
	padding:5px 0 0 0;
}
ul.forumTopics span {
	float:left;
	margin-right:10px;
	width:90px;
	padding:11px 0 10px 0;
	font-size: 0.9em
}
ul.forumTopics span.numPosts {
	width:70px;
}
ul.forumTopics  span.startedBy{
	width:105px;
}
ul.forumTopics li a {
	display:block;
	float:left;	
	width:260px;
	font-weight:bold;
	font-size:1.1em;
	padding: 10px 10px 10px 20px;
	/* line-height:35px; */
	font-family:"Trebuchet MS",tahoma,arial;
}		
ul.forumTopics li:hover {
	background-color: #D5E7F0 ;
}
ul.forumTopics li.headings:hover {
	background: #fff ;
}
.header_link {
	font-size: 0.6em;
	position: relative;
	top: -0.2em;
}
#homebottompanel {
	overflow: hidden;
	width: 613px;
	padding: 10px 0 0 0;
	margin: 0;
}