body { background:url(../images/body_bg.jpg) repeat-x #fae6c5; font-family:Arial, Helvetica, sans-serif; }
#wrapper { width:772px; margin:0 auto; background-color:#fff; padding-top:6px; }

/* =========////// Header styles \\\\\\========= */
#header { width:760px; height:268px; margin:0 auto; background:url(../images/header.jpg) no-repeat; position:relative; }

/* =========////// Navigation styles \\\\\\========= */
#navigation { position:absolute; top:182px; left:19px; width:408px; height:105px; background:url(../images/bg_menu.png) no-repeat; }
a#homeLink { font-size:14px; font-weight:bold; color:#000; text-decoration:none; display:block; position:absolute; top:47px; left:15px; width:66px; height:25px; padding:10px 0 0 15px; }
a#homeLink:hover { background:url(../images/a_hover.png) no-repeat; }
a#familyLink { font-size:14px; font-weight:bold; color:#000; text-decoration:none; display:block; position:absolute; top:46px; left:130px; width:80px; height:25px; padding:11px 10px 0 13px; }
a#familyLink:hover { background:url(../images/a_hover_large.png) no-repeat; }
a#photoLink { font-size:14px; font-weight:bold; color:#000; text-decoration:none; display:block; position:absolute; top:47px; right:34px; width:66px; height:25px; padding:10px 0 0 15px; }
a#photoLink:hover { background:url(../images/a_hover.png) no-repeat; }

/* =========////// Content area styles \\\\\\========= */
#content { width:772px; padding:21px 0 13px 0; position:relative; }
#content h1#infoTitle { margin:0 0 -15px 0; padding:0; position:relative; width:143px; height:39px; overflow:hidden; }
#content h1#infoTitle span { display:block; position:absolute; left:0; top:0; z-index:1; width:143px; height:39px; margin:0; padding:0; background:url(../images/title_family_info.jpg) top left no-repeat; }
#content h1#photosTitle { margin:0 0 -15px 0; padding:0; position:relative; width:143px; height:39px; overflow:hidden; }
#content h1#photosTitle span { display:block; position:absolute; left:0; top:0; z-index:1; width:143px; height:39px; margin:0; padding:0; background:url(../images/title_photos.jpg) top left no-repeat; }
#content h1#latestNews { margin:0 0 -15px 0; padding:0; position:relative; width:143px; height:39px; overflow:hidden; }
#content h1#latestNews span { display:block; position:absolute; left:0; top:0; z-index:1; width:143px; height:39px; margin:0; padding:0; background:url(../images/title_latest_news.jpg) top left no-repeat; }
#content h1#loginTitle { margin:0 0 0 0; padding:0; position:relative; width:143px; height:44px; overflow:hidden; }
#content h1#loginTitle span { display:block; position:absolute; left:0; top:0; z-index:1; width:143px; height:44px; margin:0; padding:0; background:url(../images/title_login.jpg) top left no-repeat; }
#content h1#addStoryTitle { margin:20px 0 0 0; padding:0; position:relative; width:200px; height:39px; overflow:hidden; }
#content h1#addStoryTitle span { display:block; position:absolute; left:0; top:0; z-index:1; width:200px; height:39px; margin:0; padding:0; background:url(../images/title_add_story.jpg) top left no-repeat; }
#content h1#usersTitle { margin:0 0 -15px 0; padding:0; position:relative; width:143px; height:39px; overflow:hidden; }
#content h1#usersTitle span { display:block; position:absolute; left:0; top:0; z-index:1; width:143px; height:39px; margin:0; padding:0; background:url(../images/title_users.jpg) top left no-repeat; }
#content td { color:#000; font-size:11px; }
#content .boldOrange { color:#e58f3c; font-size:14px; font-weight:bold; }
#content input, #content select, #content textarea { color:#000; font-size:11px; font-family:Arial, Helvetica, Sans-serif; }
#content #newsContainer { background-color:#fae6c5; position:absolute; left:-16px; border-left:16px #fff solid; border-right:16px #fff solid; width:716px; padding:8px 16px 8px 8px; margin-top:5px;}
.newsImage { border:1px solid #000; margin-top:19px; margin-bottom:5px; }

/* =========////// Left side content area styles \\\\\\========= */
#contentLeft { background-color:#fae6c5; min-height:634px; width:382px; position:relative; left:16px; padding:8px 16px 8px 8px; }
#contentLeft h2 { color:#e58f3c; font-size:14px; }
#contentLeft p { color:#000; font-size:11px; }
#contentLeft p a { font-weight:bold; color:#000; }
#contentLeft p a:hover { color:#e58f3c; }

/* =========////// Right side content area styles \\\\\\========= */
#contentRight { background-color:#fae6c5; min-height:626px; width:309px; position:absolute; right:16px; padding:16px 8px 8px 8px; }
#contentRight p { color:#000; font-size:11px; }
#contentRight p a { color:#000; font-weight:bold; }
#contentRight p a:hover { color:#e58f3c; }
#contentRight h1#recentNews { margin:0; padding:0; position:relative; width:115px; height:21px; overflow:hidden; margin-bottom:23px; }
#contentRight h1#recentNews span { display:block; position:absolute; left:0; top:0; z-index:1; width:115px; height:21px; margin:0; padding:0; background:url(../images/title_recent_news.jpg) top left no-repeat; }
#contentRight #sideLinks { width:285px; height:283px; padding-top:55px; margin:40px 0 0 5px; background:url(../images/bg_sidelinks.jpg) no-repeat; }
#contentRight #sideLinks a.email { display:block; width:285px; height:46px; text-decoration:none; background:url(../images/sidelinks/email.jpg); }
#contentRight #sideLinks a.email:hover, #contentRight #sideLinks a.check_email:hover, #contentRight #sideLinks a.login:hover, #contentRight #sideLinks a.nordic:hover { background-position: 0 -46px; }
#contentRight #sideLinks a.check_email { display:block; width:285px; height:46px; text-decoration:none; background:url(../images/sidelinks/check_email.jpg); }
#contentRight #sideLinks a.login { display:block; width:285px; height:46px; text-decoration:none; background:url(../images/sidelinks/login.jpg); }
#contentRight #sideLinks a.nordic { display:block; width:285px; height:46px; text-decoration:none; background:url(../images/sidelinks/nordic.jpg); }

/* =========////// Wide content area styles for gallery page \\\\\\========= */
#contentWide { width:716px; margin:0 auto; padding:8px 16px 8px 8px; background-color:#fae6c5; }
#contentWide h2 { color:#e58f3c; font-size:14px; }
#contentWide p { color:#000; font-size:11px; }
#contentWide a { color:#000; font-weight:bold; }
#contentWide a:hover { color:#e58f3c; }

/* =========////// Footer styles \\\\\\========= */
#footer { background:url(../images/footer.jpg) no-repeat; width:345px; height:50px; margin:0 auto; padding:0 0 0 415px; }
#footerLinks { width:316px; }
#footerLinks p { margin:0; padding:0; }
#footerLinks a { color:#000; font-size:12px; text-decoration:none; font-weight:bold; display:block; float:left; padding:19px 10px 7px 10px; }
#footerLinks a:hover { background:url(../images/small_underline.jpg) no-repeat bottom; }

/* =========////// Footer for News add/edit styles \\\\\\========= */
#footerNews { background:url(../images/footer.jpg) no-repeat; width:345px; height:50px; margin-left:-16px; padding:0 0 0 415px; }
#footerNewsLinks { width:316px; }
#footerNewsLinks p { margin:0; padding:0; }
#footerNewsLinks a { color:#000; font-size:12px; text-decoration:none; font-weight:bold; display:block; float:left; padding:19px 10px 7px 10px; }
#footerNewsLinks a:hover { background:url(../images/small_underline.jpg) no-repeat bottom; }
