/* Start: Plain tags */

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

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;}

.clear {clear:both;}

/* Start: clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End: clearfix */


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

.quickInfo a[href^="http://"], .sidebar a[href ^="https://"] {background:url(../img/icon/side/external.gif) center right no-repeat;}
.quickInfo a[href^="news:"] {background:url(../img/icon/side/news.gif) center right no-repeat;}
.quickInfo a[href^="ftp://"] {background:url(../img/icon/side/file.gif) center right no-repeat;}
/* End: URL icons */


/* Start: Grid layout */
#page {margin:0 auto; width:770px; text-align:left; 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:760px;}
.grid1 #rightColumn {display:none;}

/* grid2: center, right */
.grid2 #leftColumn {display:none;}
.grid2 #centerColumn {width:620px;}
.grid2 #rightColumn {width:120px;}

/* grid3: left, center */
.grid3 #leftColumn {width:150px;}
.grid3 #centerColumn {width:600px; margin-left:10px;}
.grid3 #rightColumn {display:none;}
/* 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 h2 {margin:0; padding:5px 0 0 221px; border:0; font-size:14px; line-height:16px; font-weight:bold; color:#519150;}
#header .banner h3 {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/bg_menu_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; background:url(../img/bg_menu_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 {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;}
.module .header .inner {float:right; width:10px; height:30px;}

.module .body {border-width:0 1px; border-style:solid; border-color:#bbb; color:#606060; background:#f7f7f7 url("../img/bg_sidebar_content.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/side/bullet.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/sidebar.png) -11px -31px no-repeat;}
.module .footer div {float:right; width:10px; height:5px; background:url(../img/sidebar.png) 0 -31px no-repeat;}

.quickInfo .header {background:#489d5a url(../img/sidebar.png) -11px 0 no-repeat;}
.quickInfo .header .inner {background:url(../img/sidebar.png) 0 0 no-repeat;}
.quickInfo .header h2 {font:14px/28px verdana, arial, sans-serif; font-weight:bold; color:#fff; margin:0; padding:0 0 0 11px;}
/* 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%;}
.twoColumnCentered .col2 {float:left; width:44%; margin-left:5%;}

.threeColumnCentered {margin-top:10px;}
.threeColumnCentered .col1 {float:left; width:27%; margin-left:10%;}
.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:20px;}
.sectHome .icons #icon1 {float:left; padding:13px 0 0 40px;}
.sectHome .icons #icon2 {float:left; padding:0 0 0 3px;}
.sectHome .icons #icon3 {float:left; padding:15px 0 0 25px;}

.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: Page footer */
#footer .links {font:12px/15px arial, sans-serif; color:#808080; padding:5px 0 4px 10px; background:#e2e2e3 url(../img/footer_bar.png) 0 0 no-repeat;}
#footer .links a {color:#808080;}
#footer .links span {padding:0 12px 0 13px;}
#footer .banner {height:65px; background:url(../img/footer.png) 0 0 no-repeat;}
/* End: Page footer */