body,td,th {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
    line-height: 122%;
}


.frontpagedetails {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #1C1C1C;
        line-height:135%;
}

.green {
       color: #707514;
}

.blue {
       color: #122D67;
}


body {
	/*background-color: #122D67;  OLD VALUE = #2C2827 */
	margin:0;
        background-image:url(http://clients.harjesdesignhaus.com/foundationsfamilycounseling/templates/i-saturn/images/bgfade.jpg); 
        background-repeat: repeat-x;
        background-position:top left;
}

/* LAYOUT */
#wrapper {
	width: 866px;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 2px; /* OLD VALUE: 20px; */
	clear: left;
	padding: 8px;
}

#top {
	width: 866px;
	height: 85px;
	margin-top: 0px;
	margin: 0 auto;
}

#logo {
	width: 240px;
	float: left;
	margin-top: 15px;
}

#mainMenu {
	height: 10px;
	width: 625px;
	float: left;	
        margin-top: 10px;
}


#header {
        width: 609px;
        float: left;
		background: #333 url(../../../images/stories/backpages/colorado_mtns.jpg);
		height: 284px;
}

#header2 {
	width: 237px;
	float: left;
	margin-left: 10px;
	height: 284px;
}

#main {
 	width: 866px;
 	margin-top: 8px;
 	background-color: #DFEB9C; /*#E8F3D6;   #DFEB9C;  #CCCCCC; */
 	display: inline-block;
 	padding-bottom: 20px;
} 	

#content {
	width: 609px;
	float: left;
	margin-left: 10px;
        margin-top: 10px;

}

#contentright {
	width: 227px;
	float: left;
	margin-left: 10px;
        margin-top: 10px;

}

#contentright_calendar {
	width: 227px;
	float: left;
	margin-left: 10px;
        margin-top: 10px;
        background-image:url(http://clients.harjesdesignhaus.com/foundationsfamilycounseling/images/calendar_icon.jpg);
        background-repeat:no-repeat;
        background-position: 3px 9px;
        background-color: #C8D3DC;
        
      

}


#contentright h3 {
	font-size: 14px;
	color: #6E150B;
        margin-bottom: 5px;
        padding-bottom: 5px;
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        padding-left: 0px;
}

#contentright_calendar h3 {
	font-size: 14px;
	color: #6E150B;
        margin-bottom: 5px;
        padding-bottom: 5px;
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        padding-left: 27px;
        
}
  
h1 {
	font-size: 22px;
	color: #707514;
        line-height: 110%;
        margin-top: 8px;
}   

.frontpage {
	font-size: 24px;
	color: #81885A; /* Green #707514; */
	line-height: 140%;
        margin-top: 15px;

}


.frontpage_header {
	font-size: 24px;
	color: #122D67; /* Green #707514; */
	line-height: 140%;
        margin-top: 15px;

}


h2 {
	font-size: 16px;
	color: #122D67;
        border-bottom: solid 3px #fff;
        line-height: 100%;
        margin-top: 20px;
}

h3 {
	font-size: 15px;
	color: #122D67;
        border-left: solid 8px #6E4B0B;
        line-height: 100%;
  
        padding-left: 7px;

}


.componentheading_contact {
	font-size: 16px;
	color: #122D67;
        border-bottom: dotted 1px #fff;
        line-height: 130%;
        margin-top: 8px;
}


.contentheading_contact {
	font-size: 16px;
	color: #122D67;
        border-bottom: solid 3px #fff;
        line-height: 130%;
        margin-top: 8px;
        font-weight: bold;
}

.contentdescription_contact {
        margin-bottom: 15px;

}

.sectiontableentry_contact,
.sectiontableentry_contact a,
.sectiontableentry_contact a:visited {
       line-height: 80%;
       font-size: 16px;
       text-decoration: none;
       }

.sectiontableentry_contact a:hover {
      text-decoration: underline;
      }

.contact_list {
      margin-top: -5px;
      }

.clear {
	clear: both;
}

#mainMenu h3 {
	display: none;
}


/* GENERAL TAGS */
a {
	color: #2050AF; /*9d6a0f;*/
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}

img {
	border: none;
}

/* menu tags */
#mainMenu ul {
        float: left;	
}
#mainMenu h3 {
	display: none;
}
/* this is the main UL element*/

.menu {
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
 .menu ul{
	margin:0;
	padding:0;
	list-style:none;	
}

/* these are all the LIs in the menu*/
.menu li{
	font-weight: normal;
	font-size: 11px;
	padding-left: 5px; /* OLD VALUE = 10px */
	padding-top: 35px; 
	width: 82px; /* OLD VALUE = 90px */
	height: 40px; /* OLD VALUE = 12px */
	text-transform: uppercase;
	border-left: solid 2px #fff;
	}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.menu a{
       	text-decoration: none;
	color: #fff;
}

.menu li a:hover{
text-decoration: underline;
    

}

/* these are the LIs that only belong to submenu*/
.menu ul li{
	border-top:0;
	margin-left:-1px;
	margin-top: 1px;
	width: 180px;
	background-color: #2C2827;
	border-bottom: solid 3px #333333;
	padding-top: 7px;
	height: 20px;
}

/* these are the LIs that contains a submenu*/
.menu li.submenu{
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.menu ul li.submenu{
}

.menu ul li a:hover {
	text-decoration: underline;
}


/* RIGHT SIDE */

#contentright .moduletable {
        clear: left;
        padding-top: 10px;
}


#contentright_calendar .moduletable {
        clear: left;
        padding: 10px;


}


/* RIGHT SIDE MENU */

#contentright ul {
        float: left;
        color: #6E4B0B;
}

/* this is the main UL element*/

#contentright .menu {
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
#contentright .menu ul{
	margin:0;
	padding:0;
	list-style:disc;
        	
}

/* these are all the LIs in the menu*/
#contentright .menu li{
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 10px;
        margin-left: 15px;
	width: 237px; /* OLD VALUE = 90px */
        border: none;
        list-style: square;
        text-transform: none;
        height: 12px;
	
	}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
#contentright .menu a{
       	text-decoration: none;
	color: #2050B8;
}

#contentright .menu a:hover{
	text-decoration:underline;
     
}


/* FOOTER */
.footer {
        width: 882px;
        color: #999999;
        text-align: left;
        margin: 0 auto;
}

.footer a {
        color: #999999;
        }
        
.footer ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	padding-top: 0px;
        float: left
               }

.footer ul li {
	display: inline; 
	padding-right: 15px;
        height: 8px;
}

.footer .moduletable {
        clear: left;
        padding: 8px;
}