/***************************/
  /******* MOBILE 300px ******/
  /***************************/

  body {
  	font: 11pt "Tahoma", sans-serif;
  	margin: 0;
  	padding: 5px;
  }

  h1 {
  	position: absolute;
  	width: 98%;
  	top: 6px;
  	background-image: url('../img/logo.png');
  	border: thin dotted;
  }

  h1 span {
  	position: absolute;
  	bottom: auto;
  	right: auto;
  	left: 8px;
  	top: 50px;
  	min-width: 300px;
  }

  h2 {
  	font-size: 1.4em;
  	font-family: "Georgia", serif;
  	font-weight: normal;
  	clear: both;
  }

  h3 {
  	font: normal normal 1.2em "Georgia", serif;
  	margin: 0;
  	padding: 0;
  }

  #invisible {
  	max-width: 500px;
  	min-width: 300px;
  	width: 100%;
  	margin: 0;
  }

  #navigation {
  	margin: 75px 0 0 0;
  	padding: 5px 0 60px 0;
  	border-bottom: 1px solid #9393FF;
  	border-top: 1px solid #9393FF;
  }

  #navigation li {
  	margin: 0;
  	padding: 0;
  	display: inline;
  	list-style-type: none;
  }

  #navigation a:link,
  #navigation a:visited {
  	width: 100px;
  	float: left;
  	font-size: 9pt;
  	line-height: 11pt;
  	font-weight: bold;
  	padding: 0;
  }

  #navigation a:link.active,
  #navigation a:visited.active,
  #navigation a:hover {
  	background: none;
  	text-decoration: underline;
  }

  #homepage-generator iframe {
  	height: 170px;
  }

  #homepage-wide-column {
  	width: 100%;
  }

  div.rowl,
  div.rowc,
  div.rowr,
  div.rowlc {
  	width: 100%;
  	padding: 0;
  	margin: 0;
  	float: none;
  	border: none;
  	font-size: 12pt;
  }

  div.col1 {
  	width: 100%;
  	padding-right: 0;
  	float: none;
  }

  div.col2 {
  	float: none;
  	width: 100%;
  }

  .smallgraph {
  	float: none;
  }

  .submenu {
  	float: none;
  }

  p,
  ol.spacious,
  ul.spacious,
  dl.spacious {
  	line-height: 1.4em;
  }

  #search {
  	clear: both;
  	display: block;
  	width: 100%;
  	margin: 6px 0px;
  	float: none;
  	position: static;
  	padding: 0px 0 12px 0;
  	border-bottom: 1px solid #9393FF;
  }

  #homepage-generator {
  	display: block;
  	float: left;
  	margin: 20px 10px 10px 10px;
  }

  #homepage-more-options-link {
  	margin-top: 10px;
  	text-align: left;
  	font-size: 80%;
  }

  div.mainindent {
  	margin-left: 0px;
  }

  div.maingraphic1 {
  	float: none;
  	margin-top: .8em;
  	padding: .2em .4em .2em .4em;
  	text-align: center;
  	background-color: #ccffcc;
  }

  div.maingraphic2 {
  	float: none;
  	margin-top: .8em;
  	padding: .2em .4em .2em .4em;
  	text-align: center;
  	background-color: #ccccff;
  }

  div.maingraphic3 {
  	display: none;
  }

  div.two-column {
  	width: auto;
  }

  div.col1 {
  	width: 160px;
  	padding-right: 30px;
  	float: left;
  	margin-top: 1em;
  	margin-bottom: 1em;
  }

  div.col2 {
  	padding-top: 1em;
  	width: auto;
  }