/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(/images/bg_body.gif) top left repeat-x #a4cadb; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#pagewrapper {display: block; width: 858px; background: url(/images/bg_main_wide.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {display:block;background: url(/images/bg_header.gif);}
#showcomments {background: url(/images/BoxedTalkBubble.gif) 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#hidecomments {background: url(/images/BoxedX.gif) 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#addcomments {background: url(/images/BoxedPlusSign.gif) 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#rsslink {background: url(/images/BoxedRss.gif) 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#share {background: url(/images/BoxedStar.gif) 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#comments {margin: 0px 17px 10px 17px;}
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;}
.commentbar a, a:visited {color: white; text-decoration: none;}
#mainnavigation {margin: 0px 7px 0px 7px; padding: 0px 0px 0px 0px; height: 73px;}
#mainpic {height:250px; border-top: 1px solid #555555;border-bottom: 3px solid gray;margin: 0px 7px 10px 7px; background: url(page_header.jpg) no-repeat;}
#pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:157px; background: #444444; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
.picture {background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 17px 10px 17px;}
.picture img {border: 1px solid #AAAAAA; }
.picture p {margin: 10px 0 5px 0; }
#widecontent {margin: 0 17px 0 17px;}
div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: #fff}
img.thumbnail {border: 1px solid #AAAAAA; }
p {margin: 10px 0 10px 0;}
.feedbackcomment {border:1px gray dashed; background-color:white; padding: 10px;}
.feedbackreply {border:1px gray dashed; background-color: #ffffdd; padding: 10px;}

/* typography */
h1 {font: 2.2em Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;}
h1 a, h1 a:link, h1 a:visited, h1 a:hover {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 0px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
#pagetitle {}
#pagesubtitle {color: #CADFED;}
#maintitle {font: 2.0em Tahoma, Verdana, Arial, sans-serif; color: silver; margin: 0px 0 0 0;}

/* content box */
.contentbox {background-color: #E4E9EE; color: #555555; padding: 10px 10px 0 10px; border: 1px solid #AAAAAA; margin: 0px 0px 10px 0px;}
.contentbox p {margin: 0px 0 10px 0;}
.contentbox h2 {font-weight: bold;}

/* photo album */
.albumbox {background: url(/images/bg_albumbox.gif) bottom left repeat-x #FFF; color: #404040; padding: 10px 10px 10px 10px; border: 1px solid #AAAAAA; margin: 0px 0px 10px 0px;}
.albumbox_title {font-size: 1.05em; font-weight: bold;}
.albumbox_date {font-weight: bold; color: gray;}
.albumbox_pic {float: left; padding-right: 9px;}
.favbox {background: url(/images/bg_favbox.gif) bottom left repeat-x #CACACA; color: white; padding: 10px 10px 10px 10px; border: 1px solid gray; margin: 0px 0px 10px 0px;}
.favboxlink {padding-top: 10px;}
.favboxlink a, .favboxlink a:link, .favboxlink a:visited, .favboxlink a:hover  {color: #fff; text-decoration: none;}

.albumtitle {background: url(/images/bg_title.gif) top left repeat-x #C6C6C6; color: #404040; padding: 10px 10px 10px 10px; border: 1px solid #AAAAAA; margin: 0px 0px 10px 0px;}

.gallerybox {background: url(/images/bg_favbox.gif) bottom left repeat-x #CACACA; color: white; border: 1px solid gray; margin: 0px 0px 10px 0px;}
.gallerytitle {padding: 0px 0 10px 10px; }
.gallerytitle a, .gallerytitle a:link, .gallerytitle a:visited, .gallerytitle a:hover {color: #fff; text-decoration: none;}
.gallerybody {padding: 10px 10px 10px 10px;}


/* lists */
ul.list {margin: 0 0 24px 9px;}
ol.list {margin: 0 0 24px 9px;}
ul.list li {margin: 0 24px 0 14px;}
ol.list li {margin: 0 24px 0 14px;}


/* links */
a:link, a:visited {text-decoration: none; color:#003399;}
a:hover {color: #D76519;}

/* page tabs */
#pagetabs_container {margin: 0px 7px 0px 7px;}
#pagetabs {list-style: none; margin: 0px 0px 0px 0px; }
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 0px solid red; margin: 0 0px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 0px solid #486065;}
#pagetabs a {float: left; display: block; padding: 4px 14px 4px 14px; color: #fff; font-weight: bold;}
#pagetabs a:hover {background: url(/images/bg_pagetabs_hover.gif); color: #fff;}
#pagetabs .pagtab_selected {background: url(/images/bg_pagetabs_selected.gif);}

/* footer */
#footer {clear: both; display: block; width: 858px; background: url(/images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #a4cadb; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 858px; height: 15px; background: url(/images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 5px 37px 20px 37px;}
#footer a, #footer a:visited {color: #B05255;}


/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 4px solid #2792B8; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab1 li.tab1, li.tab2 { /* settings for selected tab */
border-bottom: 0px solid #2792B8; /* set border color to page background color */
background-color: #2792B8; /* set background color to match above border color */
}

div#tab1 li.tab1 a, li.tab2 a { /* settings for selected tab link */
background-color: #2792B8; /* set selected tab background color as desired */
color: #fff; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 4px 15px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #888888; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #888888; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #57A9C7; /* set desired hover color */
color: #fff;
}
/* end css tabs */