/*hbr.css*/
body {text-align: center; font-family: verdana, arial, Sans-serif; background-color:#efefef; padding: 0px; font-size: small; line-height: 1.3; margin: 0; }

a {color: #071bd4;}
a:visited {color: #00253D;}
a:hover {color: red;}

.skip {display:none;}

#main {width: 60em; text-align: left; margin-left: auto; margin-right: auto; margin-bottom:0; border-left: 2px solid #006; border-right: 2px solid #006; background-color: #fff; background-image:url(images/methodistlogolowres300.gif); background-repeat:no-repeat; background-position:90% 98%; padding-bottom: 0.5em;}

#header {height: 10em; background-color: #789ede; background-image: url(images/orb3.png); background-repeat: no-repeat; background-position: 100 30;}
#header img{float: left; margin-top:6px; padding-top: 0; }
#header img.rightimage {float: right; margin-top: 6px; margin-right: 3px; padding:0;}

#topnav {height: 3.1em; background-color: #ccc; padding:0; border-bottom:2px solid #006;}
#topnav ul {margin: 0; padding: 0; list-style-type: none; }
#topnav li.rend { border-right: none; }
#topnav li {float: left; display: block; padding: 0px ; border-right: 1px solid #fff; height: 3em; width: 12%; text-align: center;}
#topnav li.short {float: left; display: block; padding: 0 0 0 3px ;  height: 3em; width: 10%; text-align: center;}
#topnav li.message {float: left; display: block; padding: 0 0 0 5px ; border-right: 1px solid #fff; height: 3em; width: 16%; text-align: center;}

#topnav a {display: block; color: #006; padding: 10px 8px 0px 0px; text-decoration: none; font-weight: bold;  font-size: 8pt; height: 1.1em;  }
#topnav a:hover {display:block; color: #fff; background-color: #999; height: 2.8em; }

#content {width: 39em; padding: 12px; border: 0; margin: 0 0 0 14em; min-height: 500px; 
/*Hack for Internet Explorer, it does not understand min-height*/ _height:500px; }
#content li {margin-bottom: 10px;}
#content2 {width: 56em; padding: 12px; border:0; margin:0; }
#content img{padding-left:0; margin-left:0; margin-top: 0.8em;}
.extra{min-height: 600px; 
/*Hack for Internet Explorer, it does not understand min-height*/ _height:600px;}


#sidebar {width: 15em;position: absolute; margin: 0 em; padding: 0px; top: 12em;}
#sidebar2 {width: 15em;position: absolute; margin: 0 0 0 42em; padding: 0px; top: 22em;}


h1 {color: #fff; font-size: 2em; margin: 0 ; padding: 1em 0 0 0.8em; font-family:Verdana,  Arial, sans-serif; }
h1.title {color: #fff;  margin: 0 ; padding: 0 0 0 0.5em; font-family: Verdana,  Arial, sans-serif;text-align:center; }
h1.main {float: right; width: 80%; margin: 0.5em ; font-size: 2em; font-weight: 500;}

h2 {color: #a58169; font-size: medium; margin: 1em 0 0 0;  padding: 0px; font-family: Verdana, Arial, sans-serif; font-weight: 600;}
h2.sml {font-size:1.1em;} 

h3 {color: #a58169; font-size: 1.1em; border-bottom: solid 1px #a58169; padding-bottom: 2px; font-weight: 500;}

h3.team{padding-top: 1.5em;}
h4 {color: #a58169; font-size: 0.9em; padding: 0; margin:0 0 -0.5em 0;}



.sidebox {margin-top: 16px; font-size: 8pt; width: 12.5em; border-right: 1px #006 solid; border-bottom: 1px #006 solid;  padding: 0; background-color: #fefef4;}
.sidebox h2 { padding: 5px; margin:0; font-size:1.3em;  color: #006; background-color:#789ede; }
.sidebox ul {padding: 0 0px 5px 0px; margin: 0; }
.sidebox li { margin: 0px; list-style-type: none; line-height: 1.2em; }
.sidebox ul a{display: block; text-decoration:none; font-size: 1.1em; font-weight: 600; height: 1.4em; border-top:1px #006 solid; padding: 8px 0px 5px 8px; color: #006; }
.sidebox a:hover {display:block; color: #fff; background-color: #789ede; height: 1.4em; }
.sidebox p {padding: 0 0 0 5px; margin: 3px;}

.sidebox2 {margin-top: 5px; font-size: 8pt; width: 18em; padding: 2px 2px 2px 2px;}
.sidebox2 h2{padding: 0; margin: 1em 0 0 0; font-size: 1.5em; background-color: #fff; color: #c03; font-family:"Century Gothic", Verdana, Geneva, Arial, sans-serif; }

.red {background-color: #c03; color: #fff; padding-top: 5px;}
.white {font-weight:600; font-size: 0.8em;  width: 15em; text-align:center; margin:0; padding:0;}
.phone{ font-family:  Verdana, Arial, sans-serif; font-weight: 600;  font-size: 1.2em;}
.tiny {font-size:smaller; font-weight: 500;}


.short img {width: 80px; height: 100px;}



#footer { text-align: center; margin:0; }
#footer p{margin:0; padding-top:0; font-size: 0.8em; color:#a58169; font-size:smaller;}

.sideinput {border: #045f9a 1px solid; font-size: 8pt;}

.picright {margin: 5px 5px 5px 15px; float: right;}
.picleft {margin: 5px 15px 5px 5px; float: left;}

.inset-right {width: 140px; float:right; padding:0; background: #fff; margin:0 0 0 0.5em;}
.inset-rightt {width: 200px; float:right; padding:0; background: #fff; margin:0 0 0.5em 0.5em;}
.inset-rightt img{padding-top:0; margin-top:0; width: 175px; height:184px;}
.inset-left{border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 45%;	float:left; margin: 5px; padding: 5px; background: #fff;}
.inset {border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding: 5px; background: #fff;}
.inset-right img{padding: 2px; margin:0;  }

blockquote { padding: 0; margin: 0 0 0 1.2em; font-style:italic;  }


table{width:39em; border: none; padding:5px 0; margin: 1% 0%; background-color: #fefef4; }

.table td{padding: 2px 0; margin:0; border-bottom: solid 1px #808080;}
.table img {padding:0; margin:0;}

table.events td {border: 1px solid #ccc; padding: 2px;}

img {border: none; padding: 5px;}
img.logo {float:right;}