/* Tag Styles  */
html {height: 100%;}
body {height: 100%; background: url(../images/home_layout/bg.jpg) no-repeat bottom left #676057; }
em {font-style: italic;}
strong {font-weight: bold;}
h2 {font: 20px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; margin-bottom: 10px; display: block;}
h4 {font: 15px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; margin-bottom: 10px;}
p {font: 13px Georgia, "Times New Roman", Times, serif; color: #000; margin: 0 0 10px 0; line-height: 18px;}
a {text-decoration: none; color: #001f43;}
a:hover {text-decoration: underline; color: #001f43;}
ul {list-style: none; display: block;}
li {font: 13px Georgia, "Times New Roman", Times, serif; color: #000 margin-left: 10px;}
span.h2 {font: 20px Arial, Helvetica, sans-serif; color: #000; font-weight: bold;}

/* ID Styles  */
#wrapper {position: relative; top: 0; left: 0; width: 800px; height: 1024px; margin: 0 auto;}
#layout div {margin: 0; padding: 0;}
#a {background: url(../images/sub_layout/01.jpg) no-repeat; position: absolute; top: 0; left: 0; width: 372px; height: 209px;}
#b {background: url(../images/sub_layout/02.jpg) no-repeat; position: absolute; top: 0; left: 372px; width: 428px; height: 385px;}
#c {background: url(../images/sub_layout/03.jpg) no-repeat; position: absolute; top: 209px; left: 0px; width: 372px; height: 107px;}
#d {background: url(../images/sub_layout/04.jpg) no-repeat; position: absolute; top: 316px; left: 0; width: 372px; height: 69px;}
#e {position: absolute; top: 385px; left: 0px; width: 800px; height: 506px;}
#f {background: url(../images/sub_layout/06.jpg) no-repeat; position: absolute; top: 891px; left: 0px; width: 800px; height: 133px;}
#menu {position: relative; top: 5px; left: 17px; margin: 0; padding: 0;}
#menu a img {margin: 0 0 11px 0; padding: 0; vertical-align: top;}
#home-photo {position: relative; width: 218px; margin: 42px 0 0 5px;}
#bottom_nav {position: relative; top: 60px; width: 800px; text-align: center;}
#bottom_nav a {font: 14px Georgia, "Times New Roman", Times, serif; margin: 0 0 0 15px; color: #454039;}
#bottom_nav a:hover {color: #FFFFFF; text-decoration: none;}
#track1 {background: url(../images/sub_layout/scroll_track.jpg) no-repeat; background-position: center;}
a.header-link {text-decoration: none; color: #001f43;}
a:hover.header-link {text-decoration: none; color: #000;}

/* Classed Styles  */
.photo-caption {width: 223px; font: 9px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #4d4034; text-align: right;}
.home-intro {font: 16px Georgia, "Times New Roman", Times, serif; color: #FFF; margin: 20px 0 0 5px; font-style: italic;}
.home-intro img {vertical-align: top;}
.nudge {margin-left: 30px;}
.contact {background: url(../images/sub_layout/headers/contact_bg.jpg) no-repeat;}
.vision {background: url(../images/sub_layout/headers/vision_bg.jpg) no-repeat;}
.donate {background: url(../images/sub_layout/headers/donate_bg.jpg) no-repeat;}
.blog {background: url(../images/sub_layout/headers/blog_bg.jpg) no-repeat;}
.music {background: url(../images/sub_layout/headers/music_bg.jpg) no-repeat;}
.bio {background: url(../images/sub_layout/headers/bio_bg.jpg) no-repeat;}
.calendar {background: url(../images/sub_layout/headers/calendar_bg.jpg) no-repeat;}
.ref {background: url(../images/sub_layout/headers/ref_bg.jpg) no-repeat;}
.links {background: url(../images/sub_layout/headers/links_bg.jpg) no-repeat;}
.media {background: url(../images/sub_layout/headers/media_bg.jpg) no-repeat;}
.charts {background: url(../images/sub_layout/headers/charts_bg.jpg) no-repeat;}
.music_videos {background: url(../images/sub_layout/headers/music_videos_bg.jpg) no-repeat;}
.instruction {background: url(../images/sub_layout/headers/instruction_bg.jpg) no-repeat;}
.teaching {background: url(../images/sub_layout/headers/teaching_bg.jpg) no-repeat;}
.thoughts {background: url(../images/sub_layout/headers/thoughts_bg.jpg) no-repeat;}
.null {background: url(../images/sub_layout/05.jpg) no-repeat;}
.text {font: 12px Georgia, "Times New Roman", Times, serif; color: #000;}
.rule {width: 75%; height: 1px; border-top: 1px dotted #000;}
.rule2 {position: relative; left: 81px; width: 487px; height: 10px; border-top: 0px solid #000; clear: both; margin: 10px 0 10px 0;}

/* Scrolling Div Styles */
#scrollable1 {position: relative; left: 30px; top: 10px; width: 650px; height: 406px; overflow: hidden; font: 12px Georgia, "Times New Roman", Times, serif; color: #000;}
#track1 {position: absolute; left: 778px; width: 15px; height: 425px;}
#handle1 {background-image: url(../images/home_layout/new/scrollbar_icon.jpg); width: 20px; height: 31px; position: relative; right: 2px; cursor: row-resize;}
#track2 {position: absolute; left: 19px; top: 427px; width: 762px; height: 15px;}
#handle2 {width: 20px; height: 15px; background-color: #FFF; cursor: col-resize;}