/* CSS for MorseLife.org */

body { margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; line-height: 20px; }

h1, h2, h3 { padding: 0; font-family: "Times New Roman", Times, serif; color: #e36f1e; font-weight: normal; }
h1 { margin: 0 0 24px 0; font-size: 24px; }
h2 { margin: 0 0 16px 0; font-size: 18px; }
h2.home { margin: 0 0 12px 0; font-size: 18px; }
h2.divider { border-style: solid; border-color: #637886; border-width: 1px 0 0 0; padding-top: 16px; }
h3 { margin: 0; font-size: 18px; }
h3.pad { margin: 0 0 16px 0; }
h3 a { color: #e36f1e; text-decoration: underline; }
h3 a:hover { color: #e36f1e; text-decoration: none; }

p { margin: 0 0 16px 0; padding: 0; }
p.nopad { margin: 0; }

ul { list-style-type: none; margin: 0 0 16px 20px; padding: 0; }
ul li { background: url(/images/general/bullet.gif) no-repeat 0 .7em; padding-left: 10px; }
ul ul { margin: 0 0 0 10px; padding: 0;}

ul.administration a { font-family: "Times New Roman", Times, serif; color: #e36f1e; font-size: 15px; }

a { color: #e36f1e; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

.orange { color: #e36f1e; }
.bold { font-weight: bold; }
.standardA { font-family: "Times New Roman", Times, serif; font-size: 15px; }
.largeA { font-family: "Times New Roman", Times, serif; font-size: 19px; }
.byline { font-size: 14px; font-weight: bold; }
.byline-nopad { font-size: 14px; margin: 0; font-weight: bold; }

.pull-quote { float: right; width: 170px; border: 1px solid #637886; background: #485e6b; margin: 0 0 20px 20px;
							padding: 10px; line-height: 24px; }
p.quote { margin: 0 0 8px 0; padding: 0; font-size: 14px; font-style: italic; text-align: left; }
p.name { margin: 0; padding: 0; font-size: 12px; font-style: normal; text-align: right; }

#map { width: 460px; height: 320px; margin-bottom: 16px; }

.caption-right { width: 250px; background: #485e6b; float: right; padding: 10px; margin: 0 0 10px 10px; font-size: 11px; line-height: 16px; }
.caption-right p { margin: 10px 0 0 0; }


/* IMAGES */

img { display: block; border: 0; }
img.floatRight { float: right; padding: 0 0 16px 16px; }
img.inline { display: inline; }
img.pad { margin: 0 auto 16px auto; }
img.padBottom { margin: 0 0 16px 0; }

/* Floorplan Photos */
img.fpPhoto { margin: 0 auto 16px auto; padding: 55px; background: #485e6b; }
img.fpPhotoAlt { margin: 0 auto 16px auto; padding: 55px; }



/* TABLES */

table { margin: 0 0 28px 0; padding: 0; width: 460px; }
table tr { vertical-align: top; }
table th { padding-left: 5px; font-weight: bold; background: #637886; }

table td { padding-left: 5px; border-bottom: 1px solid #637886; }

table.floorplans th.first-col { width: 60%; }
table.employment th.first-col { width: 60%; }

table.giving { font-size: 14px; line-height: 18px; }

table.contact { border: 1px solid #637886; background: #FFFFFF; margin: 0 0 24px 0; }
/* table.contact { border: 1px solid #637886; background: #485e6b; margin: 0 0 24px 0; } */

table.contact td { border: 1px solid #637886; }
table.contact td.first-col { width: 75%; }



/* FORMS */

fieldset { margin: 0; padding: 16px 0 0 0; border-style: solid; border-color: #637886; border-width: 1px 0 0 0; }
fieldset ol { margin: 0; padding: 0; list-style: none; }
fieldset li { margin: 0; padding: 0 0 10px 0; }
label { display: block; }

fieldset fieldset { margin: 0; padding: 0; border: 0; }
fieldset fieldset label { display: inline; }

textarea, input, select { font-family: Arial, Helvetica, sans-serif; color: #485e6b; font-size: 14px; border: 1px solid #637886; padding: 2px; background: #FFFFFF; }
/* textarea, input, select { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; border: 1px solid #637886; padding: 2px; background: #485e6b; } */

textarea, input { width: 454px; }
textarea { height: 200px; }
select { width: auto; }
input.radio, input.check { width: auto; }

fieldset.submit { margin: 0; padding: 0; border: 0; }
fieldset.submit-admin { margin: 0; padding: 0; border: 0; }
fieldset.submit input { margin: 0; width: auto; float: right; font-size: 12px; }
fieldset.submit-admin input { margin: 0; width: auto; float: left; font-size: 12px; }

fieldset.directions { margin: 0 0 24px 0; padding: 0 0 10px 0; border-width: 0 0 1px 0; }
fieldset.directions input { width: 422px; }
fieldset.directions input#go { width: auto; padding: 1px; }



/* CONTAINER */

#container-home { position: relative; width: 960px; margin: 20px auto; background: url(/images/general/contentHome-bg.gif) repeat-y; }
#container-1col { position: relative; width: 960px; margin: 20px auto; background: url(/images/general/content1col-bg.gif) repeat-y; }
#container-2col { position: relative; width: 960px; margin: 20px auto; background: url(/images/general/content2col-bg.gif) repeat-y; }
#container-3col { position: relative; width: 960px; margin: 20px auto; background: url(/images/general/content3col-bgw.gif) repeat-y; }



/* SUBNAV (along top, includes styleswitcher) */

#subnav { width: 960px; text-align: right; background: #fff; font-size: 14px; padding: 10px 0; }
#subnav ul { list-style-type: none; padding: 0; margin: 0; }
#subnav ul li { display: inline; padding: 0; margin: 0; background: none; }
#subnav ul li a { text-decoration: none; color: #384d5a; margin-left: 20px; }
#subnav ul li a:hover { text-decoration: underline; }

#subnav ul li#styleswitcher { display: inline; padding: 0; margin: 0; background: none; color: #384d5a; margin-left: 40px; }
#subnav ul li#styleswitcher a { text-decoration: none; color: #384d5a; margin-left: 0; }
#subnav ul li#styleswitcher a:hover { text-decoration: underline; }



/* HEADER - logo, main nav */

#header { background: url(/images/general/header-logo.gif) center left no-repeat #e36f1e; text-align: left; line-height: 0; }

#mainnav { padding: 20px 0 15px 240px; font-size: 12px; line-height: 14px;}
#mainnav ul { list-style-type: none; padding: 0; margin: 0; }
#mainnav ul li { padding: 0; margin: 0; background: none; }
#mainnav ul li a { display: block; text-decoration: none; color: #fff; padding: 4px 0 4px 16px; border-top: 1px solid #e78440; }
#mainnav ul li a:hover { background: #e78440; width:300px;}
#mainnav ul li a#mLast { border-bottom: 1px solid #e78440; }

#shadow { background: url(/images/general/header-shadow.jpg) bottom left repeat-x; height: 5px; }

#mainnav-right { position:relative; margin: -172px 0 15px 570px; font-size: 12px; line-height: 14px; width:380px;}
/* ORIGINAL - #mainnav-right { padding: 20px 0 15px 540px; font-size: 12px; line-height: 14px; }  note: adding width:380px; seemed to help */
#mainnav-right ul { list-style-type: none; padding: 0; margin: 0; }
#mainnav-right ul li { padding: 0; margin: 0; background: none; }
#mainnav-right ul li a { display:block; text-decoration: none; color: #fff; padding: 4px 0 4px 16px; border-top: 1px solid #e78440; }
#mainnav-right ul li a:hover { background: #e78440; }
#mainnav-right ul li a#mLast { border-bottom: 0px solid #e78440; }


/* PAGE NAV */

#pagenav { position: absolute; left: 240px; top: 294px; font-size: 14px; line-height: 14px; text-align: left; }
#pagenav ul { list-style-type: none; padding: 0; margin: 0; }
#pagenav ul li { padding: 0; margin: 0; background: none; }
#pagenav ul li a { display: block; width: 197px; text-decoration: none; color: #fff; padding: 4px 0 4px 23px; border-top: 1px solid #637886; }
#pagenav ul li a:hover { background: #637886; }
#pagenav ul li a#pLast { border-bottom: 1px solid #637886; }
#pagenav img { margin: 23px 0 0 23px; }



/* CONTENT */

#home-right { padding: 0 0 0 480px; }
#home-left { position: absolute; left: 0; width: 480px; text-align: left; }
#home-subleft { position: absolute; top: 244px; left: 30px; width: 185px; }
#home-subright { position: absolute; top: 244px; left: 270px; width: 180px; }
#home-subleft img, #home-subright img { padding-bottom: 26px; }
img#home-divider { position: absolute; top: 244px; left: 240px; }

#col1 { padding: 55px 20px 30px 20px; text-align: left; }

#col2-left { float: left; width: 180px; }
#col2-right { padding: 55px 240px 30px 260px; text-align: left; }
#col2-right-wide { padding: 55px 20px 30px 260px; text-align: left; }
img#col2-right-img { float: right; width: 210px; margin-top: 104px; }
img#col2-donation-btn { position: absolute; top: 669px; right: 18px; }

#col3-left { float: left; width: 240px; }
#col3-right { padding: 55px 10px 30px 480px; text-align: left; color: #384D5A }
/* change from padding: 55px 20px due to a space issue 05022008*/



/* FOOTER */

#footer { padding-top: 14px; background-color: #fff; text-align: right; color: #384d5a; font-size: 10px; line-height: 10px; width: 960px; }
#footer a { text-decoration: none; color: #384d5a; }
#footer a:hover { text-decoration: underline; }