/* Stylesheet for midlandaa.org - District 20, Midland, MI Intergroup of Alcoholics Anonymous */

html, body {padding: 0; margin: 0; text-align: center; background: #fff; font-family: "Century Gothic", "Apple Gothic", Verdana; sans-serif; }
#wrapper {width: 100%; background: #fff; margin: 0; padding: 0; text-align: left;}
#wrapper {background-image: url(../images/book-cup576x480.jpg); background-position: 620px 60px; background-repeat: no-repeat;}

/* Top horzontal menu bar */

#menu1 {float: left; border-bottom: 1px #ddd solid; width: 750px; padding: 0; }
#menu1 ul {list-style-type: none; margin: 4px 0; }
#menu1 li {display: inline; }
#menu1 li a {padding: 0 24px; color: #444; text-decoration: none; background: #fff;}
#menu1 li a:link {border: 1px #fff solid; }
#menu1 li a:visited {border: 1px #fff solid; }
#menu1 li a:hover {background:#eee; border: 1px #ccc outset;}
#menu1 li a:active {background:#eee; border: 1px #ccc outset;}

#title {margin: 20px 10px; clear: both; color: #46a; width: 800px; text-align: left; position: relative; left: 172px; top: 10px;}
#title h1 {font-size: 1.1em; font-style: italic; font-weight: 300; margin: 0;}
#title h2 {font-size: 1.8em; font-weight: 300; letter-spacing: 0.3em; margin: 0; color: #026; line-height: 0.9em;}
#title h3 {font-size: 0.9em; font-weight: 400; margin: 10px 0; }
#title #hotline {font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 1.2em; color: #444; line-height: 0;}
#title #message {font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 1.2em; color: #444; }

#container {	width: 500px; 	background: none; border: 0; margin: 20px 0 0 0; padding: 0; float: left; }

.textbox {float: left; width: 480px; background: none; text-align: left; border-left: 2px #ddd solid; padding: 0px 20px; margin: 10px 0 0 0; border-bottom: 1px #ccc solid;}
.textbox dt {color: #c40; font-size: 1em; }
p.bigcap:first-letter {font-size: 2.4em; color: #46a; font-weight: 300; }

/* Side menu bar */

#menu2 {text-align: left; width: 160px; float: left; position: relative; top: 18px;}
#menu2 ul {margin: 0; padding: 0 0 0 10px;}
#menu2 li {margin: 0 0 10px 0; 	list-style: none; 	}
#menu2 li a {display: block; padding: 2px 6px; text-decoration: none; background: #46a; color: #fff;}
#menu2 li a:link, li a:visited {border: 1px #46a solid;}
#menu2 li a:hover, li a:active {background: #79d; border: 1px #46a outset;}

#historymenu {text-align: left; width: 160px; float: left; position: relative; top: 18px;}
#historymenu ul {margin: 0; padding: 0 0 0 10px;}
#historymenu li {margin: 0 0 10px 0; 	list-style: none; 	}
#historymenu li a {display: block; padding: 2px 6px; text-decoration: none; background: #46a; color: #fff;}
#historymenu li a:link, li a:visited {border: 1px #46a solid;}
#historymenu li a:hover, li a:active {background: #79d; border: 1px #46a outset;}


#footer {clear: both; width: 800px; height: auto;	padding: 4px 0px; text-align: center; }

p.copyright {font-style: italic; font-size: 60%; text-align: center;}
p.credit {font-size: 70%; text-align: center;}
p, li, dt, dd, td, th {font-family: "Century Gothic", "Apple Gothic", Verdana, sans-serif; font-size: 0.8em; color: #222; }
a {text-decoration: none;}
b {color: #555;}
dt {margin-top: 10px; }

a:link {color: blue; text-decoration:none;}
a:visited {color: blue; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}
a:active: {color: maroon; text-decoration: underline;}

/* Footer menu */

#menu3 {position: relative; top: 20px; border: 1px 0 #ddd solid; width: 100%; float: left; border-top: 1px #ddd solid; width: 750px; padding: 0; margin: 0; text-align: left;}
#menu3 ul {list-style-type: none; margin: 4px 0; }
#menu3 li {display: inline; }
#menu3 li a {padding: 0 24px; color: #444; text-decoration: none; background: #fff;}
#menu3 li a:link {border: 1px #fff solid; }
#menu3 li a:visited {border: 1px #fff solid; }
#menu3 li a:hover {background:#eee; border: 1px #ccc outset;}
#menu3 li a:active {background:#eee; border: 1px #ccc outset;}

#daytabs {float: left; width: 480px; padding: 0; margin: 0;}
#daytabs ul {list-style-type: none; }
#daytabs li {display: inline; }
#daytabs li a {padding: 0 10px; color: #c40; text-decoration: none; }
#daytabs li a:link, li a:visited {background-color: #eee; }
#daytabs li a:hover, li a:active {background-color: #ddd; }

#tab-box {text-align: left; width: 480px; border-bottom: 1px #ccc solid;}
#day-box {float: left; width: 480px; background: none; text-align: left; border-left: 2px #ddd solid; padding: 0 20px; border-bottom: 1px #ccc solid;}
.tab-page {display: none; text-align: left; }
h4.tab {font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 1.2em; color: #026; font-weight: 300; }

h3.section {font-size: 1.2em; font-weight: 300; color: #026; padding: 0; margin: 0; display: block; border-bottom: 1px #026 solid; width: 90%;}
.section h4 {font-size: 1.1em; font-weight: 500; color:#444;}
.secton ul {margin: 0; padding: 0 0 0 10px; width: 120px;}
.section li {margin: 0 0 10px 0; 	list-style: none;} 
.section li a {display: block; padding: 2px 6px; text-decoration: none; background: #eee; color: #c40;}
.section li a:link, li a:visited {border: 1px #eee outset;}
.section li a:hover, li a:active {background: #ddd; border: 1px #ddd inset;}

#news {border: 4px #026 double; margin: 10px 20px; padding: 0 6px;}
#news h3 {color: #c40; font-style: italic; line-height: 0.6em; font-weight: 400;}

/* Buttons for internal lnks on the Minutes.php page */

#mintabs {margin: 0; padding: 0; text-align: left;}
#mintabs ul {list-style-type: none;}
#mintabs li {display: inline; }
#mintabs li a {padding: 0 4px; color: #444; text-decoration: none;}
#mintabs li a:link {background: #ddd; border: 1px #bbb solid; }
#mintabs li a:visited {background: #ddd; border: 1px #bbb solid; }
#mintabs li a:hover {background:#eee; border: 1px #ccc outset;}
#mintabs li a:active {background:#eee; border: 1px #ccc outset;}