/* Healing Clinic CSS file by John Sargent / SiteWriters */

html{font-size:100%}
body{font-size:62.5%; font-family:Geneva, Arial, Helvetica, sans-serif; /*background-color:#FEE9F2;*/}
td, ul, ol{font-size:1.3em;}
p{font-size:1.3em; padding:5px; margin:0;}

h1{font-size:1.6em; font-weight:bold; color:#B31E48; padding:5px; margin:0;}
h2{font-size:1.5em; font-weight:bold; color:#B31E48; padding:5px; margin:0;}
h3{font-size:1.3em; font-weight:bold; padding:5px; margin:0;}
h4{font-size:1.2em; font-weight:bold; padding:5px; margin:0;}

a:link{color:#B31E48; text-decoration:underline;}
a:visited{color:#B31E48; text-decoration:underline;}
a:hover{color:#B31E48; text-decoration:none;}
a:active{color:#B31E48; text-decoration:underline;}

img{border:none;}

/* Layout Divs */

#page{width:80em; height:auto; margin:0 auto; padding:0; position:relative; clear:both;}

#headerimage{float:left; width:800px; height:150px; text-align:center;}

#breadcrumbs{float:right;clear:both;
width:80em; height:auto; 
text-align:right;}

#breadcrumbs p{font-size:1.2em; text-align:right; color:#333; background-color:#FFF; margin:0; padding:0;}

#breadcrumbs a:link{text-decoration:none;}
#breadcrumbs a:visited{text-decoration:none;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:active{text-decoration:none;}

#contentholder{
position:relative; top:2em; clear:both;
width:80em; height:auto; 
margin:0 auto; padding:0;
}

#leftcolumn{float:left;
width:170px; height:auto;
padding-top:1em;}

#maincontentcolumn{float:left; width:40em; height:auto; margin:10px 0 0 10px;}

#maincontentcolumnwide{
float:left; width:80em; height:auto;
margin-top:1em; padding:1em 0;
border: solid 1px #B40C3F;}

#contactcolumn{float:left; width:58em; height:auto; margin:0 0 0 20px;}

#rightcolumn{float:right;
width:20em; height:auto;
margin:10px 0 20px 0;}

.column1{
float:left; 
width:17.5em; height:auto;
margin:1em}

.column2{
float:left; 
width:19em; height:auto;
margin:1em}

.column3{
float:left; 
width:12.5em; height:auto;
margin:1em 0.5em}

/* Footer and footer IDs start here */

#footer{
width:800px; height:10em; margin:20px auto; position:relative; top:50px; clear:both; 
}

#footer p{margin:0; padding:0; font-size:1.2em; font-weight:bold; background-color:#FFF; color:#666;}

#footer a:link{background-color:#FFF; color:#666; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#footer a:visited{background-color:#FFF; color:#666; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#footer a:hover{background-color:#FFF; color:#666; text-decoration:underline; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#footer a:active{background-color:#FFF; color:#666; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#logo{
float:left; margin:1em 1.5em 1em 1.5em; height:7em; width:7em;
}

#subfooter1, #subfooter2, #subfooter3{
float:left; margin:1em 3.5em 1em 3.5em; height:auto; width:15em;
}


#cic{
position:relative; top:50px; width:80em; height:auto; clear:both;
margin:0 auto; 
background-image:url(../images/cicbackground.jpg); background-repeat:repeat-y; color:#FFF; font-weight:bold;
}

#cic p{padding:5px; margin:0;}

#credits{
position:relative; top:50px; width:80em; height:auto; clear:both;
margin:20px auto; 
background-color:#FFF; color:#666; 
}

#credits a:link{background-color:#FFF; color:#666; text-decoration:none}
#credits a:visited{background-color:#FFF; color:#666; text-decoration:none}
#credits a:hover{background-color:#FFF; color:#666; text-decoration:underline}
#credits a:active{background-color:#FFF; color:#666; text-decoration:none}
#credits p{padding:5px; margin:0; font-size:1.1em}

/* Footer and footer IDs end here */

/* Top navigation starts here */

#topnavcontainer{
float:left; clear:both;
width:80em; height:3em;
text-align:center; margin:0;
background-color:#FFF; color: #B40C3F;
}
#topnavcontainer p{font-weight:bold; font-size:1.4em; margin:0; padding:0.5em 0}

#topnavcontainer a:link{color:#B40C3F; text-decoration:none;}
#topnavcontainer a:visited{color:#B40C3F; text-decoration:none;}
#topnavcontainer a:hover{color:#B40C3F; text-decoration:none;}
#topnavcontainer a:active{color:#B40C3F; text-decoration:none;}

.here{color:#333;}

.here a:link{color:#333; text-decoration:none;}
.here a:visited{color:#333; text-decoration:none;}
.here a:hover{color:#333; text-decoration:underline;}
.here a:active{color:#333; text-decoration:none;}

/* Top navigation ends here */

/* New sidebar starts here */
#Sidebar {
    float:left;
    width:170px;
    padding: 0;
  background-color:#B31E48;
}
  
/* New sidebar navigation ends here */

/*expanding menu stuff goes here*/
#ExpandingSidebar {
 list-style: none;
  width: 170px;
  padding: 0;
  color: #FFF;
  font-weight:bold; font-size:1em;
  line-height:1.3em; 
}

#ExpandingSidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    
#ExpandingSidebar li {
    width: 170px;
    margin: 0;
	color: #FFF;
	border-bottom: solid 1px #FFF;
	padding: 3px 0 3px 5px;
}

#ExpandingSidebar li.level1 a {
    display: block;
    padding: 3px 0 3px 5px;
    background-color:#B31E48;
	color: #FFF;
    text-decoration: none;
    width: 160px;

}

#ExpandingSidebar li.level2 a {
    display: block;
    padding: 1px 0 1px 15px;
    background-color:#B31E48;
	color: #FFF;
	font-size:0.9em;
    text-decoration: none;
    width:145px;}

#ExpandingSidebar li.level3 a {
    display: block;
    padding: 1px 0 1px 20px;
    background-color:#B31E48;
    font-size:0.9em;
	color: #FFF;
    text-decoration:none;
    width:150px;
}

#ExpandingSidebar li.levelcurrent1 a {
    display: block;
    padding: 3px 0 3px 5px;
    background-color:#B31E48;
	color: #000;
    text-decoration: none;
    width:155px;
}

#ExpandingSidebar li.levelcurrent2 a {
   display: block;
   padding: 1px 0 1px 15px;
   background-color:#B31E48;
   color: #DCC1C2;
   text-decoration: none; font-size:0.9em;
   width:145px;
}

#ExpandingSidebar li.levelcurrent3 a {
    display: block;
    padding: 1px 0 1px 20px;
    background-color:#B31E48;
    color: #FFF;
	text-decoration: none;
    width:150px; font-size:0.9em;
}

html>body #ExpandingSidebar li a {
    width: auto;
}

#ExpandingSidebar li.level1 a:hover {
    padding: 3px 0 3px 5px;
  	color: #000;
    text-decoration: none;
}

#ExpandingSidebar li.level2 a:hover, #ExpandingSidebar li.level3 a:hover {
    padding: 1px 0 1px 15px;
  	color: #DCC1C2; font-size:0.9em;
    text-decoration: none;
}

/* Side Navigation ends here */

/* WalkIt styles */

#walkitcontainer{float:right; width:150px; clear:both; margin:20px 0 200px 0; height:auto;}
#walkit1{width:150px; background-color:#A5C3D4; padding:0; border:2px solid #ffffff}
#walkit2{padding:6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13pt; font-weight:bold; color:#004D82; text-align:left; margin:0;}
#walkit3{float:left; margin:0 2px 0 0; border-bottom:1px solid #a5c3d4;}

/* Search styles */

#searchbox{float:left; clear:left; width:200px; height:70px; background-color:#FFF; margin-top:20px; padding-top:20px;}
.searchbutton{float:right; width:60px; height: 22px; margin:0; padding:0;}
.textfield1{float:left; width:120px; height:20px; margin:0; padding:0;}
/* Classes */

.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}
.redspan{color:#B40C3F;}