/* 
	simple template - no styles
*/

html, body{
	margin:0; padding:0;
	width:100%; height:100%;
}

body.home{
	background:#FFFAEA url('../images/bg/body.gif') top left repeat-x;
}

body{
	background:#FFFAEA url('../images/bg/defaultbody.gif') top left repeat-x;
}

body.splash{
	background-color: #F8ECBA;
	padding:0; margin:0;
}

body.splash #construction{
	padding-top: 20px;
}
#page{
	width: 865px;
	margin: 15px auto; padding: 0;
}

#header{
	margin:0; padding:0;
	height: 100%;
	z-index: 2000;
}

#homepic{
	background:url('../images/home.jpg') top right no-repeat;
	height: 43px; width: 100%;
	margin:0; padding:0;
	overflow:hidden;
}

#homepic p{
	padding: 0 55px 0 10px; margin:0;
	float:right;
	color:white;
	line-height: 56px;
	font-size: 11px;
	text-transform:uppercase;
}

#logo{
	width:161px; height:147px;
	background:url('../images/logo.gif') top left no-repeat;
	margin:0 auto;
}

#logo_nopng{
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sites.legitify.com/heartworksvt.org/images/logo.png');
}

#header #logo h1{ 
	display:none;
	}

#topleft{
	background-color: #FBF3D5;
	padding: 11px 0 15px 0; margin:0;
}

body.home #topleft{
	height: 246px;
}

#caption{
	padding: 20px 15px 5px 15px; margin:0;
	text-align:center;
	line-height: 18px;
}

#header .left{
	background-color: #bd8d45;
	margin:0; padding:0;
}

body.home #topright{
	height: 315px;
	margin:0; padding:0;
}

body.home #topright img{
	height: 315px;
	overflow:hidden;
}

body.default #topright img{
	width: 626px;
	overflow:hidden;
}

#topright{
	height: 215px;
}


#main{
	background:url('../images/bg/mainback.gif') top left repeat-y;
	margin:0; padding:0;
	width: 100%; height: 100%;

}

#topright{
	width: 626px;
	float:left;
	background-color:white;
	margin:0; padding: 0;
}

.left{
	width: 238px;
	float:left;
	background-color: #FBF5DC;
	padding:0; margin:0;
}

#important-forms{
	background-color:#B9121B;
	height: 24px;
	color: white;
	padding: 10px; margin:0 ;
	font-size: 19px;
	border-top: 2px solid white;
}

#formdropdown{
	height: 30px;
}

#forms a:link,
#forms a:visited{
	text-decoration: none;
	font-weight:bold;
	padding: 5px 0; margin:0;
}

.leftblock{
	border-bottom: 1px solid #C7C2AE;
	padding: 5px 10px; margin:0;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

.leftblock h1{
	font-size: 19px;
	padding: 5px 0; margin:0;
	font-weight:normal;
	color: #333;
}

#announcements,
#news{
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

.leftblock .date,
.leftbox .archive, 
#announcements p{
	padding:2px 0; margin:0;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight:bold;
}

#announcements a.headline{
	color: black;
	text-decoration: none;
	font-size: 16px;
	padding:0; margin:0;
	line-height: 24px;
	/*font-weight:bold;
	font-family: "Times New Roman", Times, serif;*/
}

#announcements .date{
	font-size: 11px;
	color: #333;
}

#announcements .author{
	display:none;
}

#announcements .archive{
	clear:both;
	font-size:11px;
	font-weight:bold;
	padding:8px 0 0 0; margin:0;
}

#announcements .calendar{
	clear:both;
	font-size:11px;
	font-weight:bold;
	padding:20px 0 5px 0; margin:0;
}

.post{
	width: 100%;
	padding: 5px 0; margin:0;
	clear:both;
}

#news .date{
	width: 32px; height: 34px;
	overflow:hidden;
	color:white;
	background-color:#BD8D45;
	text-align:center;
	text-transform:uppercase;
	padding:0;  margin:0;
	float:left;
	line-height:17px;
}

#news .headline{
	float:left;
	width: 150px;
	padding: 5px 10px 0 10px; margin:0;
	font-size: 12px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

#news .author{
	width: 150px;
	float:left;
	font-size:10px;
	padding: 0px; margin:0;
	font-weight:normal;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#news .archive,
#news .pastnewsletters{
	clear:both;
	padding-top: 20px;
	font-size:11px;
	font-weight:bold;
}

#news .pastnewsletters{
	padding: 0; margin:0;
}

.left a{
	display:block;
}

.article h1{
	padding:0 0 5px 0; margin:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


.right{
	width: 555px;
	float:left;
	background-color:white;
	margin:0; padding: 20px 25px;
}

.right a.archive{
	display:block;
	clear:left;
	padding-top: 10px;
}

body.home .right{
	width: 585px;
	float:left;
	background-color:white;
	margin:0 auto; padding: 20px 10px;
}

.homebox{
	width: 195px;
	float:left;
	padding: 10px 0px; margin:0;
	line-height:20px;
}	

.homebox img{
	display:block;
	margin:0 auto; padding: 0;
	border-width: 0;
	width: 120px;
}

.homebox p{
	margin:0 auto; padding:25px 10px;
	font-size: 13px;
}


/* footer */
#footer{
	text-align:center;
	margin:0 auto; padding:0;
	clear:both;
	width: 100%;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	}

#footer #lowerbar{
	background-color: #4C1B1B;
	height: 36px; width: 100%; 
	border-bottom: 3px solid #BD8D46;
	padding: 20px 0 0 0;
}

#footer #lowerbar p{
	margin:auto; padding: 0;
	color:white;
}

#footer p{
	color: #B9121B;
	font-weight:bold;
	font-size: 12px;
}

#footer .contact{
	font-weight:bold;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size:16px;
	padding:5px 0 0 0;margin:0;
	clear:both;
}

#footer .copyright{
	color:black;
	font-size: 10px;
	font-weight:normal;
}

/* 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;
}