/*

	TITLE: Sage Concepts
	DATE:  03-08-07	 

*/
/* 
 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;
	margin: 0px;
	color: #666;
	line-height: 17px;
	background: #484848 url('images/mainBg.jpg') center top repeat-x;
}

/* links */
a{font-weight: bold; color: #0c4e5c;}
a:hover{text-decoration: none;}

/* heading */
h1{font-size: 1.8em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.4em; 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/shdw.gif') center 72px no-repeat;}

#frame{width: 780px; margin: 0 auto;}
#header{width: 780px; height: 72px; }
#header #logo{width: 265px; height: 72px; float: left; background: url('images/logo.jpg')  1px 0 no-repeat; }
#header h1 a{width: 230px; height: 65px; position: absolute; color: #29bede; font-size: 0;}
#header #mainNav{width: 500px; padding: 36px 0 0 0; float: right;}
#header #mainNav ul{height: 36px; padding: 0;}
#header #mainNav li{display: inline; list-style: none;}
#header #mainNav li a{float: right; padding: 10px 11px 10px 11px; font: normal 14px Arial; text-decoration: none; color: #fff;}
#header #mainNav li a:hover{background: url('images/mainNavOver.jpg') repeat-x;}/**/

/* Home */
#flash{width: 780px; margin-bottom: -4px;_margin-bottom: -3px;}

#sections{color: #000;}
#sections #secLeft{width: 519px; float: left;}
#sections #secRight{width: 258px; float: right;}
#sections #sec1, #sections #sec2, #sections #sec3{width: 258px; background:#fcfcfc url('images/sections.jpg') 0 34px repeat-x;}
#sections #sec1 .element, #sec2 .element, #sec3 .element{padding: 7px 15px 10px 15px;}
#sections #sec1{float: left; height: 227px;}
#sections #sec1 h1{font: normal 18px Arial; color: #fff; text-align: center; height: 26px; padding: 8px 0 2px 0; margin: 0; background:#457311 url('images/secHead_1.jpg') no-repeat;}
#sections #sec1 a{color: #457311;}
#sections #sec2{float: right; height: 227px;}
#sections #sec2 h1{font: normal 18px Arial; color: #fff; text-align: center; height: 26px; padding: 8px 0 2px 0; margin: 0; background:#544520 url('images/secHead_2.jpg') no-repeat;}
#sections #sec2 a{color: #544520;}
#sections #sec3{float: right; height: 227px;}
#sections #sec3 h1{font: normal 18px Arial; color: #fff; text-align: center; height: 26px; padding: 8px 0 2px 0; margin: 0; background:#2673a0 url('images/secHead_3.jpg') no-repeat;}
#sections #sec3 a{color: #2673a0;}

/* Internal */
#image{width: 780px; margin-bottom: -4px;_margin-bottom: -3px;}

#container{width: 780px; height: auto; min-height: 350px; _height: 350px; float: left; background: url('images/container.jpg') repeat-y;}
#containerTop{width: 780px; float: left; background: url('images/containerTop.jpg') no-repeat;}

#mainCol{width: 460px; float: right; padding: 25px 30px;}
#mainCol h1{font: normal 2em/.8em Arial; color: #0c4e5c;}
#mainCol ul{padding: 5px 25px;}

#subCol{width: 258px; float: left; border-right: 1px solid #f6f6f6; background: #fff url('images/subCol.jpg') repeat-y;}
#subCol #subColStretch{width: 258px; height: auto; min-height: 250px; _height: 250px; float: left; background: url('images/subColBottom.jpg') bottom repeat-x;}
#subCol #pageTitle{width: 211px; color: #0c4e5c; padding: 0 0 0 47px; background: #fff; border-bottom: 1px solid #b6b6b6;}
#subCol h1{font: normal 1.5em/1.4em Arial;}

#subCol #sideNav{width: 211px; padding: 3px 0 7px 47px; background: #fff; border-bottom: 1px solid #b6b6b6;}
#subCol #sideNav ul{padding: 5px 0;}
#subCol #sideNav li{list-style: none; padding: 8px 0;}
#subCol #sideNav li a{padding: 0 12px 0 0; text-decoration: none; font: normal 14px Arial; color: #25729f; background: url('images/sectionLinksArrow.jpg') right 6px no-repeat;}
#subCol #sideNav li a:hover{color: #0c4e5c; background: url('images/sectionLinksOver.jpg') right 6px no-repeat;}

#subCol #sectionLinks{width: 211px; padding: 0 0 15px 47px;}
#subCol #sectionLinks ul{padding: 10px 0;}
#subCol #sectionLinks li{list-style: none; padding: 8px 0;}
#subCol #sectionLinks li a{padding: 0 12px 0 0; text-decoration: none; font: normal 14px Arial; color: #25729f; background: url('images/sectionLinksArrow.jpg') right 6px no-repeat;}
#subCol #sectionLinks li a:hover{color: #0c4e5c; background: url('images/sectionLinksOver.jpg') right 6px no-repeat;}

/* Admin */
#admin{width: 700px; padding: 25px 40px;height: auto; min-height: 350px; _height: 350px; float: left; background: #fff;}
#admin h1{font: normal 2em/.8em Arial; color: #0c4e5c;}

#footer{width: 780px; float: left; padding: 40px 0 25px 0; font-size: 12px; text-align: right; background: url('images/footer.jpg') no-repeat;}
body#internal #footer{padding: 29px 0 25px 0; background: url('images/footer_2.jpg') no-repeat;}
#footer ul{}
#footer ul li{display: inline; list-style: none; padding: 0 0 0 8px;}
#footer ul li a{color: #afaeae;}
#footer p#water a{float: right; width: 128px; height: 25px; margin: 15px 0 0 0; text-decoration: none; background: url('images/water.jpg') no-repeat;}
#footer p#water a b{visibility: hidden;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* Water */
#mainCol .blogsElement ul{padding: 0;}
.photoGalleryElement, .blogsElement, .eventsElement{margin: 10px 0 0 0;}
.RadEContentBordered
{
background: #fff;
}


/* 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/.gif')}
.eventsElement td table td a{padding: 1px; background-image: url('images/blue.gif');}
.eventsElement th{padding: 3px 5px; background-image: url('images/dgreen.gif');}
.eventsElement table table td{height: 25px; padding: 1px;}

/* clearing */
#subColStretch:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}