/*your custom style goes in this file*/
/** { 
  padding:0; 
  margin:0; 
  line-height: 18px; 
  font-family: Georgia, serif;
}*/


html, body {
background-color: #FFF;
text-align: center;
font-family: Georgia, serif;
color: #600;
}
h1 {
  margin-top: 0px;
  color: #9C5;
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}

.invisible {
display: none;
}


h2 {
  margin-top: 0px;
  color: #9C5;
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
}

.header {
  margin-top: 0px;
  color: #600;
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}

a:hover {
	color: #633;
}

table {
text-align: left;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.9em;}

#header {
	background-image: url(../img/header.png);
	width: 950px;
	height: 180px;
	text-align: left;
	background-repeat: no-repeat;
}

#navigation { 
  position: absolute;
  margin-top: -52px;
  margin-left: 315px;
  font-family: "Trebuchet MS", sans-serif;
  font-variant: small-caps;
  font-size: 0.9em;
  letter-spacing: 0.2em;
}
#navigation ul li {
  text-align: right;
	list-style: none;
	display: inline;
}
#navigation ul li a {
	color: #300;
	text-decoration: none;
	padding: 6px 0.5em;
}
#navigation ul li a:hover {
	color: #9C5;
	text-decoration: none;
}
#page {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  height: 500px;

}
#indexcontainer {
float: left;
text-align: left;

}

#leftcolumn {
margin-left: 0px;
padding-left: 6px;
float: left;
width: 213px;
text-align: left; 
}

#leftcolumn h2 {
/*border-top: 1px dashed #9C5;*/
  font-family: "Trebuchet MS", sans-serif;
  font-variant: small-caps;
  font-style: normal;
  margin-bottom: 0px;
}
}
#currentuser {
  color: #9C5;  
  text-align: left;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 24px;
}
#currentuser a {
  text-decoration: none;
}
#currentuser a:hover {
color: #300;
}
#logout {
  color: #CCC;
  text-decoration: none;
  font-family: "Trebuchet MS";
  font-size: 10px;
  margin-top: -12px;
}
/* css for birthdays in leftcolumn*/
#birthdays {
color: #633;
}
#birthdays h2{
margin-bottom: -10px;
}

#birthdays span{
	font-family: "Trebuchet MS", sans-serif; 
	font-style: normal;
	font-size: 1em;
}

#birthdayheader {
display: none;
}

#birthdays a{
text-decoration: none;
}

#birthdays a:hover {
color: #9C5;
}

#form{
/*border: 1px solid blue;*/
}

#indexmaincolumn {
float: right;
text-align: justify;
}

#maincolumn {
width: 750px;
float: right;
text-align: justify;
}


#mainleft {
float: left;
width: 400px;
padding-left: 12px;
padding-right: 6px;}

#mainleft h2 {
padding-left: -12px;}



#mainleftbottom p {

padding: 2px;
}



#mainright {
float: right;
width: 325px;
/*border: 1px solid red;*/
}

#randomphoto table {
margin-left: auto;
margin-right: auto;
text-align: center;
}

#randomphoto img {
margin-left: auto;
margin-right: auto;
padding: 2px;
border: 4px solid #9C5;
}

#randomphoto a {
text-align: center;
text-decoration: none;
}

#randomphoto .normal {
font-size: 10px;
font-style: italic;
text-align: center;
}

#randomphoto .normal a:hover {
color: #9C5;}



#footer {
border: 1px solid white;
clear: both;
text-align: center;
background-image: url(../img/footer.png);
background-position: 0px;
height: 89px;
}
#footer p {
font-family: "Trebuchet MS", sans-serif;
font-variant: small-caps;
color: #9C5;
margin-top: 70px;
}

#footer a {
text-decoration: none;
color: #9C5;
}

/*overruling mytngstyle.css*/

/* normal: most regular body text */
.normal {
  font-family: Georgia, serif;
	font-size: 11px;
}

/* smfieldname: small text used in conjunction with .fieldname style text */
.smfieldname {
	font-family: "Trebuchet MS", sans-serif;

	color: #9C5;
}
/* fieldname: regular text within column or row title sections */
.fieldname {
	font-family: "Trebuchet MS", sans-serif;
	color: #9C5;
}


.plainheader {
	margin-top: 0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 21px;
}
/* whiteheader: heading text used on dark backgrounds (usually fieldnameback) */
.whiteheader {
	font-family: "Trebuchet MS", sans-serif;
	color: #9C5;
	font-weight: bold;
}
/* subhead: subheading text */
.subhead {
	margin-top: 0px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
}

#indexpage {
  position: absolute;
  /*width: 712px;*/
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}



/* link: normal links, active: links in use */
a:link, a:active {
	color: #300;
}
/* visited: previously visited links */
a:visited {
	color: #633;
}
/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #FFF;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
}
/* databack: background color for data areas */
.databack {
	background-color: #FFF;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
}
.pboxname {
	font-family: "Trebuchet MS", sans-serif; 
}

#features{
}

#features img {
float: left;
margin-right: 4px;
margin-bottom: 4px;
border: 2px solid #9C5;
padding: 1px;
}

#features .emphasis {
font-family: Georgia, serif;
font-weight: bold;}

#features a {
text-decoration: none;
}

#pub-innermenu {
	margin:0px 1px 0px 1px;
	clear:both;
	padding: 0.3em 0em 0.3em .7em;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/* Added in 4.0.0 */
/* For links on dark background */
a.lightlink:link, a.lightlink:visited {
	font-family: "Trebuchet MS", sans-serif;
	color: #300;
	text-decoration: none;
}

a.lightlink:hover, a.lightlink:active {
	color: #9C5;
	text-decoration: none;
}

/* For white-only links on dark background */
a.lightlink2:link, a.lightlink2:visited {
	font-family: "Trebuchet MS", sans-serif; 
	color: #300;
	text-decoration: none;
}

a.lightlink2:hover, a.lightlink2:active {
	color: #FFFFFF;
	text-decoration: none;
}

.lightback {
	background-color: #FFFFFF;
	/*these 2 lines added in 6.0.0*/
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #333366;
	margin:6px;
}
/*end of rules for mytngstyle.css*/

#contact {
background-color: #DF9;
margin: 18px;
padding: 12px;
}

#contact h2 {
color: #600;}