/* 
	simple template - no styles
*/

html{ width:100%; height:100%; }
body{
	margin:0; padding:0;
	width:100%;  height:100%;
	background:url('../images/bg/grey_page.jpg') top center;	
}
#topbg{
	position:absolute; 
	top:0; left:0; width:100%;
	height:394px;
	background:url('../images/bg/home_top.jpg') top center repeat-x;
	margin:0; padding:0;
	z-index:2;
}

#page{
	position:relative;
	width:996px; 
	margin:0 auto; padding:0;
	z-index:5;	
	background:url('../images/bg/content.jpg') top left repeat-y;
	border-bottom:1px solid #CCC;	
	min-height:560px;
}

#header{
	position:relative;
	margin:0; padding:0;
	left:1px;
	width:994px; 
	height:88px;
	background:url('../images/header.jpg') top center no-repeat;
	overflow:visible;
	z-index:5000;
}

#logo{
	position:absolute; display:block;
	width:225px; height:59px; top:20px; left:20px;
	background:url('../images/logo.gif') top left no-repeat;	
}
#logo h1{ display:none; }

#homelayout{
	position:relative;
	width:994px; 
	margin:0 1px;
	height:239px;
	overflow:hidden;
	z-index:10;
}
#homelayout #photo{
	float:left;
	margin:0; padding:0;
	z-index:5;
}

#homelayout #callouts{
	position:absolute;
	top:0; right:0;
	width:293px;
	height:239px;
	background-color:#666666;
	z-index:5;
}

#photostrip{
	margin:0 1px; padding:0;
	width:994px;	
	height:100px;
	overflow:hidden;
}
a.callout:link, a.callout:visited{
	display:block;
	width:293px;
	height:79px;
	background-color:#EEE;
	margin:0 0 1px 0;
	padding:0;
	text-decoration:none;
	
}
#right a:link, 
#right a:visited{
	text-decoration:none;
	color:#222;
	font-weight:bold;
}
a.callout:hover, a.callout:active{
	background-color:#FFF;
}
.callout p{ margin:0; padding:0; width:100%; height:100%; cursor:pointer; }
.callout h2{ display:none; }
#york p{
	background:url('../images/logo_york.gif') center center no-repeat;
}
#snomax p{
	background:url('../images/logo_snomax.gif') center center no-repeat;
}
#htm p{
	background:url('../images/logo_htm.gif') center center no-repeat;
}

#barfold{
	clear:both;
	position:relative;
	width:994px; left:1px;
	height:35px;
	background:url('../images/barfold_bg.jpg') top left no-repeat;
	overflow:visible;
	z-index:20;
}

#barfold img{
	position:absolute;
	margin:10px;
}

#barfold .radar{
	float:right;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	width:293px;
	height:35px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:0;
	font-size:14px;
	line-height:35px;	
	background-color:#333333;
}

.tm{
	position:absolute;
	top:8px; left:660px;
	color:#FFF;
	font-size:10px;
}
#main{
	position:relative;
	margin:15px 0 0 0;
	z-index:20;
}

#left, #full{
	float:left;
	width:650px;
	padding:5px 20px 20px 20px;
}
#full{
	position:relative;
 	width:850px;
}

#right{
	margin:-15px 1px 0 10px;
	padding:0;
	float:right;
	width:294px;
	z-index:200;
	height:auto;
	background:url('../images/radar_bg.jpg') no-repeat;
}

#right .contents ul{
	list-style:none;
	margin:0 5px; padding:3px;
}

#right .post{
	width:270px;
	margin:0 auto 10px auto;
}


.archives{
	display:block;
	margin:5px 13px;
	font-size:11px;
	font-weight:bold;
	color:#667893;
}

#subcallouts{
	width:645px;
	padding:0;
	margin:-20px auto 0 auto;
	text-align:center;
	
	
}

#subcallouts img{
	border:0;
	margin:10px;
	float:left;
}

#hometext .article .body{
	position:relative;
	padding:0 0 0 15px;
	font-size:15px;
	line-height:20px;
}

.article, .post{
	margin:0;
	font-size:12px;
	line-height:18px;
}
.post .date{
	margin:10px 0 0 0;
	font-size:10px;
	color:#666666;
}
.article h1.title { display:none; } 
.breadcrumbs{ 
	margin:-10px 0 10px 0; 
}

.headline, h1{
 	font-weight:bold;	
}


/* footer */
.footer{
	clear:both;
	margin:10px 0 0 0;
	position:relative;
	width:994px; margin:0 auto;
	height:55px;		
}

/*.footer .watermark{
	position:absolute;
	top:0; right:0;
	width:205px;
	height:161px;
	background:url('../images/watermark.gif') no-repeat;
	
}*/

.footer a:link,
.footer a:visited{
	font-size:11px;
	color:#333333;
	
}
.footer p.links{
	width:300px;
	margin:10px auto;
}
.footer p{
	clear:both;
	text-align:center;	
	margin:10px auto;	
	font-size:11px;
	width:auto;
}

.footer address{
	position:absolute;
	top:10px; right:215px;
	font-style:normal;
	line-height:18px;
	font-size:11px;
	text-align:right;
	color:#FFF;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}


/*   forms   */
label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}