
/* Start: Plain tags */

html {
    height:100%;
}
body {
    height:100%;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    line-height:15px;
    color:#333;
    text-align:center;
    background:#fff;
}


li, p {
    color:#555;
}

blockquote {
    margin:7px 0 9px 40px;
}

ul {
    margin:7px 0 7px 30px;
    list-style:disc;
}
li {
    line-height:14px;
}

a {
    color:#002bb8;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:focus {
    outline:1px dotted #002bb8;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    margin:0;
    border:none;
}

h2, h3 {
    margin-right:10px;
}
h2 {
    padding-bottom:3px;
    border-bottom:2px solid #597;
    color:#385;
}
h3 {
    padding-bottom:3px;
    border-bottom:1px solid #bbb;
}

h1 {font-size:28px; line-height:31px; margin:0 0 6px 0; font-weight:normal;}
h2 {font-size:24px; line-height:27px; margin:18px 0 6px 0;}
h3 {font-size:20px; line-height:22px; margin:16px 0 5px 0; font-weight:normal;}
h4 {font-size:16px; line-height:19px; margin:14px 0 5px 0;}
h5 {font-size:14px; line-height:16px; margin:13px 0 4px 0;}
h6 {font-size:12px; line-height:15px; margin:11px 0 3px 0;}

code {
    background-color:#f9f9f9;
}
pre {
    margin:8px 0;
    padding:10px;
    border:1px dashed #2f6fab;
    font-size:10px;
    line-height:12px;
    color:#333;
    background:#f9f9f9;
}

/* End: Plain tags */


.comment {color:#999;}


/* Start: URL icons */
a[href^="http://"],
a[href^="https://"] {
    padding-right:14px;
    color:#36b;
    background:url(../img/icon/link/external_green.gif) center right no-repeat;
}
a[href^="news:"] {
    padding-right:18px;
    color:#36b;
    background:url(../img/icon/link/news.gif) center right no-repeat;
}
a[href^="ftp://"] {
    padding-right:18px;
    color:#36b;
    background:url(../img/icon/link/file.gif) center right no-repeat;
}
/* End: URL icons */


/* Start: Grid layout */
#page {
    min-height:101%;
    margin:0 auto;
    width:980px;
    text-align:left;
}

* html #page {
    height:101%;
}
*:first-child+html #page {
    height:101%;
}

#content {
    padding:0 5px 30px 5px;
}

#leftColumn   {float:left;}
#centerColumn {float:left;}
#rightColumn  {float:left;}

/* grid1: center */
.grid1 #leftColumn   {display:none;}
.grid1 #centerColumn {width:970px;}
.grid1 #rightColumn  {display:none;}

/* grid2: left, center */
.grid2 #leftColumn   {width:170px; margin-right:10px;}
.grid2 #centerColumn {width:790px;}
.grid2 #rightColumn  {display:none;}

/* grid3: center, right */
.grid3 #leftColumn   {display:none;}
.grid3 #centerColumn {width:790px;}
.grid3 #rightColumn  {width:140px; margin-left:20px;}

/*
* html .grid3 #centerColumn {overflow:hidden;}
*/
/* End: Grid layout */


/* Start: Page header */
#header .banner {
    display:block;
    height:77px;
    text-decoration:none;
    background:url(../img/header2.png) 0 0 no-repeat;
}
#header .banner .title {
    display:block;
    margin:0;
    padding:5px 0 0 221px;
    border:0;
    font-size:14px;
    line-height:16px;
    font-weight:bold;
    color:#519150;
}
#header .banner .tagline {
    display:block;
    margin:0;
    padding:5px 0 0 251px;
    border:0;
    font-size:11px;
    line-height:14px;
    font-weight:normal;
    font-style:italic;
    color:#4f8f4e;
}

#header .navbar {
    height:20px;
    margin:0;
    padding:0;
    border-top:1px solid #c6a26f;
    border-bottom:1px solid #bf9559;
    list-style:none;
    background:#9e7947 url(../img/menu_bar_off.png) 0 0 repeat;
}
#header .navbar li {
    float:left;
}
#header .navbar a {
    display:block;
    padding:1px 0 1px 0;
    border-left:1px solid #ba9a70;
    border-right:1px solid #d7ae7d;
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    color:#f2d5b3;
    text-decoration:none;
    text-align:center;
}

#header .navbar li.home     {width:83px;}
#header .navbar li.life     {width:120px;}
#header .navbar li.research {width:117px;}
#header .navbar li.hobbies  {width:94px;}
#header .navbar li.learn    {width:72px;}
#header .navbar li.links    {width:70px;}
#header .navbar li.about    {width:70px;}

#header .navbar li.home a {
    border-left:0;
}

.sectHome     #header .navbar li.home a,
.sectLife     #header .navbar li.life a,
.sectResearch #header .navbar li.research a,
.sectHobbies  #header .navbar li.hobbies a,
.sectLearn    #header .navbar li.learn a,
.sectLinks    #header .navbar li.links a,
.sectAbout    #header .navbar li.about a,
#header .navbar a:hover {
    color:#775735;
    background:#dfc89f url(../img/menu_bar_on.png) 0 0 repeat;
}

#header .history {
    padding:6px 0 6px 10px;
    font-family:arial, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#808080;
    letter-spacing:1px;
    background:#fff url(../img/history.png) 0 0 no-repeat;
}
#header .history a {
    margin-right:4px;
    padding-right:11px;
    color:#808080;
    background:url(../img/icon/arrow_gray.gif) no-repeat right 3px;
}
/* End: Page header */


/* Start: Main content */
#mainContent {
    padding-top:18px;
}
#mainContent li {
    padding-top:1px;
    padding-bottom:1px;
}
/* End: Main content */


/* Start: Modules */
.module {
    padding-top:22px;
}
.module .header {
    height:30px;
    background:#489d5a url(../img/module_hdr.png) -11px 0 no-repeat;
}
.module .header .inner {
    float:right;
    width:10px;
    height:30px;
    background:url(../img/module_hdr.png) 0 0 no-repeat;
}
.module .header h2 {
    margin:0;
    padding:0 0 0 11px;
    border:none;
    font-size:14px;
    line-height:28px;
    font-weight:bold;
    color:#fff;
}

.module .body {
    border-width:0 1px;
    border-style:solid;
    border-color:#bbb;
    color:#606060;
    background:#f7f7f7 url(../img/module_body.png) 0 0 repeat-x;
}
.module .body ul {
    margin:0;
    padding:7px 9px 8px 10px;
    list-style:none;
}
.module .body ul li {
    padding:0 0 1px 10px;
    font-size:12px;
    line-height:17px;
    background:url(../img/icon/bullet_dk_green.gif) no-repeat left 5px;
}
.module .body ul li a {
    color:#606060;
}
.module .body ul li .comment {
    font-size:12px;
    line-height:15px;
}

.module .footer {
    height:5px;
    background:url(../img/module_ftr.png) -11px 0 no-repeat;
}
.module .footer div {
    float:right;
    width:10px;
    height:5px;
    background:url(../img/module_ftr.png) 0 0 no-repeat;
}

.module2 .header {
    background:#b3916c url(../img/module2_hdr.png) -11px 0 no-repeat;
}
.module2 .header .inner {
    background:url(../img/module2_hdr.png) 0 0 no-repeat;
}
/* End: Modules */


/* Start: Link categories */
span.categoryLink     {font-size:18px; line-height:21px;}
span.categoryLinkItem {font-size:11px; line-height:14px;}
/* End: Link categories */


/* Start: Columns */
.twoColumn .col1 {float:left; width:48%;}
.twoColumn .col2 {float:left; width:48%; margin-left:3%;}

.threeColumn .col1 {float:left; width:31%;}
.threeColumn .col2 {float:left; width:31%; margin-left:3%;}
.threeColumn .col3 {float:left; width:31%; margin-left:3%;}

.twoColumnCentered {margin-top:10px;}
.twoColumnCentered .col1 {float:left; width:40%; margin-left:10%; display:inline;}
.twoColumnCentered .col2 {float:left; width:44%; margin-left:5%;}

.threeColumnCentered {margin-top:10px;}
.threeColumnCentered .col1 {float:left; width:27%; margin-left:10%; display:inline;}
.threeColumnCentered .col2 {float:left; width:27%; margin-left:3%;}
.threeColumnCentered .col3 {float:left; width:28%; margin-left:3%;}

.twoColumn ul,
.threeColumn ul {
    margin-bottom:15px;
}
/* End: Columns */


/* Start: Home page icons */
.sectHome .icons {padding-top:50px;}
.sectHome .icons #icon1 {float:left; padding:0 0 0 60px;}
.sectHome .icons #icon2 {float:left; padding:0 0 0 33px;}
.sectHome .icons #icon3 {float:left; padding:50px 0 0 55px;}

.sectHome .icons #icon1 a {
    width:180px;
    padding-top:110px;
    background:url(../img/anim/001_off.gif) 0 0 no-repeat;
}
.sectHome .icons #icon2 a {
    width:180px;
    padding-top:98px;
    background:url(../img/anim/005_off.gif) 0 0 no-repeat;
}
.sectHome .icons #icon3 a {
    width:118px;
    padding-top:138px;
    background:url(../img/anim/002_off.gif) 0 0 no-repeat;
}
.sectHome .icons #icon1 a:hover {background-image:url(../img/anim/001_on.gif);}
.sectHome .icons #icon2 a:hover {background-image:url(../img/anim/005_on.gif);}
.sectHome .icons #icon3 a:hover {background-image:url(../img/anim/002_on.gif);}
.sectHome .icons a {
    display:block;
    font-size:18px;
    line-height:21px;
    color:#429756;
    text-decoration:none;
    text-align:center;
}
/* End: Home page icons */


/* Start: Photo stories */
.photoStorySubtext {
    padding:6px 0 0 40px;
    font-size:12px;
    line-height:18px;
    font-style:italic;
    color:#999;
}
.photoStory {
    margin:16px 0 0 0;
    padding:16px 0 0 0;
    border:1px solid #ddd;
    border-width:1px 0 0 0;
}
.photoStory .photoCell {
    float:right;
    width:200px;
    padding-right:80px;
}
.photoStory .photoCell .photo {
    text-align:center;
}
.photoStory .photoCell .caption {
    text-align:center;
    color:#999;
}
.photoStory .storyCell {
    margin:0 300px 0 20px;
    width:470px;
}

.photoStory .photoCell a[href^="http://"] {
    padding-right:0;
    background:none;
}
/* End: Photo stories */


/* Start: Page footer */
#footer .links {
    padding:5px 0 4px 10px;
    font-family:arial, sans-serif;
    font-size:12px;
    line-height:15px;
    color:#808080;
    background:#e2e2e3 url(../img/footer_links.png) 0 0 no-repeat;
}
#footer .links a {
    margin-left:11px;
    padding-left:17px;
    color:#808080;
    background:url(../img/icon/bar_gray.gif) no-repeat left 3px;
}
#footer .links a.first {
    margin:0;
    padding:0;
    background:none;
}
#footer .links span {
    padding:0 12px 0 13px;
}
#footer .banner {
    height:65px;
    background:url(../img/footer2.png) 0 0 no-repeat;
}
/* End: Page footer */


/* Start: Drupal */
.thmr_call ul.primary {
    background:none;
}
.field-field-parent-url,
.field-field-resources-url,
.field-field-sources-url,
.field-field-topic-type {
    display:none;
}

/*
.meta .submitted {display:none;}
.content pre, .content br {display:none;}
.content .thmr_call pre, .content .thmr_call br {display:block;}
#content-area h1 {display:none;}
.content h1 {display:none;}
*/
/* End: Drupal */



