/*

	TITLE:	
	DATE:	

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #666;
	margin: 0px;
	line-height: 17px;
	background: #00245e url('images/mainBg.jpg') repeat-x;
}

/* links */
a{font-weight: bold; color: #0f7ec2;}
a:hover{text-decoration: none;}

/* heading */
h1{font-size: 1.7em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.3em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.1em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#shdw{width: 100%; float: left; background: url('images/texture.jpg') center top no-repeat;}
#frame{width: 780px; margin: 40px auto;}
#body{width: 780px; float: left; background: #fff url('images/frame.jpg') repeat-y;}

#subCol{width: 222px; float: left; padding: 0 0 230px 0;}
#subCol #logo{width: 222px; float: left;}
#subCol #mainNav{width: 187px; height: auto; min-height: 250px; _height: 250px; margin: -4px 0 0 0; _margin: -3px 0 0 0; float: left; padding: 3px 10px 3px 25px; background: url('images/subCol.jpg') top no-repeat;}
#subCol #mainNav ul{}
#subCol #mainNav li{list-style: none; padding: 8px 10px; border-bottom: 1px solid #fff;}
#subCol #mainNav li a{font: bold 1.1em/1em Arial; color: #5b5b5b; text-transform: Uppercase; text-decoration: none;}
#subCol #mainNav li a:hover, #subCol #mainNav li.selectedPage a, #subCol #mainNav li.selectedPageRoot a{ color: #54851c;}
/* additional level */
#subCol #mainNav li li{border: 0; background: url('images/arrow.gif')  0 13px no-repeat;}
#subCol #mainNav li li a{text-transform: none; color: #54851c;}

#mainCol{width: 558px; float: right;}
#mainCol #image{width: 550px; float: left; background: url('images/imageTile.jpg') repeat-y; margin: 0 0 0 8px; display: inline;}
#mainCol #imageStretch{width: 542px; padding: 0 0 7px 8px; _padding: 0 0 8px 8px;background: url('images/image.jpg') left bottom no-repeat;}
#mainCol #intro{width: 515px; padding: 0 25px 0 10px; float: left; display: inline; margin: 0 0 0 8px; background: url('images/microBg.jpg') right top no-repeat;}
#mainCol #intro h1.title{font: normal 1.7em/1.2em Arial; color: #7caa3c; background: url('images/headGreen.jpg') left bottom no-repeat;}
#mainCol #actions{width: 525px; padding: 0 25px 0 0px; float: left; display: inline; margin: 0 0 0 8px;}
#mainCol #actions .leftAction{width: 255px; float: left;}
#mainCol #actions .leftAction h1{font: normal 1.7em/1.0em Arial; color: #fff; padding-left: 10px; background: url('images/headBlue.jpg') repeat-y;}
#mainCol #actions .element{padding: 0 0 0 10px;}
#mainCol #actions .rightAction{width: 255px; float: right;}
#mainCol #actions .rightAction h1{font: normal 1.7em/1.0em Arial; color: #fff; padding-left: 10px; background: url('images/headGreen.jpg') repeat-y;}
#mainCol #content{width: 515px; padding: 0 25px 25px 9px; float: left; display: inline; margin: 0 0 0 8px; background: url('images/content.jpg') right top no-repeat;}
#mainCol #content h1.title, #mainCol .post h2{font: normal 1.7em/1.2em Arial; color: #7caa3c; background: url('images/headGreen.jpg') left bottom no-repeat;}
#mainCol #content ul{padding: 5px 25px;}

#footer{width: 618px; float: left; padding: 30px 0 0 162px; position: relative; background: url('images/footer.jpg') no-repeat;}
#footer #puzzle{width: 250px; height: 270px; position: absolute; top: -225px; left: -24px; z-index: 1; background: url('images/puzzle.gif') no-repeat;}
#footerNav ul{width: 414px; z-index: 2; position: relative;}
#footerNav li{list-style: none; display: inline; padding: 0 4px; text-transform: Uppercase;}
#footerNav li a{}
#footerNav li a:hover{text-decoration: none;}

#footer #water{width: 135px; height: 30px; position: absolute; top: 25px; right: 10px;  }

/* Calendar */
.eventsElement{margin-top: 15px; float: left;}
.eventsElement table{border-collapse: collapse; }
.eventsElement td{ padding: 1px; color: #666; background: url('images/.gif');}
.eventsElement td a{color: #054696;}
.eventsElement td td a{color:#054696;}
.eventsElement td td{ color: #fff; background-image: url('images/blue.gif')}
.eventsElement td table td a{padding: 1px; background-image: url('images/blue.gif');}
.eventsElement th{padding: 3px 5px; background-image: url('images/green.gif');}
.eventsElement table table td{height: 25px; padding: 1px;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}
.RadEContentBordered{background: #fff;}
.postDate{font-size: .9em;}
.rss{padding: 0 0 0 25px;}
.photoGalleryElement{margin-top: 15px; float: left;}

/* clearing */
#frame:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}