/********** HAMAKA RESET ******************************************/

	html, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	caption, tbody, tfoot, thead, tr, th {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	table {
		margin: 0;
		padding: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		border-collapse: collapse;
		border-spacing: 0;
	}

	img { border: 0; }

	ul, ol {
		list-style-type: none;
	}

	blockquote, q { quotes: none; }

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

/********** CORE **************************************************/

	html, body { height: 100%; }

	body {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 13px;
		color: #696969;
		background: transparent url('../images/bg-body.gif') repeat 0 0;
	}

	h1 { color: #3d74b5; }

	h2, h3 { color: #494949; }

	p {
		margin: 8px 0;
		line-height: 1.6em;
	}

	a {
		color: #3774b8;
		text-decoration: none;
	}

	a:hover {
		color: #ffffff;
		background-color: #3774b8;
	}

	p a { padding: 0 2px; }

	/* Basically the same as class tinyTxt */
	small { font-size: 80%; }

	div#container {
		position: relative;
		margin: 0 auto;
		padding: 0 10px;
		width: 900px;
		min-height: 100%;
		background-color: #ffffff;
		border-right: 1px solid #2a66ab;
		border-left: 1px solid #2a66ab;
	}

	* html div#container {
		height: 100%;
	}

/********** TOP ***************************************************/

	div#top {
		height: 294px;
		overflow: hidden;
	}

		#top div.left {
			float: left;
			width: 316px;
			height: 294px;
		}

			#top div.left ul li {
				float: left;
				width: auto;
			}

				#top div.left ul li a { background-color: transparent; }

			#top div.left ul#servicenav {
				float: left;
				margin: 9px 0 10px 0;
				width: auto;
				font-size: 80%;
			}

				#servicenav li {
					margin-right: 6px;
					padding-right: 8px;
					background: transparent url('../images/bg-servicenav.gif') no-repeat 100% 2px;
				}

				#servicenav li.last { background-image: none; }

					#servicenav li a { color: #000000; }
					#servicenav li a:hover { text-decoration: underline; }

			#top div.left ul#socialnav {
				display: inline;		/* IE6 double-margin bug */
				float: right;
				margin: 5px 50px 0 0;
				width: auto;
			}

				#socialnav li { margin-left: 10px; }

					#socialnav li a {
						display: block;
						width: 16px;
						height: 16px;
					}

			#top div.left div#logo {
				position: relative;
				float: left;
				width: 316px;
				height: 265px;
				background: #3d74b5 url('../images/bg-topleft.gif') no-repeat 0 0;
			}

				#logo a {
					position: absolute;
					bottom: 33px;
					left: 0;
					display: block;
					padding: 0;
					width: 307px;
					height: 88px;
				}

		#top div.right {
			position: relative;
			float: right;
			width: 584px;
			height: 291px;
			border-bottom: 3px solid #3d74b5;
		}

			#top div.right div#slideshowForeground {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 10;
				width: 89px;
				height: 88px;
				background: transparent url('../images/fg-top-slideshow.gif') no-repeat 0 0;
			}

			#top div.right div#slideshow {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 9;
				width: 584px;
				height: 291px;
			}

				#slideshow div.buttons {
					position: absolute;
					top: 155px;
					right: 15px;
					left: 15px;
					z-index: 81;
				}

					#slideshow div.buttons span {
						display: block;
						width: 13px;
						height: 13px;
						color: #ffffff;
						background: #3375b9 url('../images/bg-slideshow-controls.gif') no-repeat 0 0;
						border: 2px solid #ffffff;
						-moz-border-radius: 13px;
						-webkit-border-radius: 13px;
						border-radius: 13px;
						cursor: pointer;
					}

					#slideshow div.buttons span.left {
						float: left;
						padding: 5px 6px 5px 4px;
						background-position: 7px 7px;
					}

					#slideshow div.buttons span.right {
						float: right;
						padding: 5px 4px 5px 6px;
						background-position: -49px 7px;
					}

				#slideshow div.indicators {
					position: absolute;
					right: 23px;
					bottom: 16px;
					z-index: 81;
				}

					#slideshow div.indicators span {
						display: block;
						float: left;
						margin-left: 4px;
						width: 8px;
						height: 8px;
						background-color: #ffffff;
						line-height: 0;
						font-size: 0;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					}

					#slideshow div.indicators span.active { background-color: #42aae1; }

				#slideshow div.mask {
					position: relative;
					overflow: hidden;
					width: 584px;
					height: 291px;
				}

					#slideshow div.mask div#slides {
						position: absolute;
					}

						#slides div.slide {
							position: relative;
							float: left;
							width: 584px;
							height: 291px;
						}

							#slides div.slide p {
								position: absolute;
								bottom: 35px;
								left: 95px;
								z-index: 78;
							}

								#slides div.slide p span {
									display: block;
									margin-bottom: 4px;
									padding: 4px 6px;
									font-size: 170%;
									color: #ffffff;
									background: #417bbb url('../images/bg-slideshow-title.gif') repeat-x 0 100%;
								}

								#slides div.slide p a {
									padding: 1px 3px;
									color: #ffffff;
									background: #1abfea;
								}

							#slides div.slide img {
								position: absolute;
								z-index: 77;
							}

/********** MENU **************************************************/

	div#nav {
		float: left;
		margin: 4px 0 15px 0;
		width: 900px;
	}

		#nav ul#mainnav {
			position: relative;
			float: left;
			width: 675px;
			background-color: #d5d5d5;
		}

			#mainnav li {
				float: left;
				width: auto;
				/*background: transparent url('../images/bg-mainnav.gif') no-repeat 100% 50%;*/
			}

			#mainnav li.current,

			#mainnav li.last {
				background-image: none;
			}

				#mainnav li a {
					display: block;
					padding: 5px 7px 5px 7px;
					color: #4b4b4b;
					border-right: 1px solid #4b4b4b;	/* Evaluate this instead of BG-image... */
				}

				#mainnav li a:hover,
				#mainnav li.current a,
				#mainnav li.section a {
					color: #ffffff;
					background-color: #3d74b5;
				}

				#mainnav li.last a {
					padding-right: 7px;
					border-right: 0 none;
				}

				#mainnav li ul {
					position: absolute;
					left: 0;
					display: none;
					margin-top: 5px;
					font-size: 90%;
					background-color: transparent;
				}

				#mainnav li.current ul, #mainnav li.section ul { display: block; }

					#mainnav li ul li {
						margin-right: 3px;
						padding-right: 4px;
					}

					#mainnav li ul li,
					#mainnav li ul li.current {
						background: transparent url('../images/bg-subnav.gif') no-repeat 100% 50%;
					}

					#mainnav li ul li.last { background: none; }

						#mainnav li ul li a,
						#mainnav li.current ul li a,
						#mainnav li.section ul li a {
							padding: 4px;
							color: #3d74b5;
							background-color: transparent;
							border-right: 0 none;
						}

						#mainnav li ul li a:hover,
						#mainnav li ul li.current a {
							color: #ffffff;
							background: #4e4d4d url('../images/bg-subnav-anchor.gif') repeat-x 0 0;
						}

		#nav div#userbox {
			float: right;
			padding: 10px 6px 6px 15px;
			width: 199px;
			background-color: #3d74b5;
		}

			#userbox p.profilenav {
				float: left;
				margin: 0;
				width: auto;
				color: #ffffff;
				line-height: 1.2em;
			}

				#userbox p.profilenav a {
					padding: 0;
					color: #ffffff;
					text-decoration: underline;
					background-color: transparent;
				}

				#userbox p.profilenav span { font-size: 80%; }

					#userbox p.profilenav span a { font-style: italic; }

			#userbox img.avatar {
				float: right;
				width: 35px;
			}

		#nav div#crumbnav {
			float: left;
			margin-top: 30px;
			width: auto;
			font-size: 80%;
			color: #acacac;
			text-transform: lowercase;
		}

		#nav div#crumbnav a {
			margin-right: 4px;
			color: #acacac;
		}

		#nav div#crumbnav a:hover {
			text-decoration: underline;
			background-color: transparent;
		}

/********** MAIN **************************************************/

	div#main {
		padding-bottom: 34px;
		width: 900px;
		overflow: hidden;
	}

		#main div#content {
		}

			#content h1 {
				margin-bottom: 10px;
				font-size: 140%;
			}

			#content h2 { font-size: 110%; }
			#content h1, h2 { text-transform: uppercase; }

			#content a { padding: 0 2px; }
			#content a:hover { background-color: #1abfea; }

			#content ul, ol {
				list-style-type: disc;
				margin: 8px 0;
				padding-left: 16px;
				line-height: 1.6em;
			}

			#content ol {
				margin-left: 8px;
				list-style-type: decimal;
			}

				#content ul li ul {
					list-style-type: circle;
					font-size: 90%;
				}

/********** LEFT COLUMN *******************************************/

	div#leftCol {
		float: left;
		margin-right: 30px;
		width: 180px;
	}

		#leftCol h3 { font-size: 120%; }

		#leftCol ul#articlesleftnav, 
		#leftCol ul#agendaleftnav {
			float: left;
			margin-top: 15px;
			width: 100%;
			font-size: 90%;
			line-height: 1.4em;
		}

			#articlesleftnav li, 
			#agendaleftnav li {
				float: left;
				margin-bottom: 10px;
				width: auto;
			}

				#articlesleftnav li label, 
				#agendaleftnav li label {
					float: left;
					margin-right: 3px;
					width: 47px;
					color: #3774b8;
				}

				#articlesleftnav li span {
					float: right;
					width: 130px;
					overflow: hidden;
				}

					#agendaleftnav li a {
						float: left;
						padding: 0 2px;
						width: auto;
					}

					#articlesleftnav li span img { vertical-align: baseline; }
					#articlesleftnav li span a { padding: 0 1px; }

		#leftCol div#calendar-sidebar {
			margin-right: 0;
			width: 180px;
		}

			#calendar-sidebar div#monthNav {
				float: left;
				margin: 0;
				width: auto;
			}

				#monthNav div#calendar-widget div.dp-popup {
					margin: 0;
					padding: 2px;
					width: 176px;
					font-family: "Trebuchet MS", Arial, sans-serif;
					font-size: 80%;
				}

				#calendar-widget div.dp-nav-prev, 
				#calendar-widget div.dp-nav-next {
					top: 5px;
				}

				#calendar-widget div.dp-calendar { padding-bottom: 0; }

					#calendar-widget table.jCalendar {
						margin: 0 auto;
						background: #ffffff url('../images/bg-blue-2w.gif') repeat-y 100% 0;
						border-spacing: 2px;
					}

						#calendar-widget table.jCalendar th.showweek, 
						#calendar-widget table.jCalendar td.weekbutton {
							padding-right: 3px;
							border-right: 2px solid #ffffff;
						}

		#leftCol div#questionAuthor { width: 100%; }

			#questionAuthor p { margin: 0; }

			#questionAuthor div.top {
				float: left;
				padding: 10px;
				width: 160px;
				color: #ffffff;
				background-color: #3f79ba;
			}

				#questionAuthor div.top p {
					float: left;
					margin-bottom: 7px;
					width: 160px;
				}

				#questionAuthor div.top a {
					padding: 0;
					color: #ffffff;
					text-decoration: underline;
				}

				#questionAuthor div.top a:hover { background-color: transparent; }

				#questionAuthor div.top img {
					float: left;
					width: auto;
					border: 1px solid #ffffff;
					cursor: pointer;
				}

				#questionAuthor div.top span {
					float: left;
					margin-left: 5px;
					width: auto;
					font-weight: bold;
					line-height: 1.2em;
				}

			#questionAuthor div.bottom {
				float: left;
				padding: 3px 10px;
				width: 158px;
				border-right: 1px solid #a7a7a7;
				border-bottom: 1px solid #a7a7a7;
				border-left: 1px solid #a7a7a7;
				clear: left;
			}

				#questionAuthor div.bottom a { padding: 0; }

				#questionAuthor div.bottom a:hover {
					color: #3f79ba;
					background-color: transparent;
					text-decoration: underline;
				}

				#questionAuthor div.bottom a.profile { padding: 3px 0; }

				#questionAuthor div.bottom div.icons {
					float: left;
					width: auto;
				}

					#questionAuthor div.icons a {
						float: left;
						margin-right: 8px;
						width: 16px;
						height: 16px;
					}

/********** CENTER COLUMN *****************************************/

	div#centerCol {
		float: left;
		width: 440px;
	}

		#centerCol a { padding: 0 2px; }
		#centerCol a:hover { background-color: #1abfea; }

		#centerCol div.row {
			float: left;
			width: 100%;
			background: transparent url('../images/bg-homepage-contentrow.gif') no-repeat 0 100%;
		}

			#centerCol div.row div.item {
				padding: 0 15px;
				width: 190px;
			}

			#centerCol div.row div.left {
				float: left;
				padding-right: 14px;	/* Account for the 1px border */
				border-right: 1px solid #d9e4f1;
			}

			#centerCol div.row div.right { float: right; }

			#centerCol div.row div.full {
				float: left;
				width: 410px;
			}

				#centerCol div.row div.item h2 {
					margin-bottom: 4px;
					font-size: 120%;
					text-transform: none;
				}

				#centerCol div.row div.item p {
					overflow: hidden;
					margin: 0 0 8px 0;
				}

				#centerCol div.row div.item ul {
					list-style-type: disc;
					margin: 8px 0 8px 18px;
					width: auto;
				}

					#centerCol div.row div.item ul li { margin-bottom: 8px; }

		#centerCol div.top { padding-bottom: 15px; }

		#centerCol div.middle, 
		#centerCol div.bottom {
			padding: 15px 0;
		}

		#centerCol div.bottom { background: transparent url('../images/bg-lightblue-1x1.gif') repeat-x 0 100%; }

/********** RIGHT COLUMN ******************************************/

	div#rightCol {
		float: right;
		margin-left: 23px;
		width: 220px;
	}

	div#rightcenterCol {
		float: left;
		width: 690px;
	}

		#rightCol h3 {
			margin-bottom: 4px;
			padding: 4px 0 3px 14px;
			font-size: 110%;
			color: #ffffff;
			text-transform: uppercase;
			background: #4f4d4e url('../images/bg-rightcol-h3.gif') repeat-x 0 0;
		}
		
			#rightCol h3 a { color: #ffffff; }
			#rightCol h3 a:hover { background-color: transparent; }

			#rightCol h3.agenda {
				float: left;
				width: 206px;
			}

				#rightCol h3.agenda a {
					float: left;
					width: auto;
				}

				#rightCol h3.agenda a.feed {
					float: right;
					margin-right: 4px;
					width: 16px;
					height: 16px;
				}

		#rightCol div.block {
			margin-bottom: 5px;
			padding: 10px 6px 6px 15px;
			width: 199px;
		}

		#rightCol div.dark {
			color: #ffffff;
			background: #417bbb url('../images/bg-rightcol-blockdark.gif') repeat-x 0 100%;
		}

			#rightCol div.dark a {
				color: #ffffff;
				text-decoration: underline;
			}

			#rightCol div.dark a:hover {
				background-color: transparent;
			}

		#rightCol div.light {
			color: #2a66ab;
			background: #d9e5f1 url('../images/bg-rightcol-blocklight.gif') repeat-x 0 100%;
		}

			#rightCol div.block p { margin: 0 0 10px 0; }

		#rightCol form {
			font-size: 90%;
		}

			#rightCol form div.left {
				padding: 6px 0 4px 0;
				width: 70px;
			}

			#rightCol form input.textbox {
				width: 123px;
				font-size: 90%;
				border: 0 none;
			}

			#rightCol form input.button { font-size: 90%; }

		#rightCol div#quicksearch form div.field {
			float: left;
			width: 149px;
		}

			#quicksearch form input.button {
				float: left;
				margin: 2px 0 2px 4px;
				width: auto;
			}

		#rightCol div#agenda {
			font-size: 90%;
			line-height: 1.3em;
			clear: left;
		}

			#rightCol div#agenda div.row {
				float: left;
				margin-bottom: 6px;
				width: 100%;
			}

			#rightCol div#agenda div.left {
				float: left;
				width: 50px;
			}

			#rightCol div#agenda div.right {
				float: left;
				margin-left: 4px;
				width: 145px;
			}

			#rightCol div#agenda a { text-decoration: none; }
			#rightCol div#agenda a:hover { text-decoration: underline; }

		#rightCol div#question { line-height: 1.2em; }

			#rightCol div#question a { font-size: 90%; }
			
			#rightCol div#question a.questionTitle { text-decoration:none; font-size: 100%;}
			#rightCol div#question a.questionTitle:hover { text-decoration:underline;}

			#rightCol div#subscription p {
				font-weight: bold;
				line-height: 1em;
			}

			#rightCol div#subscription a {
				float: right;
				padding: 4px 5px;
				width: auto;
				color: #ffffff;
				background: #4f4d4e url('../images/bg-button.gif') repeat-x 0 0;
				text-decoration: none;
			}

/********** HOMEPAGE **********************************************/

	#leftCol.homepage div#columnAvatar {
		position: relative;
		margin-bottom: 20px;
		height: 150px;
		overflow: hidden;
	}

		#leftCol.homepage #columnAvatar img {
			position: relative;
			z-index: 1;
		}

		#leftCol.homepage #columnAvatar p {
			position: absolute;
			bottom: 0;
			left: 12px;
			z-index: 2;
			color: #ffffff;
			line-height: 1em;
		}

	#leftCol.homepage div#columnText {
		font-size: 90%;
		text-align: left;
	}

		#leftCol.homepage #columnText a {
			padding: 0 2px;
			color: #000000;
		}

		#leftCol.homepage #columnText a:hover { color: #ffffff; }

	#centerCol.homepage { font-size: 90%; }

		#centerCol.homepage ul#latestArticles {
			list-style-type: disc;
			margin: 15px 0 0 18px;
			line-height: 1.4em;
		}

			#latestArticles li { margin-bottom: 10px; }

		#centerCol.homepage a.discussLink { background-color:transparent; color: #696969; text-decoration:none; font-size: 100%;}
		#centerCol.homepage a.discussLink:hover { text-decoration:underline;}
		
		#centerCol.homepage ul#latestTweets {
			list-style-type: none;
			margin-left: 0;
			line-height: 1.4em;
		}

			#latestTweets li {
				float: left;
				margin-bottom: 10px;
				width: auto;
			}

				#latestTweets li a.date { text-decoration: underline; }
				#latestTweets li a.date:hover { text-decoration: none; }

/********** SEARCH RESULTS ****************************************/

	ul#searchResults {
		list-style-type: none;
		margin-top: 20px;
	}

		#searchResults li {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #6c6c6c;
		}

			#searchResults li a.title { font-weight: bold; }

			#searchResults li a.continueLink {
				font-size: 90%;
				color: #999999;
			}

			#searchResults li a.continueLink:hover {
				background-color: transparent;
				text-decoration: underline;
			}

	div#navPages { text-align: center; }

		#navPages a { padding: 0 2px; }

		#navPages a.prev,
		#navPages a.next {
		}

		#navPages span span {
			padding: 0 2px;
			color: #ffffff;
			background-color: #3774b8;
		}

		#navPages p { font-size: 85%; }

/********** SOCIAL ICONS BAR (MAIN) *******************************/

	ul#socialTools {
		float: left;
		margin-top: 35px;
		padding-left: 0;
		width: auto;
		list-style-type: none;
	}

		#socialTools li {
			float: left;
			margin-right: 3px;
			width: auto;
		}

			#socialTools li img { vertical-align: top; }

			#socialTools li a {
				margin-left: 2px;
				color: #898989;
				text-decoration: underline;
			}

			#socialTools li a:hover {
				color: #ffffff;
				text-decoration: none;
			}

		form#Form_sendFriend {
			display: none;
			float: left;
			margin-top: 20px;
			width: auto;
		}

/********** ARTICLES OVERVIEW *************************************/

	div#leftcenterCol,
	#leftcenterCol div#articlesContainer, 
	#leftcenterCol div#articleLinks {
		float: left;
		width: 657px;
	}

		#articlesContainer {
			margin: 20px 0;
			background: transparent url('../images/bg-lightblue-1x1.gif') repeat-y 50% 0;
		}

		#articlesContainer div.intern,
		#articlesContainer div.extern {
			float: left;
			padding: 0 5px;
			width: 318px;
		}

		#articlesContainer div h2 {
			padding: 5px 5px 5px 10px;
			color: #ffffff;
			background-color: #306fb5;
		}

		#articlesContainer div ul {
			list-style-type: none;
			padding: 0;
		}

			#articlesContainer div ul li {
				padding: 10px 5px;
				border-bottom: 1px solid #d9e4f1;
			}

				#articlesContainer div ul li a.title {
					font-size: 110%;
					font-weight: bold;
					color: #306fb5;
				}

				#articlesContainer div ul li a.title:hover {
					color: #306fb5;
					background-color: transparent;
					text-decoration: underline;
				}

		#articleLinks {
			float: left;
			margin-top: 20px;
			padding-top: 10px;
			width: auto;
			line-height: 1.6em;
			border-top: 3px solid #d9e4f1;
		}

			#articleLinks div.row {
				float: left;
				margin-bottom: 5px;
				width: 100%;
				background: transparent none;
			}

				#articleLinks div.row strong { margin-right: 5px; }

				#articleLinks div.row ul {
					display: inline;
					list-style-type: none;
					padding-left: 0;
					width: auto;
					line-height: 1em;
				}

					#articleLinks div.row ul li {
						display: inline;
						margin-right: 5px;
						padding-right: 8px;
						background: transparent url('../images/bg-servicenav.gif') no-repeat 100% 50%;
					}

					#articleLinks div.row ul li.last { background-image: none; }

						#articleLinks div.row ul li a {
							padding: 0;
							color: #696969;
							background-color: transparent;
						}

						#articleLinks div.row ul li a:hover { text-decoration: underline; }

	#content.article div#article { margin-top: 10px; }

		#article img {
			float: left;
			margin-right: 5px;
			width: auto;
		}

		#article ul#attachments {
			list-style-type: none;
			padding: 0;
		}

			#attachments li img { float: none; }

/********** PAGE COMMENTS *****************************************/

	div#PageComments_holder, 
	div#articleComments {
		float: left;
		margin-top: 30px;
		width: 100%;
	}

		#PageComments_holder h4, 
		#articleComments h4 {
			margin-bottom: 12px;
			width: auto;
			font-size: 100%;
			line-height: 1.2em;
			text-transform: uppercase;
			border-bottom: 1px dotted #7d7d7d;
		}

		#PageComments_holder a, 
		#articleComments a {
			color: #3774b8;
			text-decoration: none;
		}

		#PageComments_holder a:hover, 
		#articleComments a:hover {
			color: #ffffff;
			background-color: #3774b8;
		}

		#PageComments_holder form#PageCommentInterface_Form_PostCommentForm, 
		#articleComments form#Form_articleCommentForm {
			float: left;
			margin-bottom: 30px;
			width: auto;
		}

		#PageComments_holder div#CommentHolder, 
		#articleComments div#comments {
			margin-bottom: 20px;
		}

			#CommentHolder ul#PageComments, 
			#comments ul#commentsList {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}

				#PageComments li, 
				#commentsList li {
					margin: 0;
					padding: 5px;
					font-size: 100%;
				}

				#PageComments li.odd, #commentsList li.odd { background-color: #D9E5F1; }

					#PageComments li p, 
					#commentsList li p {
					}

					#commentsList li p.attachment {
						padding: 2px;
						background-color: #ffffff;
						border: 1px dotted #3f79ba;
					}

					#PageComments li p.info, #commentsList li p.info { font-size: 80%; }

			#CommentHolder p#NoComments { font-style: italic; }

		#PageComments_holder p#DeleteComments, #PageComments_holder p#CommentsRSSFeed { display: none; }

/********** QUESTIONS / ANSWERS ***********************************/

	#content div#questionsContainer {
		float: left;
		margin-bottom: 20px;
		width: 657px;
	}

		#content ul#questionsList {
			float: left;
			list-style-type: none;
			margin: 10px 0 0 0;
			padding-left: 0;
			width: auto;
			line-height: 1em;
		}

			#questionsList li {
				float: left;
				margin-bottom: 10px;
				padding-bottom: 10px;
				width: auto;
				border-bottom: 1px dotted #5e5e5e;
			}

				#questionsList li p { line-height: 1.2em; }

				#questionsList li div.author {
					float: left;
					margin-right: 10px;
					width:190px;
				}

					#questionsList li div.author img {
						float: left;
						margin-right: 5px;
						padding: 1px;
						width: 35px;
						border: 1px solid #cfcfcf;
						cursor: pointer;
					}

					#questionsList li div.author p {
						float: left;
						margin: 0;
						width: auto;
					}

						#questionsList li div.author p span.name {
							font-size: 110%;
							font-weight: bold;
							color: #3774b8;
						}

						#questionsList li div.author p span.title {
							font-size: 90%;
							text-transform: uppercase;
						}

				#questionsList li p.question {
					float: left;
					margin: 0 10px 0 0;
					width: 347px;
				}

					#questionsList li p.question a.title {
						padding: 0;
						font-size: 120%;
						font-weight: bold;
						color: #3774b8;
					}

					#questionsList li p.question a.title:hover {
						background-color: transparent;
						text-decoration: underline;
					}

				#questionsList li a.button {
					float: right;
					margin: 5px 0;
					padding: 7px 10px;
					width: 80px;
					color: #ffffff;
					background-color: #3774b8;
				}

		#questionsContainer div#featuredQuestion {
			float: left;
			margin: 30px 0;
			width: 657px;
		}

			#featuredQuestion h2 { margin-bottom: 20px; }

			#featuredQuestion div.left {
				float: left;
				width: auto;
			}

				#featuredQuestion div.left img { margin-bottom: 8px; }
				#featuredQuestion div.left strong { color: #3774b8; }

			#featuredQuestion div.right {
				float: left;
				margin-left: 60px;
				width: 450px;
			}

				#featuredQuestion div.right h3 {
					font-size: 160%;
					color: #3774b8;
				}

				#featuredQuestion div.right p { margin: 15px 0; }

				#featuredQuestion div.right span.links { color: #3774b8; }

					#featuredQuestion div.right span.links a {
						font-weight: bold;
						text-decoration: underline;
					}

					#featuredQuestion div.right span.links a:hover { text-decoration: none; }

		#questionsContainer.overview {
			background: transparent url('../images/bg-lightblue-1x1.gif') repeat-y 50% 0;
		}

			#questionsContainer div.questions, 
			#questionsContainer div.discussions {
				float: left;
				padding: 0 5px;
				width: 318px;
			}

			#questionsContainer.overview div h2 {
				padding: 5px 5px 5px 10px;
				color: #ffffff;
				background-color: #306fb5;
			}

				#questionsContainer div ul {
					list-style-type: none;
					padding: 0;
				}

					#questionsContainer div ul li {
						padding: 10px 5px;
						border-bottom: 1px solid #d9e4f1;
					}

						#questionsContainer div ul li a.title {
							font-size: 110%;
							font-weight: bold;
							color: #306fb5;
						}

						#questionsContainer div ul li a.title:hover {
							color: #306fb5;
							background-color: transparent;
							text-decoration: underline;
						}

/********** NETWORK / PROFESSIONALS *******************************/

	div#fullCol {
		float: left;
		width: 900px;
	}

	#content div#membersContainer {
		float: left;
		margin-bottom: 20px;
		width: 900px;
	}

		#membersContainer div.wide {
			float: left;
			margin-bottom: 5px;
			width: 100%;
		}

			#membersContainer div.wide * {
				float: left;
				margin-right: 2px;
				width: auto;
			}

			#membersContainer div.wide a { padding: 2px; }

		#membersContainer div.holder {
			position: relative;
			padding: 8px;
			height: 397px;
			border: 1px solid #dadada;
		}

		#membersContainer div.left {
			float: left;
			width: 236px;
		}

			#membersContainer div.left div.holder {
				float: left;
				width: 220px;
				overflow: hidden;
			}

			#membersContainer div.left div.introtxt {
				margin-bottom: 5px;
				padding: 8px;
				height: 80px;
				font-size: 90%;
				border: 1px solid #dadada;
			}

		#membersContainer div.right {
			float: right;
			width: 639px;
			height: 500px;
		}

			#membersContainer div.right div#map {
				width: 639px;
				height: 500px;
			}

				#map div.balloonLinks {
					float: right;
					width: auto;
					font-size: 90%;
					clear: left;
				}

					#map div.balloonLinks div.icons, 
					#map div.balloonLinks a.profile {
						float: left;
						margin-left: 5px;
						width: auto;
					}

					#map div.balloonLinks a.profile {
						padding: 2px;
					}

						#map div.balloonLinks div.icons a {
							float: left;
							width: 16px;
							height: 16px;
							text-decoration: none;
						}

						#map div.balloonLinks div.icons a:hover { background-color: transparent; }

		#membersContainer span.control {
			float: left;
			padding: 2px 104px 2px 103px;
			color: #ffffff;
			background-color: #3f79ba;
			cursor: pointer;
		}

		#membersContainer span#prevMember { margin-bottom: 2px; }
		#membersContainer span#nextMember { margin-top: 2px; }

		#membersContainer div#slideContainer {
			position: relative;
			width: 220px;
			height: 359px;
			overflow: hidden;
		}

			#slideContainer ul#membersnav {
				position: absolute;
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 220px;
				font-size: 90%;
				line-height: 1.2em;
			}

				#membersnav li {
					position: relative;
					padding: 2px;
					height: 28px;
					overflow: hidden;
				}

				#membersnav li.member { cursor: pointer; }

				#membersnav li:hover, 
				#membersnav li.active {
					color: #ffffff;
					background-color: #3f79ba;
				}

				#membersnav li.noMap:hover { background-color: #c2c2c2; }

					#membersnav li a {
						padding: 0;
					}

					#membersnav li a:hover {
						color: #ffffff;
						background-color: transparent;
					}

					#membersnav li:hover a, 
					#membersnav li.active a {
						color: #ffffff;
					}

					#membersnav li.noMap:hover a { text-decoration: underline; }

		#membersContainer div.toggler {
			float: left;
			margin-bottom: 5px;
			width: 100%;
		}

			#membersContainer div.toggler * {
				float: left;
				margin-right: 2px;
				width: auto;
			}

			#membersContainer div.toggler a { padding: 2px; }

		#membersContainer ul#memberslist {
			list-style-type: none;
			margin: 0;
			padding-left: 0;
		}

			#memberslist li {
				float: left;
				margin: 0 10px 10px 0;
				padding: 8px;
				width: 197px;
				height: 82px;
				font-size: 90%;
				border: 1px solid #dadada;
				overflow: hidden;
			}

				#memberslist li span.letter {
					float: left;
					padding: 30px 91px;
					width: auto;
					font-size: 200%;
					font-weight: bold;
					color: #3d74b5;
				}

				#memberslist li img {
					float: left;
					margin-right: 5px;
					height: 50px;
				}

	#content div#memberDetails {
		float: left;
		width: 440px;
	}

		#memberDetails img {
			float: left;
			margin-right: 10px;
			padding: 3px;
			width: 120px;
			border: 1px solid #dadada;
		}

		#memberDetails p {
			float: left;
			margin: 4px 0 0 0;
			width: 300px;
		}

			#memberDetails p strong { color: #3774b8; }

			#memberDetails p img {
				float: none;
				margin: 0;
				padding: 0;
				width: auto;
				border: 0 none;
			}

			#memberDetails span img {
				float: none;
				margin-right: 0;
				padding: 0;
				width: 16px;
				height: 16px;
				border: 0 none;
				vertical-align: middle;
			}

			#memberDetails p.links { font-size: 90%; }

				#memberDetails p.links img { vertical-align: top; }

				#memberDetails p.links a.icon {
					float: left;
					margin: 5px 5px 0 0;
					padding: 0;
					width: 16px;
					height: 16px;
					background-color: transparent;
				}

	#content div#memberContent {
		float: left;
		margin: 20px 0 10px 0;
		padding-top: 10px;
		width: 440px;
		border-top: 3px solid #d9e4f1;
		border-bottom: 3px solid #d9e4f1;
	}

		#memberContent h3 {
			margin-top: 15px;
			color: #3774b8;
		}

		#memberContent ul#created, 
		#memberContent ul#participated {
			margin-left: 10px;
		}

/********** CALENDAR DETAIL ***************************************/

	#centerCol div#topHeading {
		padding-top: 0;
		border-color: #d9e4f1;
	}

		#topHeading h1 { float: left; width: auto; }

		#topHeading span.feed {
			display: block;
			float: right;
			margin-top: 0;
			width: auto;
			line-height: 1.2em;
		}

	#centerCol div.vevent {
		margin-bottom: 10px;
		border-color: #d9e4f1;
	}

		#centerCol div.vevent span.dtstart, 
		#centerCol div.vevent span.dtend {
			margin: 0;
			font-weight: normal;
			text-transform: none;
		}

		#centerCol div.vevent div#additionalDates {
			margin: 20px 0 0 0;
		}

			#additionalDates h4 { font-weight: bold; }

/********** BOTTOM ************************************************/

	div#bottom {
		position: absolute;
		bottom: 7px;
		left: 10px;
		width: 900px;
		height: 20px;
		background-color: #3975b8;
	}

		#bottom ul#footernav {
			display: inline;
			float: left;
			margin: 5px 0 5px 20px;
			width: auto;
		}

			#footernav li {
				float: left;
				margin-right: 7px;
				padding-right: 7px;
				width: auto;
				font-size: 80%;
				color: #ffffff;
				background: transparent url('../images/bg-footernav.gif') no-repeat 100% 5px;
			}

			#footernav li.last { background-image: none; }

				#footernav li a { color: #ffffff; }

/********** FORM STYLES *******************************************/

	form div.row {
		float: left;
		margin-bottom: 4px;
		width: 100%;
	}

		form div.row div.left {
			float: left;
			width: auto;
		}

		form div.row div.right {
			float: left;
			width: auto;
		}

	#PageCommentInterface_Form_PostCommentForm div.field, 
	form.lpbForm div.field, form.lpbForm p.field {
		float: left;
		margin-bottom: 4px;
		width: 418px;
		clear: both;
	}

	form.lpbForm .literalField { padding: 6px 0 7px 0; }

	#MemberLoginForm_LoginForm p.checkbox, 
	form.lpbForm p.checkbox {
		display: inline;		/* IE6 double-margin bug */
		float: left;
		margin: 0 0 4px 100px;
		width: 318px;
		clear: both;
	}

		#MemberLoginForm_LoginForm p.checkbox input, 
		form.lpbForm p.checkbox input {
			vertical-align: bottom;
		}

		#MemberLoginForm_LoginForm p.checkbox input#MemberLoginForm_LoginForm_Remember { vertical-align: top; }

	#PageCommentInterface_Form_PostCommentForm label.left, 
	form.lpbForm label.left {
		float: left;
		padding: 6px 0 7px 0;
		width: 70px;
	}

	#PageCommentInterface_Form_PostCommentForm label.leftEmpty, 
	form.lpbForm label.leftEmpty {
		float: left;
		padding: 0;
		width: 100px;
	}

	#MemberLoginForm_LoginForm label.left, 
	#Form_registerForm label.left, 
	#Form_profileForm label.left {
		width: 100px;
	}

	#PageCommentInterface_Form_PostCommentForm div.middleColumn, 
	form.lpbForm div.middleColumn {
		display: inline;	/* IE double-margin bug */
		float: left;
		margin-left: 4px;
		width: auto;
	}

		#PageCommentInterface_Form_PostCommentForm div.middleColumn input.textbox, 
		form.lpbForm div.middleColumn input.textbox {
			width: 220px;
		}

		#PageCommentInterface_Form_PostCommentForm div.middleColumn input.required, 
		form.lpbForm div.middleColumn input.required {
			width: 203px;
		}

		#PageCommentInterface_Form_PostCommentForm div.middleColumn textarea, 
		form.lpbForm div.middleColumn textarea {
			width: 338px;
			font-family: "Trebuchet MS", Arial, sans-serif;
			font-size: 100%;
			color: #696969;
			border: 1px solid #d5d5d5;
		}

		#PageCommentInterface_Form_PostCommentForm div.middleColumn textarea.required, 
		form.lpbForm div.middleColumn textarea.required {
			width: 317px;
		}

	#PageCommentInterface_Form_PostCommentForm div.Actions, 
	form.lpbForm div.Actions {
		display: inline;	/* IE double-margin bug */
		float: left;
		margin: 4px 0 0 74px;
		width: auto;
	}

	#MemberLoginForm_LoginForm div.Actions, 
	#Form_registerForm div.Actions, 
	#Form_profileForm div.Actions {
		margin-left: 104px;
	}

		#MemberLoginForm_LoginForm div.Actions input.button {
			float: left;
			width: auto;
		}

		#MemberLoginForm_LoginForm div.Actions p#ForgotPassword {
			float: left;
			margin: 0 0 0 5px;
			width: auto;
		}

	#Form_sendFriend fieldset div.field {
		display: inline;	/* IE fix double-margin */
		float: left;
		margin: 0 5px 4px 0;
		width: 200px;
	}

	#Form_sendFriend input.textbox {
		width: 192px;
		border: 1px solid #2a66ab;
	}

	#Form_sendFriend input.required { width: 174px; }

	#Form_sendFriend input.button {
		float: right;
		margin: 4px 35px 0 0;
		width: auto;
	}

	form#mailchimpSubscribe input.textbox {
		width: 106px;
		background-color: #ffffff;
	}

		#mailchimpSubscribe .fbMessage { margin-left: 51px; }

	form .bad, 
	form span.required, 
	form span.validation {
		display: block;
		padding: 2px 0 2px 18px;
		width: auto;
		color: #b32828;
		font-weight: bold;
		background: transparent url('../images/icon-fail.gif') no-repeat 0 2px;
		clear: both;
	}

	form .good {
		display: block;
		padding-left: 18px;
		color: #489a1b;
		background: transparent url('../images/icon-success.gif') no-repeat 0 3px;
		clear: both;
	}

	.inputElement, select, 
	form.lpbForm div.middleColumn div.simpleimage input, 
	form.lpbForm div.file div.middleColumn input {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 13px;
		color: #696969;
	}

	select {
		margin: 3px 0;
	}

	input.textbox {
		padding: 3px;
		border: 1px solid #d5d5d5;
	}

	select.dropdown { font-size: 12px; }
	textarea.textbox { padding: 3px; }
	textarea.htmleditor { width: 440px; }

	div.htmleditor div.middleColumn {
		width: 440px;
		overflow: hidden;
	}

	.mceEditor {
		width: 440px;
		overflow: hidden;
	}

	input.checkradio {}

	/* Radio buttons are in unordered list elements */
	#content ul.optionset {
		list-style-type: none;
		margin: 0;
		padding-left: 0;
	}

	input.button {
		color: #ffffff;
		background-color: #2a66ab;
		border: 0 none;
	}

	input.gradient { background: #4f4d4e url('../images/bg-button.gif') repeat-x 0 0; }

	input.required, 
	input.requiredField, 
	textarea.required, 
	textarea.requiredField {
		padding-right: 20px;
		background: transparent url('../images/icon-required.png') no-repeat 99% 50%;
	}

	textarea.required, textarea.requiredField { background-position: 99% 4px; }

	input.invalid, textarea.invalid { background-image: url('../images/icon-error.png'); }
	input.valid, textarea.valid { background-image: url('../images/icon-success.png'); }
	
	textarea.invalid, textarea.valid, textarea.requiredField { 
			background-position: 99% 5px;
	}

/********** USERFORMS FORMULIER ***********************************/

		#content #Form_Form fieldset {
			width:90%;
			border: 1px solid #C7C7C7;
			padding: 15px;
		}
		
		#content #Form_Form field {
			width: 100%;
		}
		
		#content #Form_Form label {
			width: 40%;
			float: left;
			padding-top: 5px;
		}
		
		#content #Form_Form .middleColumn {
			width: 60%;
			float: left
		}	
		
		#content #Form_Form .field {
			margin-bottom: 6px;
			float: left;
			width: 100%
		}		
		
		#content #Form_Form .text input, #content #Form_Form .password input, #content #Form_Form .email input, #content #Form_Form .textarea textarea{
			font-size: 13px;
			width: 90%;
			padding-right: 15px;
			border: 1px solid #C7C7C7;
			background-position: 99% 50%;
			background-repeat: no-repeat;
		}
		#content #Form_Form .required, #content #Form_Form .bad {color:#FF6666; font-size:11px; font-style:italic; width: auto;}
		#content #Form_Form .checkbox input {float: left; margin-top: 9px } 
		#content #Form_Form .checkbox label.right {float: left; width: 330px; padding-left: 5px; text-align: left;} 
		#content #Form_Form .textarea textarea{	
			background-position: 99% 50%;
		}

	
		#content #Form_Form h3 {
			margin-top: 7px;
			margin-bottom: 5px;
			float: left;
		}
		
		#content #Form_Form input.action{
			float: right;
			padding: 2px 15px;
			margin: 10px;
			margin-right: 29px;
	}
	
	
	

/********** MOOTOOLS TIPS *****************************************/

	div.tip-wrap {
		font-size: 80%;
		background: #fafafa url('../images/bg-tips.gif') repeat-x 0 0;
		-moz-box-shadow: 0 0 5px #939393;
		-webkit-box-shadow: 0 0 5px #939393;
		box-shadow: 0 0 5px #939393;
	}

		div.tip-wrap div.tip {
			padding: 10px;
			width: 150px;
			line-height: 1.3em;
		}

			div.tip-wrap div.tip a {
				background: none;
				text-decoration: underline;
			}

			div.tip-wrap div.tip a:hover { color: #3f79ba; }

			div.tip-wrap div.tip div.icons {
				float: left;
				margin: 5px 0;
				width: auto;
			}

				div.tip-wrap div.tip div.icons a {
					float: left;
					margin-right: 8px;
					width: 16px;
					height: 16px;
				}

/********** RECAPTCHA FORM ELEMENT ********************************/

	form.lpbForm div#Recaptcha.field {
		padding-left: 70px;
		width: 348px;
	}

	#recaptcha_table .recaptcha_r1_c1, 
	#recaptcha_table .recaptcha_r2_c1, 
	#recaptcha_table .recaptcha_r2_c2, 
	#recaptcha_table .recaptcha_r3_c1, 
	#recaptcha_table .recaptcha_r3_c2, 
	#recaptcha_table .recaptcha_r3_c3, 
	#recaptcha_table .recaptcha_r4_c1, 
	#recaptcha_table .recaptcha_r4_c2, 
	#recaptcha_table .recaptcha_r4_c4, 
	#recaptcha_table .recaptcha_r7_c1, 
	#recaptcha_table .recaptcha_r8_c1 {
		background-image: url('../images/bg-recaptcha.png');
	}

	#recaptcha_response_field { border: 0 none; }

/********** MISCELLANEOUS *****************************************/

	.clearer { clear: both; }

	.floatLeft { float: left; }
	.floatRight { float: right; }

	.tinyTxt { font-size: 80%; }
	.smallTxt { font-size: 90%; }
	.largeTxt { font-size: 110%; }
	.bigTxt { font-size: 120%; }

	.uppercase { text-transform: uppercase; }

	.blueTxt { color: #3774b8; }
	.turqTxt { color: #1abfea; }

	.center { text-align: center; }

	.hide { display: none; }
	.showInline { display: inline; }
	.showBlock { display: block; }

	.locked,
	.unlocked {
		padding-left: 12px;
	}

	.locked { background: transparent url('../images/icon-padlock-white.gif') no-repeat 0 50%; }
	.unlocked { background: transparent url('../images/icon-padlockOpen-white.gif') no-repeat 0 50%; }

	label.overTxtLabel {
		padding: 2px 0 3px 0;
		width: 150px;
		height: 16px;
		color: #a7a7a7;
	}

	.fbMessage {
		float: left;
		padding-left: 18px;
		width: auto;
	}

	.success {
		color: #489a1b;
		background: transparent url('../images/icon-success.gif') no-repeat 0 2px;
	}

	.fail {
		color: #b32828;
		background: transparent url('../images/icon-fail.gif') no-repeat 0 3px;
	}

	img.alignTxt { vertical-align: middle; }

	.lpbTips { cursor: pointer; }

	img.ajaxLoad {
		margin-right: 5px;
		vertical-align: top;
	}

	div#cse-search-results { overflow: hidden; }