
/* Start: Plain tags */

html {height:100%;}
body {color:#333; background:#fff; text-align:center; font:12px/1.25em verdana, arial, sans-serif; height:100%;}

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 {font-size:10px; line-height:12px; margin:8px 0; padding:10px; border:1px dashed #2f6fab; color:#333; background:#f9f9f9;}

/* End: Plain tags */


.comment {color:#999;}


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


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

* 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 {zzzoverflow:hidden;}
/* End: Grid layout */


/* Start: Page header */
#header .banner {display:block; height:77px; background:url(../img/header.png) 0 0 no-repeat; text-decoration:none;}
#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; list-style:none; background:#9e7947; background:url(../img/menu_bar_off.png) 0 0 repeat; border-top:1px solid #c6a26f; border-bottom:1px solid #bf9559;}
#header .navbar li {float:left;}
#header .navbar a {display:block; padding:1px 0 1px 0; font-size:13px; line-height:18px; font-weight:bold; color:#f2d5b3; text-decoration:none; text-align:center;
                   border-left:1px solid #ba9a70; border-right:1px solid #d7ae7d;}

#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 {font:11px/14px arial, sans-serif; color:#808080; letter-spacing:1px; padding:6px 0 6px 10px; background:#fff url(../img/history.png) 0 0 no-repeat;}
#header .history a {margin-right:4px; padding-right:11px; background:url(../img/icon/arrow_gray.gif) no-repeat right 3px; color:#808080;}
/* 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 {font:14px/28px verdana, arial, sans-serif; font-weight:bold; color:#fff; margin:0; padding:0 0 0 11px; border:none;}

.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 {list-style:none; margin:0; padding:7px 9px 8px 10px;}
.module .body ul li {font-size:12px; line-height:17px; background:url(../img/icon/bullet_dk_green.gif) no-repeat left 5px; padding:0 0 1px 10px;}
.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:15px 0 0 60px;}
.sectHome .icons #icon2 {float:left; padding:0 0 0 33px;}
.sectHome .icons #icon3 {float:left; padding:20px 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; padding-right:80px; width:200px;}
.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://"] {background:none; padding-right:0;}
/* End: Photo stories */


/* Start: Page footer */
#footer .links {font:12px/15px arial, sans-serif; color:#808080; padding:5px 0 4px 10px; background:#e2e2e3 url(../img/footer_links.png) 0 0 no-repeat;}
#footer .links a {margin-left:11px; padding-left:17px; background:url(../img/icon/bar_gray.gif) no-repeat left 3px; color:#808080;}
#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/footer.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 {zzzdisplay:none;}
.content pre, .content br {zzzdisplay:none;}
.content .thmr_call pre, .content .thmr_call br {zzzdisplay:block;}
#content-area h1 {zzzdisplay:none;}
.content h1 {zzzdisplay:none;}
/* End: Drupal */

