@charset "utf-8";
/* CSS Document */



body	{
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
color:#2D3A44;
background:url(../images/line_pattern.png) #cbcdd7;

}

      A:link {text-decoration:none;color: #4F3859}
      A:visited {text-decoration: none;color: #4F3859}
      A:active {text-decoration:underline;color: #D4A7E5}
      A:hover {text-decoration: underline;color: #D4A7E5}



#container	{
background-color:#e8e8e8;
width:1000px;
margin:auto;
}

#header {
height:130px;
background-color:#5D8C43;
background:url(images/directoryheader.jpg) top left no-repeat;
}

.headerlogo	{
float:right;
}

#direxplained	{
background-color:#D4A7E5;
float:left;
width:460px;
padding:0 20px;
}

#direxplained2	{
background-color:#D4A7E5;
float:left;
width:460px;
padding:0 20px 16px 20px;

}

#directorypage	{
border-left:1px solid #4F3859;
border-bottom:1px solid #4F3859;
border-right:1px solid #4F3859;
}

#sidebar	{
float:left;
width:230px;
margin-left:20px;
margin-top:30px;
}

#listings	{
background-color:#e8e8e8;
float:left;
width:700px;
margin-top:20px;
}

div.dircell	{
color:#4F3859;
background-color:#FFFFFF;
position:relative;
margin-bottom:60px;
}

.insidepic{
float:right;
margin:0 20px 0 30px;
}
.dircell h1	{
text-align:center;
font-family: times,Times New Roman,times-roman,georgia,serif;
padding-top:10px;
}
.dircell ul {
list-style:none;
padding-bottom:20px;
}
.dircell p	{
padding:0 30px;
}
.clearpic	{
clear:both;
}
.bl	{position:absolute; width:20px; height:20px; background:url(images/bottomleft2.png); bottom:0; left:0;}
.br	{position:absolute; width:20px; height:20px; background:url(images/bottomright2.png); bottom:0; right:0;}

.tl	{position:absolute; width:20px; height:20px; background:url(images/toplef2t.png); top:0px; left:0px;}
.tr	{position:absolute; width:15px; height:10px; background:url(images/toprightdrop.png); top:0; left:690px;}
.bt	{position:absolute; width:705px; height:15px; background:url(images/bottomdrop.png) no-repeat;} 
.sideshadow	{ position:absolute; width:15px; background: url(images/rightrepeat.png) repeat-y;  top:10px; left:690px; bottom:0; right:0;}

.backbutton	{
margin:60px 10px 10px 0;
}

.backbutton a {
background-image:url(../images/backtothetop.png);
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
width:100px;
height:22px;
text-decoration:none;
text-align:center;
}

div.backbutton a:hover	{
background-image:url(../images/backhover.png);
background-repeat:no-repeat;
color:#2D3A44;
}

#footer {
clear:both;
padding: 15px;
}