/*--------------------------
LEN TILLEM AND ASSOCIATES TEMPLATE
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB/WEBSCHOOLPRO
AUTHOR: Ryan McLaughlin - ryan@wildfireweb.com
CREATED: 7/26/07
__________________________*/

@import url(http://www.wildfireweb.com/css/wildfirecommon.css);

@import url(/templates/lentillem/css/slatesblogs.css);

body{
background: #86a9cf url(/templates/lentillem/images/bgfade.jpg) repeat-x;
margin: 0;
padding: 0;
}

h3{
position: absolute;
left: -9999em;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #ea892b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

#wrapper{
width: 735px;
position: relative;
margin: 40px auto 10px;
}

a{
color: #00f;
}

h1{
width: 418px;
height: 34px;
position: relative;
margin: 0 0 4px 10px;
padding: 0;
}

h1 span{
width: 418px;
height: 34px;
position: absolute;
top: 0;
left: 0;
background: transparent url(/templates/lentillem/images/title.gif) no-repeat;
}

/* TABBERIFIC NAVIGATION */

ul#tabs{
width: 735px;
height: 40px;
background: transparent url(/templates/lentillem/images/navbg.gif) no-repeat;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
margin: 0;
padding: 0 0 0 5px;
list-style: none;
font-size: 0.9em;
}

ul#tabs li{
float: left;
margin:  10px 0 0 0;
padding:1px 5px 1px 6px;
border-right: 1px solid #a25144;
}

ul#tabs li a, ul#tabs li span{
display: block;
color: #fff;
text-decoration: none;
}

ul#tabs li span{
color: #c69890;
}

ul#tabs li a:hover{
text-decoration: underline;
}

/* BUTTONS UP TOP!!!!! */

h2#callofday, h2#rsvpevents{
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
margin: 0;
padding: 7px 0 0 0;
background: transparent url(/templates/lentillem/images/button.gif) no-repeat;
width: 123px;
height: 24px;
font-size: 0.9em;
text-align: center;
position: absolute;
top: 5px;
right: 0;
}

h2#callofday a, h2#rsvpevents a{
text-decoration: none;
color: #8b2615;
}

h2#callofday{
right: 125px;
width: 135px;
background: transparent url(/templates/lentillem/images/button2.gif) no-repeat;
padding-left: 3px;
}

h2#callofday a:hover, h2#rsvpevents a:hover{
color: #fff;
}

/* THE BIG PICTURE OF EVERYONE ON HOMEPAGE */

#bigpicture{
width: 459px;
height: 229px;
clear: both;
float: left;
background: transparent url(/templates/lentillem/images/bigpicture3.jpg) no-repeat;
overflow: hidden;
}

/* DARK BLUE EXPERTISE SQUARE ON HOMEPAGE */

#expertise{
width: 275px;
height: 229px;
background: transparent url(/templates/lentillem/images/expertisebg2.gif) no-repeat;
color: #fff;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 15px;
float: right;
margin: 0;
padding: 0;
line-height: 1.1;
}

#expertise a, #expertise a:visited{
color: #fff;
text-decoration: none;
}

#expertise a:hover{
text-decoration: underline;
}

#expertise ul{
margin: 0;
padding: 0 0 0 12px;
list-style: none;
}

#expertise ul li{
padding: 1.4px 0;
margin: 0;
}

#expertise h4{
color: #86aacf;
padding: 6px 0 0;
margin: 0 10px 2px;
font-size: 17px;
border-bottom: 1px solid #6a6992;
}

/* COLUMNS OF CONTENT ON HOMEPAGE */

#leftcol, #midcol, #rightcol{
clear: both;
position: relative;
width: 243px;
margin: 0;
padding: 0;
float: left;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 0.9em;
}

#leftcolbg, #midcolbg, #rightcolbg{
padding: 0 9px;
margin: 0;
width: 222px;
height: 470px;
position: relative;
left: 5px;
background: transparent url(/templates/lentillem/images/colbg.gif) repeat-y top left;
}

#leftcolcap, #midcolcap, #rightcolcap{
display: block;
width: 245px;
height: 19px;
background:none;
}

html>body #leftcolcap, html>body #midcolcap, html>body #rightcolcap{
background: transparent url(/templates/lentillem/images/colcap.png) no-repeat top left;
}

#leftcolfoot, #midcolfoot, #rightcolfoot{
display: block;
width: 245px;
height: 23px;
background:none;
position: relative;
left: 2px;
}

html>body #leftcolfoot, html>body #midcolfoot, html>body #rightcolfoot{
background: transparent url(/templates/lentillem/images/colfoot.png) no-repeat top left;
}

#midcol{
clear:none;
}

#rightcol{
clear: none;
float: right;
}

html>body #rightcol{
position: relative;
right: 5px;
}

/* THE CONTENT AREA ON ALL THE OTHER NORMAL PAGES */

#content{
width: 691px;
margin: 0;
position: relative;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1em;
background: transparent url(/templates/lentillem/images/contentbg.gif) repeat-y top left;
padding: 0 20px;
left: 2px;
}

#contentcap{
display: block;
width: 732px;
height: 21px;
}

html>body #contentcap{
background: transparent url(/templates/lentillem/images/contentcap.png) no-repeat top left;
}

#contentfoot{
display: block;
width: 732px;
height: 23px;
margin-bottom: 10px;
}

html>body #contentfoot{
background: transparent url(/templates/lentillem/images/contentfoot.png) no-repeat top left;
}

/* PAGE FOOTER */

#footer{
clear: both;
font-size: 0.7em;
font-family: Verdana, Arial, sans-serif;
color: #444;
margin: 0 0 0 15px;
}