body, html, div, span, ul, p, img, h1, h2, h3, h4, h5, h6, h7, form, fieldset{margin: 0; padding: 0; border: 0}
a{text-decoration: none; color: #476694}
a:hover{text-decoration: none; color: #7aa841}
h1, h2, h3, h4, h5, h6, h7 {font-weight: normal}

body, .search, #searchBtn{font-family: Helvetica Neue, Arial; color: #555; font-size: 14px; text-shadow: 0px 1px 0px #FFF}
input {outline: none}

/*Backgrounds*/
html{background: url('img/back.png')}
body{background: url('img/header_back.png') repeat-x}

/*Layout*/
.wrapper{width: 990px; margin: 0 auto; height: 500px}

/*Header*/
.headTitle{height: 105px}

.headLogo h1{background: url('img/logo.png') no-repeat; width: 250px; height: 90px; margin: 15px 30px; text-indent: -999em}

/*
.headMenuWrap {background: url('img/menu_back.png'); border: 1px solid #4391d0; height: 36px}
.headMenu {height: 34px; padding: 0 10px; border: 1px solid #82bdec}
.headMenu ul {list-style: none; margin: 0; padding: 0}
.headMenu ul li{padding: 0 12px}
.headMenu ul li a{color: #FFF; padding: 2px 0px; line-height: 34px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; text-shadow: 1px 1px 0px #888}
.headMenu ul li a:hover{border-bottom: 2px solid #fff5bf}
.headMenu ul li.current-menu-item a:hover{border: 0; padding: 3px 8px; border: 1px solid #fffaeb}
.headMenu ul li.current-menu-item a{padding: 3px 8px; color: #709B3B; text-shadow: 0px 1px 1px #AAA; border: 1px solid #fffaeb; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-shadow: 0px 1px 2px #999; -webkit-box-shadow: 0px 1px 2px #BBB; box-shadow: 0px 1px 2px #BBB; background: #fff1c6 url('img/menuactive.png')}
.sub-menu{display: none}
*/

.headMenuWrap {background: url('img/menu_back.png'); border: 1px solid #4391d0; height: 36px}
.headMenu {height: 34px; padding: 0 10px; border: 1px solid #82bdec}

/* Menu */
#menu {padding:0; margin:0; list-style:none; position:relative; z-index:200; height:36px; line-height: 34px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; text-shadow: 1px 1px 0px #888}
#menu ul {padding:0; margin:0; list-style:none; float:left; background:#5e9ed5}

#menu li {float:left;}
#menu li li {float:none}

#menu li.current-menu-item a span{color: #709B3B; text-shadow: 0px 1px 1px #AAA; border: 1px solid #fffaeb; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-shadow: 0px 1px 2px #999; -webkit-box-shadow: 0px 1px 2px #BBB; box-shadow: 0px 1px 2px #BBB; background: #fff1c6 url('img/menuactive.png') 10px -10px; padding: 4px 6px}
#menu li ul.sub-menu li a span, #menu li ul.sub-menu li.current-menu-item a span{color: #FFF; text-shadow: 1px 1px 0px #888; border: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background:none; padding: 0}
#menu li a:hover span{border-bottom: 2px solid #fff5bf}
#menu li.current-menu-item a:hover span{border-bottom: 1px solid #fffaeb}

/* a hack for  IE6 */
* html #menu li li {float:left;}

#menu li a {display:block; float:left; color:#fff; height:36px;  padding:0 10px; line-height:36px; text-decoration:none; white-space:nowrap}
#menu li li a {display:block; height:20px; line-height:20px; float:none; padding:0 10px; font-weight:normal; letter-spacing:1px;}

#menu li:hover {position:relative; z-index:300;}
#menu li.cssplay_hover {position:relative; z-index:300;}
#menu li.cssplay_hover a {}

#menu li li a {color:#FFF;}
#menu li li.cssplay_hover a {color:#fff}

#menu li:hover ul {left:0; top:33px; z-index:500;}
#menu li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#menu ul {position:absolute; left:-9999px; top:-9999px;}
* html #menu ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#menu li:hover > a {}

/* but IE5.x and IE6 need this lot to style the flyouts*/

/* show next level */
#menu li.cssplay_hover li.cssplay_hover ul,
#menu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#menu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#menu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#menu li.cssplay_hover ul ul,
#menu li.cssplay_hover li.cssplay_hover ul ul,
#menu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#menu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* Family Life Cycle Menu*/

#lcMenu {list-style: none; margin-bottom: 30px; padding: 0 10px; background: #F9F9F9; border: 1px solid #C9C9C9}
#lcMenu li a{padding: 7px 10px; display:block; line-height: 20px}
#lcMenu li.current-menu-item, #lcMenu li.current-menu-parent{background: #5E9ED5; border: 1px solid #4391d0}
#lcMenu li.current-menu-item a, #lcMenu li.current-menu-parent a{padding: 6px 10px; border: 1px solid #82bdec; color: #FFF; text-shadow: 0px 1px 0px #777}

.topSocial{background: #FFF url('img/headertop_back.png'); height: 30px; border: 1px solid #F8F8F8; border-top: 0; text-align: right; font-size: 12px}
.topSocial a{padding:0 10px 0 25px; line-height: 30px}
.topSocial a.fb{background: url('img/fb.png') no-repeat 2px 6px}
.topSocial a.twit{background: url('img/twit.png') no-repeat 0 6px}
.topSocial a.lin{background: url('img/lin.png') no-repeat 0 6px}


.topSocial div{background: url('img/search.png') no-repeat 0 6px; padding-right: 4px}
.topSocial .search{border: 0; margin: 4px 0; height: 20px; width: 100px; padding: 0 10px; font-size: 12px; background: none}
#searchsubmit {text-indent: -999em; font-size: 0; width: 80px; color: #c3a451; font-size: 12px; border: none; background: none; text-shadow: 0px 1px 0px #FFF; }
.filler {background: #f8efc1; border: 1px solid #f5d163; height: 4px; border-top: 0}

/*Home Content*/
.content{margin-top: 30px}
.content h2{letter-spacing: 0.05em}

.hContent{width: 540px}

.hMainText{padding: 0 20px}
.hMainText h2{margin: 0 0 5px 0; padding: 5px; border-bottom: 1px solid #85be3b; font-weight: bold; color:#6D97C7; text-shadow: none}
.hMainText p{line-height: 22px; text-align: justify; margin-bottom: 10px}

/*
.hMainText h2{text-indent: -999em; margin: 0 0 5px 0; padding: 5px; border-bottom: 1px solid #85be3b;}
h2.who_text{background: url('img/who_text.png') no-repeat -6px 0}
h2.what_text{margin: 20px 0 5px 0; background: url('img/what_text.png') no-repeat -6px 0} */

/* Page/Article*/
.entryWrap{margin-left: 20px; padding: 20px; background: #F4F4F4; background: rgba(244, 244, 244, 0.3); border: 1px solid #c9c9c9; }
.innerContent{width: 780px}

/*Page/Article Content Formatting*/
.entryWrap p{line-height: 20px}
.entryWrap ul{margin: 20px}
.entryWrap li{line-height: 24px}
.entryWrap h1, .entryWrap h2, .entryWrap h3, .entryWrap h4, .entryWrap h5, .entryWrap h6, .entryWrap h7 {letter-spacing: 0.01em; color: #7aa841; border-bottom: 1px solid #85be3b; padding: 5px 0; margin: 10px 0}
.entryWrap h1 {font-size: 26px; margin-top: 0; padding-top: 0}
.entryWrap h2 {font-size: 24px}
.entryWrap h3 {font-size: 22px}
.entryWrap h4 {font-size: 20px}
.entryWrap h5 {font-size: 18px}
.entryWrap h6 {font-size: 16px}
.entryWrap h7 {font-size: 14px} 
.entryWrap strong {color: #000; font-weight: bold}
.entryWrap p{margin: 15px 0}
.entryWrap a{text-decoration: none; color: #476694; border-bottom: 1px dotted #476694}
.entryWrap a:hover{text-decoration: none; color: #7aa841; border-bottom: 1px dotted #85be3b}
.entryWrap table {margin: 20px; border: 1px dotted #476694; padding: 10px}
.entryWrap table caption{padding: 10px; font-weight: bold; font-size: 16px }
.entryWrap table th{background: #A4C0E5; padding: 5px 10px; border-bottom: 1px solid #eee}
.entryWrap table td{padding: 5px 10px; border-bottom: 1px solid #bbb}
.entryWrap table tr{border-bottom:  1px solid #476694 }
.entryWrap ul {list-style:square inside url(img/bullet.png);}
.entryWrap .references {font-family: Courier; font-size: 12px; line-height: 16px}
.entryWrap p{margin: 5px 0; padding: 0}

#authorinfo{margin-top: 20px; border-top: 1px solid #999; padding-top: 20px}
#authorinfo h6{margin-top: 0; padding-top: 0; font-size: 14px}
.authorImg{width: 68px}
.authorImg img{border: 3px solid #FFF}
.authorDesc{margin-left: 20px; width: 630px}

/*Category Page*/
.entryCategory h2{border: 0; margin-top: 0}
.entryCategory h3{font-size: 20px; margin-top: 0}
.entryCategory h3 a, .entryCategory h3 a:hover{border: 0}
.entryCategory .entry{margin-bottom: 10px}

/* Sidebars*/
.hContent img{margin: 20px}
.lsidebar{width: 210px}
.rsidebar{width: 238px}
.rsidebar div{margin: 10px 10px; background: url('img/rbox_back.png'); border: 1px solid #c9c9c9;}
.rsidebar img{width: 200px; padding: 8px; height: 150px; border-top: 1px solid #FFF; border-top-color: rgba(255, 255, 255, 0.6);}
.lsidebar h3, .rsidebar h3{text-transform: uppercase; text-align: center; font-weight: bold; letter-spacing: 0.07em; font-size: 12px; color: #7aa841; border-bottom: 2px solid #85be3b; margin: 0; line-height: 50px}
.lsidebar ul {list-style: none; line-height: 20px}

.articles, .lMenu, .tioBox, .rsidebar{border: 1px solid #c9c9c9; background: url('img/line_pat.png')}
.articles, .tioBox {margin-top: 30px; overflow: hidden}
.articles ul, .tioBox ul{border-top: 1px solid #FFF; border-top-color: rgba(255, 255, 255, 0.7); padding: 20px}
.articles ul{padding: 10px 20px}
.prevArts a, .nextArts a{width: 260px; height: 40px; display: block; text-indent: -999em; background: url('img/prev.png') -30px 0}
.nextArts a{background: url('img/next.png') -30px 0; margin-bottom: 10px}

.tioBox ul{list-style:circle; list-style-image: url(img/tickbullet.jpg); margin-left: 10px}
.articles ul li, .tioBox ul li{margin-bottom: 5px}

.lMenu ul {list-style: none; padding: 5px 0}
.lMenu ul li a{display: block; line-height: 12px; font-size: 15px; padding: 9px 14px; letter-spacing: 0.03em}
.lMenu ul li.current-menu-item, .lMenu ul li.current-menu-parent{background: url('img/menu_back.png'); border: 1px solid #4391d0}
.lMenu ul li.current-menu-item a, .lMenu ul li.current-menu-parent a{border: 1px solid #82bdec; padding: 9px 14px; color: #FFF; text-shadow: 0px 1px 0px #777}

/*Footer*/
.footer{border-top: 1px #AAA dotted; margin: 20px 0 40px 0; line-height: 30px; text-align: center; font-size: 10px; letter-spacing: 0.1em}

.box_round, .topSocial,.headMenuWrap, .headMenu, .articles, .tioBox, .lMenu, .rsidebar, .rsidebar div, .entryWrap, #lcMenu{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.headMenuWrap {-moz-box-shadow: 0px 1px 2px #BBB; -webkit-box-shadow: 0px 1px 2px #BBB; box-shadow: 0px 1px 2px #BBB}
.articles, .tioBox, .rsidebar, .lMenu, .rsidebar div, .entryWrap, #lcMenu{-moz-box-shadow: 0px 1px 2px #DCDCDC; -webkit-box-shadow: 0px 1px 2px #DCDCDC; box-shadow: 0px 1px 2px #DCDCDC}
.topSocial{-moz-box-shadow: 0px 0px 1px #BCBCBC; -webkit-box-shadow: 0px 0px 1px #BCBCBC; box-shadow: 0px 0px 1px #BCBCBC}

.topSocial form, .topSocial div, .headMenu ul li, .topSocial a, .lsidebar, .rsidebar, .hContent, .innerContent, .authorImg, .authorDesc, #lcMenu li{display: inline-block; zoom: 1; *display:inline}
.topSocial a, .lsidebar, .rsidebar, .hContent, .authorImg, .authorDesc, #lcMenu li{vertical-align: top}