/*

	TITLE:	Western Oaks
	DATE:	2-14-07

*/
/* 
 ZERO
-----------------------------------------------*/
img,form,br,p,li,ul,h6,h5,h4,h3,h2,h1{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	margin: 0px;
	line-height: 16px;
	background: #7d6f54 url('images/mainBg.jpg') repeat-x;
}

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

/* heading */
h1{font-size: 1.8em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; 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.
-----------------------------------------------*/
#mastCon{width: 797px; margin: 0 auto;}


#header{width: 797px; height: 110px; float: left; position:relative; background: url('images/header.jpg') no-repeat;}
#header h1.logo a{text-indent: -9999px; margin:0; width: 430px; height: 95px; float: left;}
#header #search{width: 176px; position: absolute; top: 118px; right: 10px;}
#header #search .searchInput{width: 139px; height: 19px; border: 0; padding: 3px 3px 0 3px; font-size: .9em; font-weight: bold; position: absolute; top: 0px; right: 38px; background: url('images/searchTxt.jpg') no-repeat;}
#header #search .searchButton{width: 26px; height: 19px; border: 0; position: absolute; top: 0px; right: 11px; _right: 13px;   background: url('images/searchBtn.jpg') no-repeat;}

#container{width: 777px; float: left; padding: 0 10px; background: url('images/container.jpg') 10px repeat-y;}
#containerTop{width: 797px; float: left; background: url('images/containerTop.gif') top no-repeat;}
#containerTile{width: 797px; float: left; background: url('images/containerTile.gif') repeat-y;}

#mainNav{width: 777px; float: left; font-size:1.1em; background:#7e0000 url('images/mainNav.jpg') bottom repeat-x;}
#mainNav ul{padding: 0 0 0 5px;}
#mainNav li{float: left; list-style: none; padding: 5px;}
#mainNav li a{padding: 7px 5px 9px 5px; float: left; color: #fff; text-decoration: none;}
#mainNav li a:hover, #mainNav li a.selectedPage{color: #7e0000; background: #fff;}

#welcome{width: 777px; float: left; background: url('images/welcome.gif') repeat-y;}
#welcome #flash{width: 521px; float: left;}
#welcome #intro{width: 226px; float: right; font: normal 1.1em Arial; color: #fff; padding: 5px 12px 5px 18px;}
#welcome #intro h1{font: bold 18px Tahoma; color: #DFD2AA;}

#actions{width: 777px; float: left; color: #fff; margin: -4px 0 0 0; background: url('images/actionsTile.jpg') repeat-y;}
#actions #actionsTop{width: 777px; float: left; background: url('images/actionsTop.jpg') no-repeat;}
#actions h2{font:bold 14px Tahoma; color: #fff;}
#actions h2 a{text-decoration: none;}

#actions #a1{width: 521px; float: left;}
#actions #a1 h1.title{font: bold 18px Tahoma; color: #DFD2AA; height: 33px; padding: 12px 35px 2px 25px; margin:0;}
#actions #a1 .left{width: 260px; float: left;}
#actions #a1 .right{width: 260px; float: right;}
#actions #a1 .element{width: 200px; padding: 10px 30px;}
#actions #a1 .element li{width: 180px;padding: 4px 0 2px 20px; list-style: none; background: url('images/a1_style.jpg') 0 6px no-repeat;}
#actions #a1 .blogsElement li{background-image: none; padding: 0;}
#actions #a1 .element li a{color: #e2cda0;}
#actions #a1 li a:hover{}

#actions #a2{width: 256px; float: left;}
#actions #a2 h1.title{font: bold 18px Tahoma; color: #fff; height: 33px; padding: 12px 35px 2px 30px; margin:0;} 
#actions #a2 .element{width: 200px; padding: 10px 25px;}
#actions #a2 .element li{width: 200px; padding: 6px 0 10px 0px; list-style: none; background: url('images/a2_sep.jpg') bottom repeat-x;}
#actions #a2 .element li a{color: #263e5a; padding: 0 0 0 26px; text-decoration: none; background: url('images/a2_style.jpg') 6px no-repeat;}
#actions #a2 .element li a:hover{color: #871313; padding: 0 0 0 26px; text-decoration: none; background: url('images/a2_over.jpg') 6px no-repeat;}

#mainCol{width:542px; float: left; height: auto; min-height: 250px; _height: 250px;}
#mainCol h1{font: bold 24px Tahoma; color: #7D0000;}
#mainCol h2{font: bold 18px Tahoma; color: #29446B;}
#mainCol h3{font: normal 17px Tahoma; color: #94845F;}
#mainCol ul{padding: 10px 20px;}
#mainCol a{color: #333;}
#mainCol #image{width: 542px; float: left;}
#mainCol #content{width: 482px; float: left; padding: 10px 30px;}

#subCol{width: 235px; display: inline; float: right;}
#subCol #pageTitle{width: 205px; float: left; font: bold 18px Tahoma; color: #fff; padding: 8px 10px 8px 20px; margin:0; background: url('images/pageTitle.jpg') repeat-y;}
#subCol #sideNav{width: 205px; float: left; margin: 10px 0 0 0; padding: 0 15px;}
#subCol #sideNav ul{}
#subCol #sideNav li{padding: 6px 0 10px 0px; list-style: none; background: url('images/a2_sep.jpg') bottom repeat-x;} 
#subCol #sideNav li a{color: #263e5a; padding: 0 0 0 26px; text-decoration: none; background: url('images/a2_style.jpg') 6px no-repeat;}
#subCol #sideNav li a:hover{color: #871313; padding: 0 0 0 26px; text-decoration: none; background: url('images/a2_over.jpg') 6px no-repeat;}
#subCol #sideSec{width: 195px; float: left; padding: 10px 20px;}    
#subCol #sideSec h1{font: bold 18px Tahoma; color: #556375;}    

div#admin{width: 717px; padding: 30px 30px 50px 30px; float: left; background: #fff;}
div#admin h1{font: bold 24px Tahoma; color: #7D0000;}
div#admin h2{font: bold 18px Tahoma; color: #29446B;}
div#admin h3{font: normal 17px Tahoma; color: #94845F;}
div#admin ul{padding: 10px 20px;}
div#admin a{color: #333;}

#footer{width: 620px; height: auto; min-height: 80px; _height: 80px; padding: 25px 177px 0 0; text-align: right; margin: 0 auto; color: #9d8e70; background: url('images/footer.jpg') no-repeat;}
#footer a{color: #9d8e70;}
#footer ul{}
#footer li{list-style: none; display: inline; padding: 0 3px;}


/* home */
body#home	#footer{padding: 35px 177px 0 0;  background: url('images/footerHome.jpg') no-repeat;}
body#admin 	#footer{padding: 15px 177px 0 0; background: url('images/footerAdmin.jpg') no-repeat;}

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

/* admin */
.RadEContentBordered{background: #fff;} 

/* calendar */
.eventsElement table{background: url('images/cal_brown.jpg');}
.eventsElement td{color: #000;	background: url('images/cal_brown.jpg');}
.eventsElement td a{color: #13233a;}
.eventsElement td td a{color:#000;}
.eventsElement td td{background: url('images/cal_brown.jpg');}
.eventsElement td table td a{color: #13233a; padding: 2px;background: url('images/cal_brown.jpg');}
.eventsElement th{background-image: url(background: url('images/cal_brown.jpg');}
.eventsElement table table td{height: 25px;}


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