* {
	margin:0;
	padding:0;
}
body{
	background-color:#cccccc;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	font-size:8pt;
	position:relative;
}
#container{
	margin: 0 auto;
	padding:0;
	background:url("http://crookedbush.com/images/skin-08-03/background.jpg") -141px;
	background-repeat: repeat-y;
	text-align: center;
	overflow:hidden;
	width:1000px;
	position:relative;
}
#header{
	background-image:url("http://crookedbush.com/images/skin-08-03/header.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding:0;
	width:1000px;
	height:375px;
	position:relative;
	top:0px;
	left:0px;
}
	#header .button{
		background:url("http://crookedbush.com/images/skin-08-03/button-off.jpg");
		background-repeat:no-repeat;
		font-weight:bold;
		text-align:center;
		vertical-align:top;
		font-size:12pt;
		overflow:hidden;
		display:block;
		width:115px;
		height:80px;
		margin:0;
	 	padding:0;
		position:relative;
	}
	#header .button a{
		font-family:"Times New Roman", times, serif;
		color:#a44355;
		text-decoration:none !important;
		vertical-align:top;
		height:115px;
	}
	#header .button a:hover{
		font-size:12.5pt;
		background:url("http://crookedbush.com/images/skin-08-03/button-on.jpg");
		background-repeat:no-repeat;
		color:#FFFFFF;
		text-decoration:none;
		vertical-align:bottom;
		height:115px;
	}
	#header .button a span{
		position:relative;
		left:0px;
		top:21px;
	}
.frame{
}
.frame img{
	padding:20px 0 35px 0;
	background-image:url("http://crookedbush.com/images/editor-shared/picture-frame.gif");
	background-position:top center;
	background-repeat:no-repeat;
	z-index:1;
	width:135px;
	height:105px;
}
#content{
	margin: 0 auto;
	color:black;
	text-align:justify;
	font-size:9pt;
	padding:0px;
	width:870px;
	position:relative;
	left:0px;
	top:-2px;
	min-height:350px;
	overflow:auto;
}
	#content .icon13{
		width:13px;
		height:13px;
		line-height:13px;
	}
	#content .title, #content h1{
		font-size:16pt;
		color:#4d1520;
		text-align:left;
		margin:20px 0;
	}
	#content .subtitle,#content  h2{
		font-size:13pt;
		color:#4d1520;
		text-align:left;
		margin:25px 0;
	}
	#content  h3{
		border-top:1px dotted gray;
		font-size:11.5pt;
		color:gray;
		text-align:left;
		margin:15px 0;
		padding:0;
	}
	#content h4{
		font-size:10pt;
		color:orange;
		text-align:left;
		margin:15px 0;
		padding:0;
	}
	#content form{
		margin:10px 0px;
	}
	#content p{
		margin:10px 0;
		font-size:9pt;
		line-height:14px;
	}
	#content ul, ol  {
		margin-left:15px;
		padding-left:15px;
		padding-bottom:10px;
	}
	#content ul li{
		font-size:9pt;
	}
	#content #columnLeft{
		float:left;
		width:200px;
		overflow:hidden;
	}
		#content #columnLeft select{
			width:200px;
		}
	#content #columnRight{
		float:right;
		width:650px;
		overflow:hidden;
	}

.emphasize{
	font-size:12pt;
	color:green;
	font-weight:bold;
}
#footer{
	float:none;
	clear:both;
	color:#FFFFFF;
	font-size:8pt;
	text-align:center;
	background-image:url("http://crookedbush.com/images/skin-08-03/footer.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding:0;
	width:1000px;
	height:228px;
	overflow:hidden;
	position:relative;
	top:10px;
}
#footer p{
	color:black;
	position:relative;
	top:120px;
	text-align:left;
	left:370px;
	font-size:7pt;
	font-weight:bold;
}
#adspot-1{
	position:absolute;
	top:355px;
	left:680px;
	z-index:100;
}
#adspot-2{
	display:hidden;
	visibility:none;
	position:absolute;
	top:530px;
	left:1280px;
	background:#FFFFFF;
	z-index:100;
}
#menubar{
	text-align:left;
	padding: 0;
	margin: 0 auto;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:256px;
	left:58px;
}
#menubar ul, #menubar li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}
#menubar a, #menubar a:visited{
	display:block;
}
p {
	font-size:10pt;
	color:black;
	margin:.10px 0 10px 0;
 	line-height:20px;
	padding:0;
	text-align:left;
}
br {
	line-height:15px;
}
blockquote {
	border-left:10px solid #ddd;
	margin-left:10px;
}
pre {
	font-family:monospace;
	font-size:9pt;
}
strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
u {
	text-decoration:none;
	font-size:10px;
}
ol{
	position:relative;
	left:35px;
	width:90%;
}
#content ul{
	margin:0px;
	font-size:9.5pt;
	width:auto;
	padding:2px 15px 7px 20px;
	margin:0 20px 0 20px;
}
#content img{
	padding:5px;
}
img{
	border:0px;
}
code, pre {
	white-space:pre-wrap;
 	white-space:-moz-pre-wrap;
 	white-space:-pre-wrap;
 	white-space:-o-pre-wrap;
 	word-wrap:break-word;
 	font-family:"Courier New", Courier, monospace;
	font-size:8pt;
}
pre {
	border:1px solid #000;
 	background-color:#ddd;
	margin:0 1em 1em 1em;
	padding:0.5em;
	line-height:1.5em;
	font-size:90%;
 }
#zoom:hover{
	position:absolute;
	top:40px;
	right:0;
	width:500px;
	height:325px;
	border:3px gray outset;
	padding:0;
	margin:0;
}
#meebo{
	position:relative;
	top:10px;
	width:400px;
	height:300px;
}
#meebo embed{
	width:600px;
	height:600px;
}
#googleTalk{
	float:right;
	background-color: transparent;
}
#content .websiteThumbDivs{
	width:590px;
	height:auto;
	clear:both;
	border:2px outset gray;
	padding:6px 8px 10px 20px;
	margin:10px 0 20px 0;
	overflow:hidden;
	background:#efefef;
}
	#content .websiteThumbDivs h3{
		border:0;
		margin:0;
		padding:0;
		line-height:25px;
	}
	#content .websiteThumbDivs h4{
		font-size:8pt;
		font-weight:normal;
		color:gray;
		text-align:left;
		margin:0;
		padding:0;
		line-height:10px;
	}
	#content .websiteThumbDivs p{
		font-size:9pt;
		margin:10px 0px;
	}
	#content .websiteThumbDivs .thumbNail{
		float:left;
		margin-right:5px;
		padding:1px;
		border:2px outset gray;
		width:60px;
		height:auto;
	}
	#content .websiteThumbDivs .icon{
		float:left;width:16px;height:16px;margin: 0 2px 0 0;
	}
	#content .websiteThumbsDiv small{
		font-size:8pt;
	}
#content .callOutBox{
	border:1px dotted gray;
	width:200px;
	float:right;
	text-align:left;
	padding:0px 15px 15px 15px;
	margin:2px 5px 5px 10px;
}
	#content .callOutBox h2{
		font-size:13pt;
		letter-spacing:-1px;
		margin:10px 0 0 0;
		padding:0;
	}
	#content .callOutBox .icon{
		height:12px;
		width:12px;
		float:left;
		padding:0 !important;
		margin:0px 4px 0px 0;
	}
	#content .callOutBox ul{
		margin:10px 0px !important;
		padding:0 !important;
		width:100%;
		font-size:8pt !important;
	}
		#content .callOutBox li{
			width:185px;
			margin:2px 2px 2px 14px !important;
			padding:0;
			text-align:left !important;
		}
#content .thumbsOnly{
}
	#content .thumbsOnly .thumbNail{
		float:left;margin:5px;padding:1px;border:2px outset gray;width:80px;height:60px;
	}
#content .icon{
		float:left;width:16px;height:16px;margin: 0 2px 0 0;
}
#content .buttonSelected{
	color:white !important;
	background:url('/images/skin-08-03/button-on.jpg') no-repeat left top;
	font-size:12.5pt;
}

#helpPopUpWrapper{
	display:none;
}
#refresh{
	position:absolute;
	height:32px;
	width:32px;
	top:350px;
	right:50px;
	z-index:6;
}
#timer{
	display:none;
	position:absolute;
	height:32px;
	width:32px;
	top:350px;
	right:50px;
	z-index:5;
}
#feedBack{
	text-align:right;
	display:none;
	position:absolute;
	line-height:25px;
	height:25px;
	width:200px;
	top:350px;
	right:90px;
	z-index:500;
}
#content label{
	font-weight:bold;;
	display:block;
	display:inline-block;
	min-width:150px;
}
#content .roundedBox{
	padding:10px;
	background: #FCFAED; /* old browsers */
	background: -moz-linear-gradient(top, #FCFAED 31%, #FFFFD6 88%); 
	background: -o-gradient(linear, left top, left bottom, color-stop(31%,#FCFAED), color-stop(88%,#FFFFD6));
	background: -khtml-gradient(linear, left top, left bottom, color-stop(31%,#FCFAED), color-stop(88%,#FFFFD6));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#FCFAED), color-stop(88%,#FFFFD6));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFAED', endColorstr='#FFFFD6',GradientType=0 ); 
	-moz-box-shadow: 4px 4px 4px #E7E7E7;
	-webkit-box-shadow: 4px 4px 4px #E7E7E7;
	box-shadow: 4px 4px 4px #E7E7E7;
	border:5px solid #4D1420;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	behavior:url('/css/PIE.htc');
}
	#content .roundedBox h3{
		border:0;
	}
#content input[type="button"] {
	background: rgb(119, 22, 4);
	border-radius: 6px;
	padding: 0 8px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	border: 2px outset rgb(199, 182, 170);
	text-align: left;
	min-width: 60px;
}
#content .formButton{
	padding:2px 10px;
	background: #FCFAED; /* old browsers */
	background: -moz-linear-gradient(top, ##6A4D52 31%, #390F18 88%); 
	background: -o-gradient(linear, left top, left bottom, color-stop(31%,#6A4D52), color-stop(88%,#390F18));
	background: -khtml-gradient(linear, left top, left bottom, color-stop(31%,#6A4D52), color-stop(88%,#390F18));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#6A4D52), color-stop(88%,#390F18));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A4D52', endColorstr='#390F18',GradientType=0 ); 
	color:#DF6B95;
	border:3px solid #4D1420;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	behavior:url('/css/PIE.htc');
	font-family:times;
	font-weight:bold;
	line-height:20px;
	font-size:10pt;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
	behavior:url('/css/PIE.htc');
}
	#content .formButton:hover{
		color:#ffffff;
		-moz-box-shadow:0px 0px 0px #fff;
		-webkit-box-shadow:0px 0px 0px #fff;
		box-shadow:0px 0px 0px #fff;
		behavior:url('/css/PIE.htc');
		line-height:19px;
	}
#proudlyCanadian{
	position:absolute;
	width:50px;
	height:50px;
	top:247px;
	right:50px;
}
#listPeopleBox{
	height:700px;
	width:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	float:left;
}
#editPeopleBox{
	min-height:450px;
	overflow:auto;
	position:absolute;
	width:80%;
	top:50px;
	left:80px;
	border:2px outset #c3c3c3;
	background:#fff;
	padding:10px;
	margin:0;
	z-index:2;
	-moz-box-shadow: 0px 10px 20px #888;
	-webkit-box-shadow: 0px 10px 20px #888;
	box-shadow: 0px 10px 20px #888;
}
#peopleTable{
	width:98%;
	overflow:hidden;
	margin-right:5px;
}
	#peopleTable tr{
		width:100%;
	}
#content table tr td{
	vertical-align:top;
}
small{
	font-size:8pt;
}
input[type='text'],input[type='password'],textarea{
	background:transparent;
	border:1px dotted gray;
	overflow:hidden;
	outline:none;
	font-size:8pt;
	font-family:sans-serif;
	padding:2px;
	height:auto;
}
input[type='text']:hover,input[type='password']:hover,textarea:hover{
	background:#efefef;
	border:1px inset gray;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
table{
	width:100%;
    border-collapse: collapse;
    position:relative;
    top:1px;
}
	table th{
		padding:2px;
	}
	table tr{
		padding:2px;
	}
	table td{
		vertical-align:top;
		text-align:left;
		font-size:8pt;
	}
	table thead{
		position:relative;
	}
	table tbody tr:nth-child(2n){
		background-color: #ddd;
	}
.thumbNail{
	width:70px;
	height:auto;
}
.lightText{
	color:#bbb;
}
.overflowTableWrapper{
	max-height:200px;
	overflow-y:scroll;
}
#conversationPanel{
	max-height:300px;
	overflow-y:scroll;
	padding:5px;
	text-align:left;
}
@media
	only screen and (max-width : 400px)
	{
		body{
			background:#fff;
			font-size:10pt;
			margin:0;
		}
		#container{
			width:400px;
			
		}
		#header{
			background:#fff;
			width:400px;
			height:25px;
			overflow:hidden;
		}
			#header .button{
				background:red;
				font-weight:bold;
				text-align:center;
				vertical-align:top;
				font-size:12pt;
				overflow:hidden;
				display:block;
				width:50px;
				height:20px;
				margin:0;
			 	padding:0;
				position:relative;
			}
			#header .button a{
				color:#a44355;
				text-decoration:none !important;
				vertical-align:top;
				height:115px;
			}
			#header .button a:hover{
				font-size:12.5pt;
				color:#FFFFFF;
				text-decoration:none;
				vertical-align:bottom;
			}
		#content{
			margin: 0 auto;
			right:0;
			left:0;
			top:0;
			color:black;
			text-align:left;
			font-size:10pt;
			padding:0px;
			width:395px;
			position:relative;
		}
			#content .title, #content h1{
				font-size:16pt;
			}
			#content .subtitle,#content  h2{
				font-size:15pt;
			}
			#content  h3{
				font-size:14pt;
			}
			#content h4{
				font-size:13pt;
			}
			#content form{
				margin:5px 0px;
			}
			#content p{
				margin:5px 0;
				font-size:10pt;
				line-height:18px;
			}
			#content #columnLeft{
				float:none;
				width:400px;
				height:50px;
				overflow:hidden;
			}
				#content #columnLeft a img{
					width:40px;
					height:40px;
				}

			#content #columnRight{
				float:none;
				width:390px;
				overflow:hidden;
			}
				#content #columnRight a.floatRight img{
					width:20px;
					height:20px;
				}
			textarea,input[type='text']{
				max-width:90%;
			}
		#footer{
			background:#fff;
			width:400px;
			height:25px;
			top:0;
		}
		#footer p{
			top:0px;
			text-align:left;
			left:0px;
			font-size:9pt;
		}
		#googleTalk{
			display:none;
		}
		#refresh{
			position:fixed;
			height:60px;
			width:60px;
			top:0px;
			right:0px;
			z-index:6;
		}
		#timer{
			display:none;
			position:fixed;
			height:60px;
			width:60px;
			top:0px;
			right:0px;
			z-index:5;
		}
		#feedBack{
			text-align:center;
			background:yellow;
			display:none;
			position:fixed;
			line-height:25px;
			height:25px;
			width:100%;
			top:0px;
			left:0px;
			z-index:4;
		}
		#content{
			background:#fff;
		}
		#content label{
			font-weight:bold;;
			display:block;
			display:inline-block;
			min-width:90px;
		}
		#conversationPanel{
			max-height:300px;
			width:90%;
			overflow-y:scroll;
			padding:5px;
			text-align:left;
		}
		table td{
			font-size:10pt;
		}
	input[type='text'],input[type='password'],textarea{
		border:1px dotted gray;
		outline:none;
		font-size:10pt;
		font-family:sans-serif;
		padding:2px;
		height:auto;
	}

}
#randomSite{
	font-size:8pt !important;
}