@charset "utf-8";
/* CSS Document */

/* LAYOUT MAIN PAGE */

body {background-color:#000000; color:#000033; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0}

#container {width:775px;background-image:url(../images/layout/page-bg.jpg);margin:20px auto;}
#header {background:url(../images/layout/header.png) 0px 7px no-repeat; width:775px; height:170px; margin:-20px auto; position:absolute }
#content {background:url(../images/layout/content_bg.gif) top left repeat-y;width:775px; margin:212px 0 0 0; position:relative; min-height:100px}
#left_content {width:355px; float:left}
#right_content {width:405px; float:left; margin:-55px 0 0 0}
#right_content p {width:395px}
#photos {width:355px; float:left; min-height:222px; position:relative; margin:-75px 0}
#musicplayer {width:331px; height:181px; margin:-155px 0 0 0; padding:0; background:transparent url(../images/layout/ARR_Jukebox05web.png); display:block; position:relative}
#bottomnav {background:url(../images/layout/bottom_nav.gif) top left no-repeat; height:51px; margin:0px 0 10px 0; position:relative; text-align:center}
#download_bottomnav {background:url(../images/layout/sub_bottom_nav.gif) top left no-repeat; height:51px; margin:0; position: absolute; text-align:center}
 
 /* CONTENT FOR MAIN PAGE */

h1, h2, h3, h4 {font-weight:normal; margin:5px 0 15px 12px; font-size:14px;}
h2 {margin-left:16px}
p {width:235px; font-size:11px; line-height:18px; margin:0 0 20px 15px}
li {font-size:11px; line-height:18px; margin:0 0 0 0px}

/* HEADER CONTENT */
#tagline {font-size:20px; float:right; width:650px; margin:5px; text-align:right; letter-spacing:.25px }
#firstbar_text {font-size:12px; float:right; width:620px; margin:8px 5px; text-align:right; letter-spacing:-.2px}
#midbar_text {font-size:12px; float:right; width:585px; margin:8px 0px; text-align:left; letter-spacing:-1px; line-height:18px }
#navbar_text {font-size:11px; float:right; width:620px; margin:4px 0; text-align:left }
#navbar li {list-style:none; border-right:1px #000033 solid; margin:3px 5px }


/* LEFT BAR CONTENT */
#photos_1 {float:left; margin:0; background:url(../images/invisible.gif); height:200px }
#photos_2 {float:left; margin:5px 0 0 -20px }
#photos_3 {float:left; margin:-23px 0 }
#photos_4 {float:left; margin:-18px 0 0 -10px }
#photos_5 {float:left; margin:-343px 0 0 128px }
#photos_6 {float:left; margin:15px 0 60px 0; padding:0 }
#photos p {margin:35px 0 53px 23px; font-size:14px }


/* FOOTER CONTENT */
#bottomnav_text {padding:7px 0; font-size:10px; letter-spacing:-.5px }
#copyright {margin:-8px 0 0 0; font-size:9px; letter-spacing:-.5px; width:775px }
#download_bottomnav_text {padding:7px 0; font-size:10px; letter-spacing:-.5px }
#download_copyright {margin:-8px 0 0 0; font-size:9px; letter-spacing:-.5px; width:775px }


/* SECONDARY PAGE FORMATTING */
#secondary_content {background:url(../images/layout/secondary_content_bg.png) top left repeat-y;width:775px; margin:190px 0 0 0; position:relative; min-height:100px}
#secondary_left_content {width:165px; float:left; margin:-30px 0 90px 0}
#secondary_left_content p {width:165px; margin:10px 0px 10px 15px; font-size:9px; line-height:12px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;  }
#secondary_photos  {width:295px; float:left; min-height:222px; position:relative; margin:-40px 0}
#secondary_photos h3 {margin:28px 0 0 14px; font-size:14px }
#secondary_photos p {margin:30px 0 23px 37px; font-size:14px }
.photos_sub {float:left; width:297px; margin:10px 0 10px -14px; display:inline; text-align:center; font-size:9px; font-style:italic }
#photos_sub_btm {float:left; width:297px; margin:10px 0 80px -14px; display:inline; text-align:center; font-size:9px; font-style:italic }
#photos_sub_top {float:left; width:297px; margin:20px 0 10px -14px; display:inline; text-align:center; font-size:9px; font-style:italic }

#secondary_right_content {width:585px; float:left; margin: -55px 0 0 0}
#secondary_right_content li {margin:0px -15px}
#secondary_right_content p {width:455px}

#sub_left_content h1 {width:162px; margin:0 0 10px 12px; font-size:14px; line-height:12px}
#sub_left_content h2 {width:182px; margin:25px 0 0 0; font-size:12px; text-align:center}
#sub_left_content p {width:165px; margin:10px 0px 10px 15px; font-size:9px; line-height:12px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;  }
#sub_right_content {width:465px; float:left; margin:-48px 0 0 120px; position:relative}
#sub_right_content p {width:465px}
#sub_left_content {width:185px; float:left; margin:-30px 0 0px 0}
#sub_bottomnav {background:url(../images/layout/sub_bottom_nav.png) top left no-repeat; height:51px; margin:0px 0 10px 0; position:relative; text-align:center}
#sub_musicplayer {width:300px; height:58px; margin:0px 0 0 5px;  position:relative }
#sub_right_content li {margin:0 0 0 -15px}


/* CALENDAR AREA FORMATTING */
#cal_area {width:165px; float:left; margin:10px 0 0px 14px; background:url(../images/layout/cal_top.jpg) top center no-repeat; }
#cal_area h1 {font-size:12px; font-weight:900; text-align:center; margin:10px auto; padding:0}
#cal_area h2 {width:160px; font-size:10px; text-align:center; margin:10px 0 0 -1px; padding:0}
#cal_area p {width:160px; margin:10px auto; text-align:center; font-size:9px; line-height:12px; }
#calendar {width:121px; margin:10px 0 20px 8px}

/* SITEMAP FORMATTING */
#sitemap {width:300px; float:left; margin:50px 0 0 15px }
#sitemap p {font-size:12px; margin:8px 0; line-height:12px}

/* LINKS FORMATTING */
#sitelinks {width:300px; float:left; margin:0px 0 0 15px }
#sitelinks p {font-size:12px; margin:8px 0; line-height:12px}

/* BACK TO TOP FORMATTING */
.to_top {width:760px; float:right; display:block; text-align:right; font-size:10px; margin:0 0 20px 0 }

/* CREDITS FORMATTING */
#foundercredit {width:500px; float:left; margin:0px 0 0 15px }
#foundercredit p {font-size:11px; margin:0 15px; line-height:18px}
#foundercredit h2 {font-size:11px; font-weight:900; margin:13px; line-height:12px}
#founders {width:188px; float:left; margin:0 -15px }
#credits {width:320px; margin:0; font-size:11px; float:left }
#credits p {width:320px; font-size:11px; margin:10px 0; line-height:18px}
li {font-size:11px; line-height:18px; margin:0 0 0 0px}


/* HELP AREA FORMATTING */
#help_area {width:165px; float:left; margin:10px 0 0px 14px; background:url(../images/layout/help_top.png) top center no-repeat; }
#help_area h1 {font-size:12px; font-weight:900; margin:10px auto; padding:0}
#help_area h2 {width:160px; font-size:10px; letter-spacing:.2px; text-align:center; font-weight:900; margin:20px auto; padding:0}
#help_area p {width:160px; margin:10px auto; text-align:left; font-size:9px; line-height:12px; letter-spacing:.4px; }

/* DOWNLOAD FORMATTING */
#download {width:560px; float:left; margin:30px 0 0 35px; text-align:left }
#download p {font-size:12px; margin:8px 0; line-height:12px}

/* FLOAT CLEAR FORMATTING */
.clearFloat {clear: both;display: block;}