/* I2AS stylesheet
   version 1.0 */

/* Tan box model hack
   Works as wantend only on IE5+/win and IE6/win in non standard mode. */
/* Only IE recognizes	* as element above html, other browsers see html as root element. */
/* example for a 100px width box 
* html div {
	width: 130px;
*/
	/* repair for IE/mac */
/*
	w\idth: 100px;
}
*/

body {
	font-size: 12px;
	background-color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	margin: auto;
}

/* Layout */
#container {
	width: 800px;
	margin:  20px auto;
	padding: 0;
	background-color: #999;
	border: solid #CCCCCC 5px;
}

#banner {
	height: 150px;
	overflow: hidden;
	background-color: #262626;
}

#banner img {
  float: left;
	margin: 0;
	padding: 0;
}

#search {
  margin: 50px 10px;
	padding: 0;
	float: right;
}

#content {
  color: #333;
  clear: both;
  width: 800px;
  margin: auto;
}

#articles {
  clear: both;
  width: 570px;
	padding: 20px 10px 20px 20px;
	margin: 0;
	background-color: #bbb;
	float: left;
}

#right {
  color: #CCCCCC;
	width: 170px;
	margin: 1em;
	font-size: 0.8em;
	padding: 0;
	float: left;
}

#right h1 {
  font-size: 0.9em;
}

right p {
  margin: 0.1em 0.2em;
	padding: 0;
}

#footer {
	clear: both;
	padding: 4px 5px 4px 15px;
	line-height: 2em;
	color: #aaa;
	font-size: 0.8em;
	background-color: #262626;
	font-family: Arial, Helvetica, sans-serif;
}
 
/* end Layout */


html>body #container {
  height: auto;
}

/* clear browser beheaviors */
/* mozilla */
img { border-style: none }
/* IE MAC */
form {
  margin: 0;
  padding: 0;
}
/* IE PC */
td{
  font-size: 12px;
}

a {
  color: #CD5C5C;
  text-decoration: none;
}

a:visited { color:#CD5C5C; }
a:hover { color: #7B7571; }
a:active { color:#CD5C5C; }

h1{
  font-size:18px;
}

h2{
  font-size:16px;
}

h3{
  font-size:14px;
}

h4{
  font-size:12px;
}


/* head container for logo and metanavi
-------------------------------------- */
#header {
  padding: 0px;
  height: 90px;
	background-color: #666;
}

#header a{
  color: #003366;
  text-decoration:none;
}

#header  a:hover {
  color: #999694;
}

#header img {
  margin: 0px;
  float: left;
  padding-right: 0px;
}

#header h1 {
  font-size: 30px;
  padding: 45px 10px 0px 200px;
  margin: 0px;
}

#header h2 {
	font-size: 14px;
	padding: 60px 0px 2px 180px;
	margin: 0px;
	color: #222;
}

#quote {
	float: right;
	width: 140px;
	padding: 0px;
	text-align: right;
}

#metanavi { 
  float: right;
  padding: 5px 15px 0px 0px;
  margin: 0px;
}

/*main-navi
-------------------------------------- */
#topnavi {
	clear: both;
	padding: 4px 8px;
	background-color: #262626;
  border-bottom: solid #CCCCCC 1px;
}

#topnavi a {
	color: #aaa;
	text-decoration: none;
	font-size: 1.2em;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	margin: 0px;
	padding: 4px 29px;
	border-right: 1px dotted #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topnavi a:visited {color:#aaa;}

#topnavi a:hover {
  color: #E6E6E6;
}

#mainnavi a:active { color:#ffffff;}

#container #topnavi a.selected {
  color: #E6E6E6;
}


#article {
  border-left: 1px dotted #666;
  line-height: 1.5em;
	padding: 0px 5px 0px 15px;
	letter-spacing: 110%;
}

#article h1, #article h2, #article h3, #article h4 {
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: small-caps;
	color: #990000;
	letter-spacing: 0.2em;
}

#article p{
}

#article p.center{
  text-align:center;
}

#article table, #article td{
  border:none;
  padding: 2px 2px 2px 2px;
  margin:0px;
}

/* elements for left and right navigation
-------------------------------------- */
#left {
  float: left;
  width: 175px;
  margin: 0px;
  padding: 15px 0px;
}

#left a, #right a {
  text-decoration: none;
  color:#eee;
  text-decoration: underline;
}

#left .selected, #right .selected {
  text-decoration: underline;
}

#left ul, #right ul {
  list-style-type: none;
  margin: 0px 15px 20px 15px;
  padding: 0px;
}

#left li, #right li {
  margin-bottom: 8px;
}

#left h3, #right h3{
  margin: 0px 0px 5px 0px;
  padding:0px 15px;
}

/*footer
-------------------------------------- */

#footer img {
	margin: 0px;
	padding: 0px;
  position fixed;
	bottom: 0px;
}