/* ###################### OVERALL SETTINGS ###################### */
body {
	background-color: #00405C;
	margin: 0px;
	padding: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Page {
	background-color: #9EA3B9;
	text-align: center;
	padding: 0px;
	height: 300px;
	width: 100%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.logo {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	width: 50%;
	height: 84px;
	vertical-align: middle;
}
.tagline {
	background-image: url(../Images/Stories/clouds.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 0px;
}
#MainMenu {
	background-color: #D2D1DF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #9EA3B9;
	border-right-color: #9EA3B9;
	border-bottom-color: #9EA3B9;
	border-left-color: #9EA3B9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 2em;
	vertical-align: middle;
	text-align: left;
}
#MainMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#MainMenu ul li {
	display: block;
	clear: none;
	float: left;
}
#MainMenu ul li a{
	display: block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 13px;
	color: #1A5A76;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#MainMenu a:hover {
	color: #D2D1DF;
	background-color: #10486D;
}
.ColRight {
	background-image: url(../Images/Stories/clouds.jpg);
	background-repeat: no-repeat;
	background-position: left -110px;
                     background-color:#90A1CC;
	height: 200px;
	vertical-align: top;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 2em;

}
.ColLeft {
	background-color: #F8FCFA;
	background-image: url(../Images/Stories/watermark.png);
	background-repeat: no-repeat;
	background-position: center 8em;
	vertical-align: top;
	padding: 1em;
	padding-bottom: 2em;
	height: 250px;
}
.small {
	font-size: 10px;
}

/* end transferred CSS */

hr {
  background       : #C0C0C0;
  height           : 1px;
  width            : 100%;
}

table.searchintro {
  background-color: #FFFFFF;
  border: solid 1px #777777;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 12px;
  color: #10486D;
  text-decoration  : none;
  font-family      : Arial, Helvetica, Verdana, sans-serif;
}

a:hover {
  color            : #ED9517;
  text-decoration  : none;
}
/*
a.mainmenu:link, a.mainmenu:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainmenu:hover {
  color            : #ED9517;
  text-decoration  : underline;
}
*/
a.category:link, a.category:visited {
  color            : #999999;
  font-weight      : bold;
}

a.category:hover {
  color            : #ED9517;
}

/* ###################### MODULE SETTINGS ###################### */

.pathwaytext {
  color            : #808080;
}

.maintitletext {
  font: bold italic 26pt "Times New Roman", serif, georgia;
  color: #FFFFFF;
  margin-top: 20px;
  margin-left: 20px;
}

/*
.mainmenu {
  color            : #000000;
  font-family      : Verdana, Geneva, Arial, Helvetica, serif;
  font-weight      : normal;
  text-decoration  : none;
}
*/
.moduleheading {
  font-size        : 11px;
  font-weight      : bold;
  color            : #333333;
  text-align       : left;
  padding          : 1px;
  border-bottom    : 1px #C0C0C0 solid;
}

.frameheader {
  font             : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 18px;
  font-weight      : none;
  color            : #808080;
}

.poll {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 15px
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-weight      : bold;
  font-size        : 10px;
  color            : #000000;
  border           : 1px solid;
}
mainlevelspec
.inputbox {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : bold;
  color            : #000000;
  background       : #FFFFFF;
  border           : 1px solid;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  text-align:left;
  background-color:#FFFFFF;
}

.contentpaneopen {
  text-align:left;
  float:left;
  clear:both;
  width:94%;
}

.contentheading, .componentheading {
  font-size        : 14px;
  font-weight      : bold;
  color            : #10486D;
  text-align       : left;
  padding          : 1px;
  border-bottom    : 1px #C0C0C0 solid;
  width            : 100%;
}

.contentdescription {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #333333;
  text-align       : left;
}

.category {
  color            : #999999;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #C0C0C0;
}

.sectiontableentry2 {
  background-color : #D0D0D0;
}

.sectiontableheader {
  background-color : #000000;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  border-bottom    : 1px solid #000000;
  border-top       : 1px solid #000000;
}

/* ###################### SMALL FONT SETTINGS ######################
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #CC6600;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  font-weight      : normal;
}
 */
/* ###################### RSS SETTINGS ###################### */
.fase4rdf {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  font-weight      : normal;
}

a.fase4rdf:link {
  font-size        : 9px;
  font-weight      : normal;
  color            : #FF9900;
}

a.fase4rdf:hover {
  font-weight      : bold;
  color            : #808080;
}
.contentpaneopen ul {
	display: block;
	margin: 0px;
        margin-bottom:3em;
	padding: 0px;
}
.contentpaneopen ul ul{
        margin-top:1em;
        margin-bottom:1em;
}
.contentpaneopen ul li {
	clear: none;
	float: left;
	width: 90%;
                     margin-right: .2em;
                     padding-left:1.8em;
                     padding-bottom:.2em;
	margin-bottom: .3em;
	text-align: left;
	background-image: url(../Images/Stories/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.contentpaneopen ul.TwoColList li{
	width: 43%;
        height:2.5em;
	margin-bottom: .5em;
}
.mainlevel{
	display: block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 13px;
	color: #1A5A76;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 12px;
	color: #10486D;
	background-image: url(../Images/Stories/teal_bg.jpg);
}
.mainlevelspec{
	display: block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 13px;
	color: #1A5A76;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 12px;
	color: #10486D;
	background-image: url(../Images/Stories/teal_bg.jpg);
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid
	
}
.TicTacToe td {
	border: 1px solid #00415B;
}