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

#dir_container	{
position:relative;
width:980px; height:940px;
margin-right:auto;
margin-left:auto;
}

#dir_content	{
position:relative;
width:980px; top:190px; left:0;

}

#dir_header	{
background: url(../images/Dited_Directory_logo.jpg) no-repeat;
position:absolute;
top:50px;left:0; width:900px; height:140px;
}

#dir_logo	{
position:absolute;
top:50px;left:0; width:300px; height:90px;
}

#dir_logo h1 a	{display:block;
width:300px; height:100px; text-indent:-9999px;
}


/* navigation styles */


#dir_navcontainer ul	{
position:absolute; top:0; left:0;
}
						
#dir_navcontainer ul li	{
float:left; padding:10px 1px 10px 1px;
text-align:center;
}

						
#dir_navcontainer ul li a	{
color:#3399CC;
background:url(../images/home_dot.gif) no-repeat;
text-decoration: none;
padding:10px 10px 10px 15px;
}
						
#dir_navcontainer ul li a:hover	{
background:url(../images/hover_dot.gif) no-repeat #D4A7E5;
color: #120512;
}
						
#dir_navcontainer ul li a.current		{
/*border-bottom:#3399CC 1px solid;*/
color:#666000;
}


#navlist	{	
clear:both;
margin: 0;
color: #2D3A44;

}
																
																
#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
																		
#navlist a:link, #navlist a:visited
{
background: #8f8e8e;
border: 1px solid #4F3859;
color: #fff;
float: left;
padding:10px;
margin-right: 5px;
text-decoration: none;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
															
#navlist a:link#current, #navlist a:visited#current
{
background: #e8e8e8;
border-bottom: 1px solid #e8e8e8;
color: #2D3A44;
font-weight:bold;
}

#navlist a:hover { 
color: #2D3A44;
background-color:#e8e8e8; }	

/* sidebar navigation styles */

#sidebar h1 {
color:#4F3859;
text-align:left;
}
									
#sidebar ul {
margin: 0;
padding: 0 10px;
list-style: url(images/arrow.jpg); 
font-family: verdana, arial, sans-serif;
}	
													
#sidebar li {
margin:0 0 0 20px;
}														

#sidebar a {
display:block;
color:#4F3859;
background-color: transparent;
width:140px;
padding: 4px 0px;
text-decoration: none;
border-bottom: 1px solid #e8e8e8;
}														
#sidebar a:hover {
background-color: #D4A7E5;
color: #4F3859;
border-right: 20px solid #44304C;
padding: 4px 2px 4px 0px;
}														
														
#sidebar ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}
#sidebar li li a
{
display: block;
color: #4F3859;
background-color: transparent;
width: 110px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 12px;
}
	/* end navigation */

#directorypage	{
clear:both;
overflow:auto;
width:980px;
background-color:#e8e8e8;
border-left:1px solid #4F3859;
border-right:1px solid #4F3859;
}

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


#listings	{
float:left;
width:700px;
margin-top:38px;
}

div.dircell	{
clear:right;
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;
font-size: 2em; line-height: 1; margin-bottom: 0.5em;
padding-top:10px;
}
.dircell ul {
list-style:none;
padding:30px;
}
.dircell li{
padding-bottom:5px;}

.dircell p	{
padding:0 30px;
}
.clearpic	{
clear:both;
}
.bl	{position:absolute; width:20px; height:20px; background:url(../dir/images/bottomleft2.png); bottom:0; left:0;}
.br	{position:absolute; width:20px; height:20px; background:url(../dir/images/bottomright2.png); bottom:0; right:0;}

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



a.Top_button	{float:right;}

.Top_button	{
width: 130px;
height:30px;
display:block;
text-align:center;
line-height:30px;
margin-bottom:20px;
color:white;
text-decoration:none;
font-size:16px; 
position:relative;
background: #43304C;
background: -moz-linear-gradient(top, #C188D8, #44304C 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C188D8), color-stop(.5, #44304C));

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}

.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;
}