﻿/* CSS layout */
body {
	margin: 0px;
	padding: 10px;
	background-color: whitesmoke;
	font-family: Verdana,Geneva, Arial, Sans-Serif;
	font-weight: normal;
	font-size: small;
	line-height: 1.6em;
}

.cornerBox { position: relative; background: white; width: 100%; border: 5px lightblue solid }
.corner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.ContentBox { position: relative; width: 100%; border: 0px #F5F5F5 solid }
.Contentcorner { position: absolute; width: 10px; height: 10px; background: url('lightbluecircle.jpg') no-repeat; font-size: 0%; }
.ContentcornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.SobrietyCalendarcornerBox { position: relative; background: white; width: 100%; border: 0px #ADD8E6 solid }
.SobrietyCalendarcorner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.SobrietyCalendarcornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.LiteraturecornerBox { position: relative; background: white; width: 100%; border: 0px #ADD8E6 solid }
.Literaturecorner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.LiteraturecornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.AnsweringServicecornerBox { position: relative; background: white; width: 100%; border: 0px #ADD8E6 solid }
.AnsweringServicecorner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.AnsweringServicecornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.page_contentcornerBox { position: relative; background: white; width: 100%; border: 0px #ADD8E6 solid }
.page_contentcorner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.page_contentcornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }

.DailyReflectionscornerBox { position: relative; background: white; width: 100%; border: 0px #ADD8E6 solid }
.DailyReflectionscorner { position: absolute; width: 10px; height: 10px; background: url('blue-circle.jpg') no-repeat; font-size: 0%; }
.DailyReflectionscornerBoxInner { padding: 0px; }

.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: 1px; right: -1px; background-position: -10px -10px; }


#all_content {
	width: 969px;
	padding-top: 0px;
	padding-bottom: 5px;
	background-color: lightblue;
}
h1 {
	color: lightblue;
}
p {
	color: navy;
}
blockquote {
	font-style: italic;
}
a:link {
	color: blue;
}
a:visited {
	color: orange;
}
a:hover {
	color: green;
}
#WLSearchBoxDiv {
	min-width: 950px;
	margin: 0px;
	background-color: whitesmoke
	color: lime;
}
#searchbox {
	min-width: 950px;
	margin: 0px;
	background-color: whitesmoke
	color: lime;
}

#logo {
	margin: 5px;
	background-color: white;
	min-width: 930px;
	padding: 5px;
}
#container {
	clear: both;
	min-width: 950px;
	min-height: 1160px;
	margin: 0px;
	padding: 5px;
	background-color: lightblue;
}
#menu {
	float: left;
	width: 170px;
	background-color: lightblue;
	font-size: 105%;
	padding: 2px;
}

#Sobriety Calendar {
	float: left;
	width: 170px;
	background-color: white;
	font-size: 105%;
	padding: 2px;
}

#Literature {
float: right;
width: 205px;
background-color: white;
font-size: 105%;

}

#AnsweringService {
float: right;
width: 205px;
background-color: white;
font-size: 105%;

}

#DailyReflections {
	float: left;
	width: 170px;
	background-color: white;
	font-size: 105%;
	padding: 2px;
}



#right_col {
	float: right;
	width: 205px;
	background-color: lightblue;
	font-size: 105%;
}
#page_content {
	margin-left: 165px;
	margin-right: 210px;
	min-width: 560px;
	min-height: 1144px;
	background-color:lightblue
}
#footer {
	background-color: whitesmoke;
	margin: 5px;
	text-align: center;
}
