/* RESET
---------------------------------*/
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6,abbr {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form,abbr {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
button {cursor:pointer;float:left;}
a {outline:none;}
.hidden {display:none;}

/* STYLE
---------------------------------*/

/* general elements */
body {font:normal 62.5%/1.5em Calibri,"Lucida Grande",Garuda,sans-serif;text-align:center;color:#434f5b;background:url(../images/layout/header_bg.jpg) repeat-x 0 -2px;}
a {color:#803767;text-decoration:underline;}
a:hover {color:#000;text-decoration:underline;}
p {margin:0 0 1em;}

/* layout */
#wrapper {margin:0 auto;width:860px;font-size:1.3em;line-height:1.5;text-align:left;} /* font-size: 12px, line-height: 18px; */

#header {height:125px;width:100%;position:relative;background:url(../images/layout/family-animated.gif) no-repeat 696px 12px;z-index:2;}
#header .contact {float:right;display:block;margin:25px 0 0 0;width:25px;height:17px;position:relative;}
#header .contact a {display:block;width:25px;height:17px;background:url(../images/icons/contact.gif) no-repeat 0 0;text-indent:-1000em;overflow:hidden;}
#header .contact em {display:none;position:absolute;left:-5.5em;top:2em;}
#header .contact:hover em {display:block;}

h1 a {width:174px;height:50px;display:block;float:left;text-indent:-1000em;overflow:hidden;text-decoration:none;background:url(../images/layout/logo.gif) no-repeat 0 0;margin-top:10px;}
h2,h3,h4 {color:#803767;clear:both;}
h2 a,h3 a,h4 a {color:#803767;text-decoration:none;display:inline-block;border-bottom:1px solid #fff;}
h2 a:hover,h3 a:hover,h4 a:hover {border-bottom:1px solid #000;text-decoration:none;}
h2 {font-size:1.6em;margin:0 0 .5em;padding:0 0 .2em;background:url(../images/layout/dotted_arrows.gif) no-repeat 0 1.4em;}
h3 {font-size:1.4em;margin:0 0 .5em;padding:0 0 .2em;background:url(../images/layout/dotted_arrows.gif) no-repeat 0 1.45em;}
h4 {font-size:1.2em;}

#sidebar h2,
#sidebar h3 {background:0;padding:0;margin:0 0 .35em;}

#header ul {position:absolute;left:0;bottom:0;width:100%;height:41px;border-top:2px solid #fff;}
#header ul li {display:block;float:left;margin:0 1px 0 0;position:relative;}
#header ul li a {display:block;float:left;padding:12px 20px 8px;line-height:1.25;height:20px;color:#fff;text-decoration:none;font-weight:bold;}
#header ul li a:hover {text-decoration:underline;}

/* subnavigation */
#header ul li ul {position:absolute;left:1px;top:40px;width:172px;display:none;}
#header ul li:hover ul {display:block;}
#header ul li ul li {width:170px;float:left;height:auto;position:static;background:#b0b6bc;border-bottom:2px solid #fff;border-right:2px solid #fff;}
#header ul li.active li a,
#header ul li ul li a {width:150px;padding:6px 10px 5px;height:auto;font-weight:normal;font-size:14px;color:#434B51;text-align:left;background:none;}
#header ul li ul li a:hover {color:#fff;}

/* content container */
#body {width:860px;min-height:36em;padding:2.5em 0 2em;float:left;}

.article {margin:0 0 2.5em;}
.article img {float:left;margin:0 1em 1em 0;}

#sidebar .articles li {padding:12px 0 0;background:url(../images/layout/pushbox-top.gif) no-repeat 0 0;}
#sidebar .articles li .article {border:0;padding-top:0;background:url(../images/layout/pushbox-bottom.gif) no-repeat 0 100%;}
#content .articles li,
#content .articles li .article {padding:0;background:0;border:0;}

/* gallery */
#content .article .thumbnails {list-style:none;}
#content .article .thumbnails li {float:left;margin:16px 5px 0 0;width:95px;height:73px;overflow:hidden;list-style:none;}
#content .article .thumbnails li {float:left;margin:16px 5px 0 0;width:95px;height:73px;overflow:hidden;list-style:none;}
#content .article .thumbnails li a {display:block;float:left;background:#c1c1c1;padding:4px;height:65px;overflow:hidden;}
#content .article .thumbnails li a img {display:block; margin:0;float:none;}

form.enews label span {width:235px;padding-right:10px;display:block;font-size:1em;text-align:right;}
form.enews label {display:block; float:left;}
form.enews button {margin-top:20px;}
form.enews .error {color:#803767;}


/* links separated by dotted lines */
#body .dotLinks {position:relative;padding-bottom:1.5em;height:1.8em;}
#body .dotLinks ul {position:absolute;top:0.4em;left:0;}
#body .dotLinks ul li {height:1.5em;display:block;float:left;padding:0em 0.5em;border-left:0.1em dotted #626E7A;}
#body .dotLinks ul li.first {border-left:none;padding-left:0;}
#body .dotLinks ul li.last {padding-right:0;}

#content {position:relative;width:500px;float:left;margin:0 20px 0 0;}
#content .article ul li {list-style:disc;list-style-position:inside;line-height:1.5;}

#sidebar {width:320px;float:right;}
#sidebar .article p {margin:0 0 1.5em;}
#sidebar .article ul li {margin-bottom:1.5em;}
#sidebar .article {padding:1em;}

/* news */
.news {margin:0 0 1.5em;}
.news li {width:100%;float:left;margin:0 0 1.5em;}
.news li p {margin:0 0 .2em;}
.news .date {display:block;color:#666;}

.more {display:block;float:right;font-weight:bold;}

/* footer */
#footer {width:100%;background:#dbdcdc;padding:.5em 0;clear:both;font-size:1.1em;text-align:left;}
/*#footer p {margin:0 0 0 10px;}*/
#footer p {text-align:left;padding-top:5px;margin:0px auto; width:860px;}


/* HACKS
------------------------------ */
.clear,#header,#header ul,.sidebarLinks,.filelist {display:inline-block;}
.clear:after,#header:after,#header ul:after,.sidebarLinks:after,.filelist:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}