/* large structural layout styles : */
/* note that color definitions for some of these style are in separate sections */
/* note that font definitions for some of these style are in separate sections */

body {
	margin: 8px;
	font-size: 100.1%;	
/*	text-align: center; */
}

table {
	margin: 0 auto;
}

form {
	margin: 0;
}

table {
	border-collapse: separate;
	border-spacing: 2px; 
	border-style: solid;
}

td {
	padding: 1px;
	vertical-align: middle;
}
th {
	text-align: center;	
}


.redborder, .redborder td{
	border: 1px solid red;
}

.blueborder, .blueborder td {
	border: 1px solid #0000FF;  /* blue */ 
}

.greenborder, .greenborder td {
	border: 1px solid green;
}



#header,
#footer,
#middle {
	width: 960px;
	border: 0;
}

#middle  {
	border-spacing: 3px; 
/*cellspacing=3 cellpadding=3 */
}

#middle td {
	padding: 3px;
}

/* reset settings for other tables inside middle */
#middle table {
	border-spacing: 2px; 
}

#middle table td  { 
	padding: 1px;
}

#translations,
#header, 
#middle,
#footer {  /* center tables */
	margin: 0 auto;
}

/* #logonmiddle p, */
p {
	margin: 1em 0;
}

#header td {
	vertical-align: top;
	line-height: normal; 
	padding: 1px; 
}

#header .loginintro img,
#header .loginintro {
	vertical-align: middle;
}


#header input {
	
}

.leftbody {
/* valign=top */
	width: 198px;
	text-align: center;

}
.rightcontent,
.leftcontent {
	width: 170px;
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
}

.rightbody {
	width: 200px;
	text-align: center;

}

.status {
	margin-top: 0;
}

.rightcontent {
	margin: -1em auto 1em;
}

#middlebody {
	width: 535px;
/*	valign=top */

}

.rightbody,
.leftbody ,
#middlebody {
	vertical-align:top;
}

.leftmenu-title {
	width:160px;
}

.leftmenu-section {
	width:160px;
	margin-left: 25px;
	text-align: center;
}

.rightmenu-title {
	width:200px;
	text-align: center;
}

#logonmiddle {
	width: 42em;
	margin: 0 auto;

}
.logonregister {
	width: 39em;
	margin: 0 auto;
}

.logonregister table {
	border-spacing: 3px; 
}
.logonregister table td{
	padding: 3px;
}

.emailercontainer,
.refertocontainer {
	width: 420px;
	margin: 0 auto;
}
.emailercontainer h1,
.refertocontainer h1 {
	margin: 1em auto .2em;
	text-align: center;
}
.refertocontainer h2 {
	margin: .5em auto 1em;
	text-align: center;
}

.emailinfo {
	width: 80%;
	margin: 0 auto;
}



.mailtolabel {
	width: 80%;
	float: left;
}
.mailtoinput {
	width: 20%;
	float: right;
}

#updatereg textarea {
	width: 100%;
}

.logonregister td,
#updatereg table tr td {
	width: 50%;
}

.logonregister td.regbirthlabel2,
#updatereg td.regbirthlabel2  {
	text-align: left;
}

.logonregister td.registerlabel,
#updatereg td.registerlabel
 {
	text-align: right;
	padding-right: .5em;
}

.logon {
	width: 21em;
}
.loginleft {
	width: 21em;
}
.loginleft table {
	margin: 0;
}

.forgotlogon {
	width: 27em;
	margin: 0 auto;
}
.forgotlogon td {
	vertical-align: top;
}
.loginright {
	width: 15em;
	padding-right: 1em;

}

.nextlink,
.loginright,
.right {
	float: right;
}
.prevlink ,
.loginleft,
.left {
	float: left;
}

.comments {
	border-collapse: separate;
	border-spacing: 1px; 
	border-style: solid;
	border-width: 0;
}

table.comments td {
	padding: 1px;
}

.comments img {
	vertical-align: middle;
}

.birthdays {
	border-collapse: collapse;
	border-style: dashed;
	border-width: 0;
	margin: 1em auto;
}

/* must use #middle for greater specificity on overriding padding on #middle padding definitions */
#middle .birthdays td {
	padding: .75em .5em;
	border-width: 1px 0;
	border-style: dashed none;
}

 table.outline {
	border-collapse: collapse;
	margin: 1em 0 0;
	border-style: solid;
	border-width: 1px;

}
.outline th, .outline td {
	border-style: solid;
	border-width: 1px;
}
/* must use #activityreport for greater specificity on overriding padding on #middle padding definitions */
#middle .outline th, #middle .outline td,
#activityreport .outline th, #activityreport .outline td {
	padding: 3px 2px;
}

.outline td form {
	margin: 0;
}

#middle table.album {
	border: 0;
	width: 100%;
	border-spacing: 2px; 
/*	cellpadding=2 
	cellspacing=2 */
}
#middle table.album td{
	padding: 2px;
}

#middle table.album td td{
	padding: 1px;
}
.selectusers,
.displaypictures {
	margin: 0;
}

.displaypictures td,
.comments td,
.otherfriends td,
.aligntop td {
	vertical-align: top;
}

.thumbwidth {    /* width 45 + no padding */ 
	width: 45px;
}
.thumbcell {  /* width 45 + 2 padding + 4 borderspacing */ 
	margin-left: 51px;
}

.thumbmargin {  /* width 45 + 2 padding + 4 borderspacing + 2 padding */ 
	margin-left: 53px;
}

.formtable {
	display: table;
	margin: 1em 0 0;
	border-style: solid;
	border-width: 1px;
}
.formrowheader,
.formrow {
	display: table-row;
}
.formrowheader div {
	text-align: center;
}

.formrowheader div,
.formrow div {
	display: table-cell;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 3px 2px;
}

#activityreport,
#displayresults,
#displayclasses {
	text-align: left;
	padding: 0 .5em;
}


#displayresults p,
#displayclasses  p {
	margin: 1em 0;
}

img, a img, a:link img{
	border: 0;
}

a img {
	vertical-align: middle;		/* align image with link even if no text to remove baseline space at bottom */
}
/*
li img,
*/
.warning img,
.friend img {
	vertical-align: middle;    /* align image with text */
}


.tabs {   /* want 1em normal font space below tabs */
	margin: 0 0 1.9em 0;
	text-align: center;
	vertical-align: baseline;
}

.tabs img,
.tabs a img {
	vertical-align: baseline;
}



/* individual feature formatting styles */

hr { 
	border-style: dashed;
	border-width: 1px 0 0;
	clear: both;
}

h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	vertical-align: middle;
}


h2 {
	margin: 1em;
	text-align: center;
}


th, h4 {
	margin: 0;
	vertical-align: middle;
	text-align: center;
	padding: .2em 0;
}

h4 {
	margin: 1em 0;
}
.rightbody h4,
.leftbody h4 {
	margin-right: -5px;
	margin-left: -5px;
}

.rightbody h4 {
}

#picturemanager h2,
#displayclasses h2,
#activityreport h2 {
	text-align: center;
	margin: 1em auto;
}

h3 {
	text-align: left;
	margin: 0;
}

h5 {
	text-align: left;
	margin: 0;
}

ul, li {
	list-style-type: disc;
	list-style-position: inside;

}

ol li {
	margin: .1em 2em;
}

ol {
	list-style-type: decimal;
	list-style-position:outside;
	margin: 1em 1em;
}

.rightbody ul,
.leftbody ul {
	margin: 1em 0;
	padding-left: 0;
}

.rightbody li,
.leftbody li {
	margin: 0;
	padding-left: 0;
}

#middle #userinfo {
	border-spacing: 3px;
	margin: 1em auto;
	border: 0;
}

#middle #userinfo td {
	padding: 3px;
}



.mailtolabel,
.emailinfo,
.emailpreview {
	text-align: left;
}

.center {
	text-align: center;
}


.center-block {
	margin: 1em auto;
}

.nobr {
	white-space: nowrap;
}

.date {
	white-space: nowrap;
}


.nomargin {
	margin: 0;
}


.topmargin {
	margin-top: 1em;
	margin-bottom: 0;
}

.notopbottommargin {
	margin-top: 0;
	margin-bottom: 0;
}


.bottommargin {
	margin-top: 0;
	margin-bottom: 1em;
}


.error-message {
	text-align: center;
}

.topprevnextholder {
	float: left; 
	width: 100%; 
	padding: 1.2em 0 10px 0;
}

.alphamenu  {
	margin: 0;
	text-align: center;	
	font-size: 1.1em;
}

#coppaholder {
	height: 6em;
	vertical-align: middle;
}

#coppa1998 {
	display: block;
	vertical-align: middle;
}

#coppa1998 {
	width: 13em;
	padding: .5em;
	margin: 0 0 0 .5em;
	border: 1px solid;
}

.smallcaption {
	width: 125px;
}

.smallcaption,
.caption {
	text-align: center;
}

.caption p  {
	text-align: center;
	margin: 0 .5em 1em;   /* baseline alignment of image for image eliminates need for top margin */
}


.smallcaption  p {
	/* top margin not needed because space at bottom due to baseline alignment */
	margin: 0;
	text-align: center;
}

.invitefriend {
	margin: 1em 5em;
}

.invitefriend p {
	text-align: center;
}


/* font text formats */

body {
	line-height: normal;
/*	text-align: center; */
}

h1, h2, h3, h4, h5, h6, ul, li {
	line-height: normal;
}



h1 {
	font-size: 1.5em;
	font-weight: bold;
}
h1 {
	font-style: italic;
}

.emailercontainer h1,
.refertocontainer h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.1em;
}

.refertocontainer h2 {
	font-size: 1.3em;
}


.formrowheader div,
th, h4 {
/*	line-height: 1; */
	font-size: 1.1em;
	font-weight: normal;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

.tabs {   /* want 1em normal font space below tabs */
	font-size: .55em;
}

#displayresults h1,
#displayclasses h1,
#activityreport h1 {
	font-style: italic;
	font-weight: bold;
}
#picturemanager h2,
#displayclasses h2,
#activityreport h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

.rightbody h4 ,
.leftbody h4 {
	font-size: 1.1em;
}

.leftbody h5,
.leftbody h5 {
	font-size: 1em;
	font-weight: bold;
}

.status {
	font-weight: bold;
	font-size: .9em;
}
.stats {
	font-weight: normal;
}

a,a:link,a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
.tiny, a.tiny, a.tiny:link {
	font-size: .55em;
}
small, .small, a.small, a.small:link {
	font-size: .8em;
}
.medium, a.medium ,a.medium:link {
	font-size: 1.1em;
}
.large, a.large, a.large:link {
	font-size: 1.5em;
}
.extralarge, a.extralarge, a.extralarge:link {
	font-size: 2.0em;
}
.country {
	font-size: 1.3em; 
}

.alphamenu  {
	font-size: 1.1em;
}

.hidden, a.hidden,
.forfriends, a.forfriends,
.foreveryone, a.foreveryone {
	font-weight: bold; 
	font-size: .8em;
}

.isfriend, a.isfriend, a.isfriend:link,
.isnotfriend, a.isnotfriend, a.isnotfriend:link {
	vertical-align: middle;
}

.isfriend, a.isfriend, a.isfriend:link,
.isnotfriend, a.isnotfriend, a.isnotfriend:link {
	font-weight: bold; 
	font-size: .55em;
}

.loginright {
	font-size: 1.1em;
}

.smallcaption  p {
	font-size: .9em;
}

/* songsofpraise colors - sopcolors */

body.sopcolors {
	background: #FFFFFF url(/image4/cloud2009tile.jpg) repeat left top;
	color: 	#000080;
}

.sopcolors #displayresults h1,
.sopcolors #displayclasses h1,
.sopcolors #activityreport h1,
.sopcolors a, .sopcolors a:link, .sopcolors a:visited {
	color: 	#000080;
}
.sopcolors a:hover, .sopcolors a:active  {
	color: #0000FF;  /* blue */ 
}

.sopcolors .stats, .sopcolors h5,
.sopcolors .foreveryone, .sopcolors a.foreveryone,
.sopcolors .photoavail, .sopcolors a.photoavail, .sopcolors a.photoavail:link, .sopcolors a.photoavail:visited {
	color: #0000FF;  /* blue */ 
}

.sopcolors .forfriends, .sopcolors a.forfriends,
.sopcolors .isfriend, .sopcolors a.isfriend,
.sopcolors .friend, .sopcolors a.friend, .sopcolors a.friend:link {
	color:green;
}
.sopcolors  #coppa1998,
.sopcolors .error-message,
.sopcolors .hidden, .sopcolors a.hidden,
.sopcolors .isnotfriend, .sopcolors a.isnotfriend ,
.sopcolors .warning, .sopcolors a.warning, .sopcolors a.warning:link {
	color:#A80000;
}


.sopcolors .birthdays td,
.sopcolors hr {
	border-color: #4E779E; 
}
.sopcolors .formrowheader div,
.sopcolors th, .sopcolors h4 {
	background-color:#3477D2;  /* color in tabs */
	color:white;
}
.sopcolors .leftmenu-section {
	background-color:#3477D2; /* color in tabs */
	color:white;
}
.sopcolors .rightmenu-title {
	background-color:#3477D2;  /* color in tabs */
	color:white;
}
.sopcolors .country {
	background-color: #ffffff;	
	color: #A80000; 
}

.sopcolors table.editalbum {
	background-color: white;
}


 .sopcolors table.outline {
	background-color: white;
	border-color: 	#000080;
}
 .sopcolors .outline th,  .sopcolors .outline td {
	border-color: 	#000080;
}

.sopcolors form select,
.sopcolors  form input {
	color: 	#000080; /* navy */
	outline-color: 	#000080;   /* navy */	
}

.sopcolors #coppa1998 {
	border-color: #A80000; 
}
.sopcolors  .invitefriend {
	background-color: #FFFFFF;
	border: 1px solid #000080;
}
 
 
/* gardenofpraise colors - gopcolors */


body.gopcolors {
	background: #FFFFFF url(/gopimages/gardenbackground2.jpg) repeat left top;
	color: 	#000080;  /* navy */
}
.gopcolors a, .gopcolors a:link, .gopcolors a:visited, 
.gopcolors #displayresults h1,
.gopcolors #displayclasses h1,
.gopcolors #activityreport h1 {
	color: 	#000080;   /* navy */		/* color: #000080; */
}
.gopcolors a:hover, .gopcolors a:active  {
	color: #0000FF;  /* blue */ 
}
.gopcolors .stats, .gopcolors  h5,
.gopcolors .foreveryone, .gopcolors a.foreveryone,
.gopcolors .photoavail, .gopcolors a.photoavail, .gopcolors a.photoavail:link, .gopcolors a.photoavail:visited  {
	color: #0000FF;  /* blue */ 
}

.gopcolors .forfriends, .gopcolors a.forfriends,
.gopcolors .isfriend, .gopcolors a.isfriend,
.gopcolors .friend, .gopcolors a.friend, .gopcolors a.friend:link {
	color:green;
}
.gopcolors  #coppa1998,
.gopcolors .error-message,
.gopcolors .hidden, .gopcolors a.hidden,
.gopcolors .isnotfriend, .gopcolors a.isnotfriend ,
.gopcolors .warning, .gopcolors a.warning, .gopcolors a.warning:link {
	color: #A80000;
}

.gopcolors  .birthdays td,
.gopcolors hr {
	border-color: #4369BF;  /* a blue */ 
}
.gopcolors .formrowheader div,
.gopcolors th, .gopcolors h4 {
	background-color: #4369BF;       /* a blue */
	color:white;
}

.gopcolors .leftmenu-section {
	background-color: #4369BF;       /* a blue */
	color:white;
}
.gopcolors .rightmenu-title {
	background-color: #4369BF;       /* a blue */
	color:white;
}
.gopcolors .country {
	background-color: #ffffff;	
	color: #A80000; 
}

.gopcolors table.editalbum {
	background-color: white;
}


 .gopcolors table.outline {

	background-color: white;
	border-color: 	#000080;   /* navy */
}
 .gopcolors .outline th,  .gopcolors .outline td {
	border-color: 	#000080;   /* navy */
}
.gopcolors form select,
.gopcolors  form input {
	color: 	#000080; /* navy */
	outline-color: 	#000080;   /* navy */	
}


.gopcolors #coppa1998 {
	border-color: #A80000; 
}

.gopcolors  .invitefriend {
	background-color: #FFFFFF;
	border: 1px solid #000080;
}

/* gop colors 3 */

body.gopcolors3 {
	background: #FFFFFF url(/images/tile14.jpg) repeat left top;
	color: #000000;
}
.gopcolors3 a, .gopcolors3 a:link {
	color: #000000;
}
.gopcolors3 a:visited {
	color: #FF0000;
}
.gopcolors3 a:hover  {
	color: #FF0000;
}
.gopcolors3 a:active {
	color: #B87333;
}
/* background: #FFFFFF url(/images/greekbk.gif) repeat left top; */