@charset "utf-8";

/* import 
----------------------------------*/

@import url(base.css);

/* header
------------------------*/
#header{
width: 798px;
height: 108px;

border: 1px solid #ccc;
border-top: none;
}

#header #header-inner{
width: 796;
height: 104px;
background:url(../images/logo-1.gif) left top repeat-y ;
border: 1px solid #fff;
border-top: 3px solid #dedede;
}

#header #sitetitle{
margin: 0.5em 1.0em;
}

#header #sitetitle #sitename{
font-size: 1.3em;
font-weight: bold;
}

/* site-description
------------------------*/

#site-description{
padding: 0.1em 1.8em 0.1em;
background: url(../images/8.jpg) left top repeat-x;
margin-top:0.6em;
margin-left:1em;
padding-right:1em;

}
#site-description .description{
font-size: 1.167em;
font-weight: bold;
color: #0066ff;
margin-bottom: 0.5em;
}
#site-description .description p{
font-size: 1.000em;
color: #0066ff;
margin-bottom: 0.2em;
}


/*nav
------------------------*/
#nav {
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/nav.gif);
	height: 24px;
	padding-top: 6px;
}

#nav ul {
	list-style-type:none;
	display: block;
	margin-left: 10px;
  }
  

#nav li {
	display: inline;
  }
  
#nav li a {
	color: #777777;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 22px;
	padding-right: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

#nav li a:hover {
	color: #000000;
	background-image: url(img/li_ov.gif);
	background-color: #DDDDDD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B8AC;
}


/* content
------------------------*/

#content{background: url(../images/separator.gif) 600px 0 repeat-y;}

.section{
padding-bottom: 0.6em;
margin-bottom: 0.8em;
background: url(../images/pixel-line.gif) left bottom repeat-x;
}

/* maincontent
-------------------*/

#maincontent .section{
margin-top: 10px;
clear:both;
}

#maincontent .section .section-content{
margin-left: 10px;
background: url(../images/title-shadow.gif) left top repeat-x;
padding: 1.5em 0;
}

#maincontent .section .section-content pre{
display: block;
font-size: 110%;
}

#maincontent .section .section-title{
width: 572px;
margin-left: 10px;
border: 1px solid #ccc;
clear: both;
}

#maincontent .section .section-title span{
width: 560px;
display: block;
border: 1px solid #ff0000;
padding: 8px 12px;
background:url(../images/title-bg.gif) left top repeat-x;
font-weight:bold;
font-size:1.167em;
}

#maincontent .section .paragraph-1
{font-weight: bold;margin-bottom: 1em;
color:#ff0000;
}

#maincontent .section .paragraph-2
{font-weight: bold;margin-bottom: 0.6em;
color:#0000ff;
}

#maincontent .section .paragraph-3
{font-weight: bold;margin-bottom: 0.3em;
color:#228b22;
}

#maincontent .sample-1
{margin-bottom: 0.3em;
color:#ff0000;
}

#maincontent .sample-2
{margin-bottom: 0.3em;
color:#4169e1;
}

#maincontent .sample-3
{margin-bottom: 0.3em;
color:#228b22;
}

#maincontent .section h3{
color:#800080;
 border-left: 5px solid #ffa500;
   border-bottom: 1px solid #ffa500;
   padding-left: 2px;
   padding-botom: 5px;
   background: #ffffc0;

}
#maincontent .section h4{
color:#4169e1;
}

#maincontent .section .section-image a img{

border: 0px solid #ccc;
padding: 1px;
background-color: #fff;
margin-bottom:5px;
}

#maincontent .section .section-image.left{
float: left;
padding-right:1em;
}

#maincontent .section .section-image.right{
float: right;
padding-left:1em;
}

#maincontent .section .section-title span{
width: 555px;
display: block;
border: 1px solid #fff;
padding: 2px 20px;
background:url(../images/bar31.gif) left top repeat-y;
font-weight:bold;
font-size:1.167em;
}

#maincontent .section .paragraph-title{font-weight: bold;margin-bottom: 1em;}
#maincontent ul{
float: right;
padding-top:0.1em;
}

#maincontent li  {
	display: block;
	width:100px;
	font-size: 10px;
	color:#ff6347;
	line-height: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #948C74;
	background-position: 7px center;
	text-decoration: none;
}

#maincontent .section p,#maincontent .section ul,
#maincontent .section ol,#maincontent .section table,
#maincontent .section h5,#maincontent .section h6,
#maincontent .section pre,#maincontent .section blockquote,
#maincontent .section dl{
margin-bottom: 1em;
line-height: 1.4;
}

#maincontent .section table{
width: 560px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

#maincontent .section table caption{
margin-bottom: 1em;
}

#maincontent .section td,
#maincontent .section th{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
}

#maincontent .section th,
#maincontent .section thead td{
background: url(../images/title-bg.gif) left 1px repeat-x;
text-align: center;
font-weight: bold;
}

#maincontent .section td.numbers{text-align: right;}
#maincontent .section table tfoot{font-size: .834em;}

/* sidebar
-------------------*/

#sidebar .section .section-title{
width: 170px;
border: 1px solid #ccc;
margin-bottom: 1em;
}

#sidebar .section .section-title span{
width: 142px;
display: block;
border: 1px solid #fff;
padding: 8px 12px;
background:url(../images/title-bg.gif) left top repeat-x;
font-weight:bold;
font-size:1.167em;
}

#side {
	float: left;
	width: 175px;
	background-color: #EEEDE9;
	margin-left: 2px;
	padding-bottom: 10px;
}

#side li {
	list-style-type: none;
}

#side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	border: 1px solid #ffffff;
	background-color: #0cd0e0;
}

#side_d h3 {
	display: block;
	width: 146px;
	line-height: 23px;
	color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 12px;
	text-align: center;
	background-color: #666666;
	background-image: url(../images/menu_back2_blue.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 23px;
}

#side_d ul {
	margin-bottom: 5px;
}

#side_d li a {
	display: block;
	width:120px;
	font-size: 10px;
	color:#0000ff;
	line-height: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	background-image:url(../images/menu-arrow-active.gif);
	background-repeat: no-repeat;
	background-color: #eeeeee;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #948c74;
	background-position: 7px center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cbc8bc;
	text-decoration: none;
}


#side_d li a:hover {
	background-color: #800080;
	color: #ffffff;
	text-decoration: none;
	background-position: 8px;
}


#side img {
	border:none;
}

#side p {
	padding: 10px;
}

#side p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}
#side_pr {
        margin: 10px;
	padding: 2px;
}
#base #wrap #side #side_pr {
	margin: 10px;
	padding: 10px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
}


/* profile
-------------------*/

#sidebar .authorimage{
text-align: center;
margin-bottom: 1em;
}

#sidebar .authorimage img{
border: 1px solid #ccc;
padding: 1px;
background-color: #fff;
}

#sidebar .authorname{
font-weight: bold;
margin-bottom: .5em;
}

#sidebar .aboutauthor p{
margin-bottom: .7em;
}

/* news
-------------------*/

#sidebar .news{
background: none;
padding-bottom: 0;
}

#sidebar .news .section-content{
width: 188px;
height: 250px;
overflow: scroll;
}

#sidebar .news-content{
padding-bottom: 1em;
margin-bottom: 1.25em;
background: url(../images/pixel-line.gif) left bottom repeat-x;
}

#sidebar .news-content dt{
font-weight: bold;
}

#sidebar .news-content dd{
line-height: 1.4;
}
/* footer
------------------------*/

#footer{background: url(../images/footer-bg.gif) left 20px repeat-x;}

#footer {
  clear: both;
}
#footer ul {
  margin: 0;
  padding: 20px 20px;
  list-style: none;
  text-align: right;
  font-size: xx-small;
}
#footer li {
  display: inline;
  padding-left: 3.0em;
  text-transform: none;
}
#footer li a {
  padding: 20px 0;
  vertical-align: middle;
  text-decoration: none;
}
#footer li#privacy a {
  padding-right:16px;
  color: #666666;
  background: url(../images/privacy.gif) right no-repeat;
}
#footer li#sitemap a {
  padding-right: 18px;
  color: #666666;
  background: url(../images/sitemap.gif) right no-repeat;
}
#footer li#info a {
  padding-right: 20px;
  color: #666666;
  background: url(../images/info.gif) right no-repeat;
}
#footer p {
  margin: 0;
  padding: 1em 30px;
  text-align: right;
  text-transform: none;
  font-size: x-small;
  color: #ffffff;
  background: #cccccc;
}


#footer-inner{
width: 800px;
margin: auto;
padding-bottom: 30px;
}

#pagetop{
display: block;
width: 107px;
margin-left: auto;
}

#footer-inner address{margin-top: 15px;}