
/* ----- main style sheet for newmethodist.org ----- */

/* ----- UNIVERSAL ----- */

* {margin: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;}

/* ----- LAYOUT ----- */

#frame {margin: 10px auto; width: 905px; text-align: left; background: #fff;}

#header {width: 905px; height: 88px; background: #ddd;}

#header1 {float: left; margin: 0px; width: 125px; height: 85px; border-bottom: 3px #aa0000 solid;}

#header2 {float: right; margin: 0px; width: 780px; height: 85px; border-bottom: 3px #aa0000 solid;}

#nav {float: left; width: 125px; height: 100%;}

#maincontent {float: left; margin: 0px; width: 905px; height: 100%; background: #000055;}

#content {float: right; margin: 0px; width: 780px; height: 100%; text-align: left; background: #fff;}

#body1 {float: left; width: 390px;}

#body2 {float: right; width: 390px;}

#footer {float: left; margin: 0px; width: 905px; height: 22px;}

#footer1 {float: left; margin: 0px; width: 125px; height: 20px; background: #6677aa; border-top: 2px #aa0000 solid;}

#footer2 {float: right; margin: 0px; width: 780px; height: 20px; background: #000055; border-top: 2px #aa0000 solid;}

/* ----- MAIN NAVIGATION - see plugin stylesheet 1nav.css ----- */

/* ----- MAIN CONTENT ----- */

#header1 img {margin: 5px 5px 5px 25px; width: 75px; height: 75px;}

#header2 h1 {font-size: 26px; color: #000; font-family: arial, sans-serif; font-weight: bold;
		margin: 18px 0px 0px 0px; text-align: left;}
#header2 h2 {font-size: 18px; color: #990000; font-family: arial, sans-serif; font-weight: bold;
		margin: 0px 0px 10px 0px; text-align: left;}

#nav p  {font-size: 12px; font-family: arial, sans-serif; margin: 10px 0px 0px 0px;}

#nav strong  {font-weight: bold;}

#content p  {font-size: 13px; font-family: arial, sans-serif; margin: 0px 30px 10px 30px; color: #000;}
#content h1 {font-size: 20px; font-family: arial, sans-serif; margin: 20px 10px 10px 30px; color: #aa0000;}
#content h2 {font-size: 15px; font-family: arial, sans-serif; margin: 10px 0px 3px 30px; color: #445588;}
#content h3 {font-size: 14px; font-family: arial, sans-serif; margin: 15px 10px 10px 30px; color: #6677aa; 
		 text-align: left;} 
#content h6 {font-size: 12px; font-family: arial, sans-serif; margin: 2px 0px 2px 0px; text-align: center;}

#content ul {font-size: 13px; font-family: arial, sans-serif; color: #000; 
		  margin: 0px 30px 10px 30px; list-style-type: square;}
#content ol {font-size: 13px; font-family: arial, sans-serif; color: #000; 
		  margin: 0px 30px 10px 35px;}

#content blockquote {font-size: 13px; font-family: arial, sans-serif; margin: 0px 45px 10px 55px;}

#content li {margin: 0px 30px 0px 20px;}

#content strong  {font-weight: bold;}
#content em      {font-style: italic; font-weight: bold;}
#content img {margin: 5px 30px 5px 30px;}

#content hr {color: #fff;}

#content a {color: #0000aa; text-decoration: none; font-weight: bold;}
#content a:hover {color: #0000aa; background: #ffdd00; text-decoration: none; font-weight: bold;}
#content a:visited {color: #aa0000; text-decoration: none; font-weight: bold;}

#content table {margin-left: 28px;}

#body1 img {margin: 0px 10px 0px 0px;}
#body2 img {margin: 0px 10px 0px 0px;}

.red  {color: #aa0000;}
.grey {font-weight: bold; color: #666; font-weight: bold;}
.black {color: #000; font-family: arial, sans-serif; font-weight: bold;}
.note {color: #660000; font-family: arial, sans-serif; font-size: 11px; font-weight: bold;}
.note2 {color: #000; font-family: arial, sans-serif; font-size: 10px; font-weight: bold;}

/* ----- FOOTER ----- */

#footer2 p {font-size: 10px; font-family: arial, sans-serif; font-weight: bold; color: #fff; margin: 3px 30px 0px 0px; 
		text-align: right;}
#footer2 a {color: #99aadd; text-decoration: none;}
#footer2 a:hover {color: #0000ff; background: #ffdd00; text-decoration: none;}
