body {
	background-color : #FFFFCC;
}

.indent {
  margin-left: 12px;
}

div#indexa9 {
	position: relative;
	float: left;
	left: 0%;
	width: 100%;
}

div#indexb1 {
	clear: both;
	position: relative;
	float: left;
	left: 0%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 120%;
	margin-bottom: 15px;
}

div#indexc2 {
	position: relative;
	float: left;
	left: 0%;
	width: 17%;
}

div#indexc3 {
	position: relative;
	float: left;
	left: 0%;
	width: 17%;
}

div#indexc4 {
	position: relative;
	float: left;
	left: 0%;
	width: 33%;
}

div#indexc5 {
	position: relative;
	float: right;
	right: 0%;
	width: 33%;
}

div#footer {
	position: relative;
	float: left;
	left: 0%;
	width: 100%;
}

div#au0 {
	position: relative;
	float: left;
	width: 100%;
}

div#au1 {
	background-color : #FFFFFF;
	border: 1px solid #000000;
	margin-right: 2%;
	padding: 0.3em;
	position: relative;
	float: left;
	width: 28%;
	max-height: 590px;
	overflow: auto;
	white-space: nowrap;
}

div#au2 {
	background-color : #FFFFFF;
	border: 1px solid #000000;
	margin-right: 2%;
	padding: 0.3em;
	position: relative;
	float: left;
	width: 28%;
	max-height: 590px;
	overflow: auto;
	white-space: nowrap;
}

div#au3 {
	background-color : #FFFFFF;
	border: 1px solid #000000;
	position: relative;
	float: left;
	width: 35%;
}



/* overrides for templatestyle.css

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #330000;
}

/* databack: background color for data areas */
.databack {
	background-color: #eeeeee;
}

/* sideback: background color for side and top frames */
/*    should be same color as fieldnameback    */
.sideback {
	background-color: #330000;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color: #330000;
}

a.admincell:hover, a.leftlink:hover {
	background-color: #663300;
}

/* Name cloud class */
.surnames-cloud {
	font-family: Verdana, Tahoma, Arial;
	padding: 2px 2px 2px 2px;
	letter-spacing:  0.0em;
	word-spacing:    0.0em;
	text-decoration: none;
	font-weight:     normal;
	text-align:      center;
}

a.size1      { color: #CC0000; font-size: 170%; }
a.size1:link    { color: #CC0000; }
a.size1:visited { color: #CC0000; }

a.size2      { color: #0000CC; font-size: 150%; }
a.size2:link    { color: #0000CC; }
a.size2:visited { color: #0000CC; }

a.size3      { color: #006600; font-size: 140%; }
a.size3:link    { color: #006600; }
a.size3:visited { color: #006600; }

a.size4      { color: #FF6600; font-size: 130%; }
a.size4:link    { color: #FF6600; }
a.size4:visited { color: #FF6600; }

a.size5      { color: #660066; font-size: 120%; }
a.size5:link    { color: #660066; }
a.size5:visited { color: #660066; }

a.size6      { color: #FF00FF; font-size: 110%; }
a.size6:link    { color: #FF00FF; }
a.size6:visited { color: #FF00FF; }

a.size7      { color: #999900; font-size: 100%; }
a.size7:link    { color: #999900; }
a.size7:visited { color: #999900; }

a.size8      { color: #33CC33; font-size: 90%; }
a.size8:link    { color: #33CC33; }
a.size8:visited { color: #33CC33; }

a.size9      { color: #000000; font-size: 80%; }
a.size9:link    { color: #000000; }
a.size9:visited { color: #000000; }

a.size0      { color: #999999; font-size: 70%; }
a.size0:link    { color: #999999; }
a.size0:visited { color: #999999; }

/* iPhone CSS */
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
	}
div{
  clear:both!important;
  display:block!important;
/*  width:100%!important; */
  float:none!important;
  margin:0!important;
  padding:0!important;
	}
div#indexc2, div#indexc3, div#indexc4, div#indexc5 /* , div#surnames-cloud */ {
	width: 100%!important;
}
img{
  max-width:100%;
  height:auto;
	}
#mnav,#mnav li{
  float:none!important;
  clear:both!important;
  margin:0 0 20px 0!important;
  display:block;
  padding:0;
  text-align:left!important;
  width:100%;
	}
#mnav{
  border:1px solid #ccc;
  padding:5px;
  -webkit-border-radius:5px;
	}
#mnav li{
  margin:0!important;
	}
#mnav li a{
  display:block;
	}
#mnav li:hover #third, #mnav li.sfhover #third {
	left: 0px;
	}

}



/*
*/