﻿/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Elements*****/
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.*/
body { background: #000; color: #fff; font: 10pt Verdana, Arial, sans-serif; } 

/*****Generic Classes*****/
.wrapper { width: 960px; margin: 0 auto; } 

/*****Basic Layout*****/
#topline {
  height: 20px;
  background: #f00 url(../images/topline.gif) top left repeat-x;
  color: #000;
  line-height: 1.4em;
  font-size: 0.7em;
}
#topline ul { float: right; } 
#topline ul li {
	margin: 0 5px;
  list-style: none;
  display: block;
  float: left;
}
#topline a { color: #000; text-decoration: none; } 
#topline a:hover { text-decoration: underline; }
p {
	margin: 10px 5px;
  text-align: justify;
  font-size: 0.8em;
}
p.center { text-align: center; }
a { font-weight: bold; color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

/*****Header*****/
#logo {
	display: block;
  height: 80px;
  margin-left: 60px;
}
#navigation {
	width: 960px;
  height: 50px;
  background: url(../images/navi_bg.png) top center no-repeat;
  overflow: hidden;
}
#slogan {
	width: 170px;
  height: 30px;
  margin: 10px 0 10px 60px;
  float: left;
} 
#navigation ul { list-style: none; } 
#navigation ul li {
	display: block;
  float: left;
  background: url(../images/nav_line.png) left center no-repeat;
}
#navigation ul li:first-child { background: none; } 
#navigation ul li a {
	display: block;
	width: 140px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 1.0em;
  font-weight: normal;
}
#navigation ul li a:hover, #navigation ul li a.active {
	background: url(../images/nav_arrow.png) bottom center no-repeat;
}

/*****Content*****/
#content { overflow: auto; margin: 40px 50px 0 50px; } 
#left { margin-right: 20px; width: 190px; }
#right { width: 650px; }
#left, #right { float: left; }
#lefttitle { width: 190px; background: url(../images/lefttitle.png); }
#righttitle { width: 650px; background: url(../images/righttitle.png); }
#lefttitle, #righttitle {
	height: 50px;
	line-height: 50px;
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 20px;
}

/*****Footer*****/
#footer{
	clear: both;
	width: 960px;
  height: 70px;
  margin-top: 50px;
  background: url(../images/footer.png) top center no-repeat;
}

/*****Etc*****/
.big_cont {
	margin: 0 30px;
}
