* { padding: 0; margin: 0; }

body {
 font-family: times new roman;
 font-size: 16px;
}

a:link {font-size:10pt;color:#ffffff;text-decoration:none;}
a:visited {font-size:10pt;color:#a4dbfc;text-decoration:none;}
a:active {font-size:10pt;color:#ffffff;text-decoration:none;}
a:hover {font-size:10pt;color:#a4dbfc;text-decoration:underline ;}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#faux {
 background: #000000;
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}

#header {
 color: #a9d6dc;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #000000;
}


#dolphincontainer
{
position:relative;
border-bottom: 2px solid navy; 
color:#E0E0E0;
background:#143D55;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

#dolphinnav
{
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(http://www.christianrecovery.net/Main/bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}

#dolphinnav ul
{
margin:0;
padding:0;
list-style-type:none;

width:auto;
float:left;
}

#dolphinnav ul li
{
display:block;
float:left;
margin:0 1px;
}

#dolphinnav ul li a
{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 15px;
height:33px;
}

#dolphinnav ul li a span
{
padding:12px 20px 0 0;
height:21px;
float:left;

}

#dolphinnav ul li a:hover
{
color:#fff;
background:transparent 
repeat-x bottom left;
}

#dolphinnav ul li a:hover span
{
display:block;
width:auto;
cursor:pointer;
}

#dolphinnav ul li a.current,
#dolphinnav ul li a.current:hover
{
color:#fff;
background:#1D6893 url(http://www.christianrecovery.net/Main/left-ON.gif) no-repeat top left;
line-height:275%;
}

#dolphinnav ul li a.current span
{
display:block;
padding:0 20px 0 0;
width:auto;
background:#33b0db url(http://www.christianrecovery.net/Main/right-ON.gif) no-repeat top right;
height:33px;
}

#dolphin_inner
{
color: white; 
padding: 5px; 
font-size: 80%; 
height: 1em
}

.innercontent
{
display: none;
}


#leftcolumn { 
 display: inline;
 color: #a9d6dc;
 margin:5px;
 padding:0;
 width: 195px;
 float: left;
}

.panels{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px; /* width of menu */
}

.panels li{
border-bottom: 1px solid #20a6e0; /* white border beneath each menu item */
}

.panels li a{
background: #000 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #ffffff;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.panels li a:visited, .panels li a:active{
color: #143D55;
}

.panels li a:hover{
background-color: #a9d6dc; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}


.panels li a{ /* Menu link width value for IE */
width: 100%;
}



#content { 
 float: left;
 color: #a9d6dc;
 margin: 10px 10px;
 padding:0;
 width: 480px;
 display: inline;
 position: relative;
}

#rightcolumn { 
 display: inline;
 position: relative;
 color: #a9d6dc;
 margin: 10px 10px 10px 0px;
 padding:0;
 width: 195px;
 float: right;
}

#box_1 {
margin:0 5px 2em 8px;
padding:8px;
float:left;
width:120px;
background-color:#808080;
}

#box_2 {
margin:0 5px 2em 8px;
padding:8px;
float:left;
width:120px;
background-color:#808080;
}

#box_3 {
margin:0 5px 2em 8px;
padding:8px;
float:left;
width:120px;
background-color:#808080;
}

#box_4 {
margin:0 5px 2em 8px;
padding:8px;
float:left;
width:120px;
background-color:#808080;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #ffffff;
background-color: #143D55;
border-top: 2px solid navy;
text-align: right;
}

#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
		
#footer li
{
display: inline;
margin-right: 1em;
}
.clear { clear: both; background: none; }