/* COLORS USED */

/* #000000 - BLACK - body bkgd, active link, button active link */
/* #4F54C2 - DK PERRIWINKLE - header bkgd, updates header bkgd, button link */
/* #666666 - DK GRAY -inactive button text */
/* #B6BFFF - LT PERRIWINKLE - title underline, inside borders, link, active link bkgd */
/* #C2C4D4 - GRAY - outside borders, button bkgd */
/* #eeeeee - LT GRAY - body text, data anchor */
/* #ffffff - WHITE - pre backgroundr */


/* BOX PROPERTIES */

/* Float */

div#newstuff-interior {float: right;}


/* Display */

td.header-left img, td.header-right img {display: block;}


/* Height & Width */
table#header, table#navbar, table#parentbar, table.updates {width: 100%;}
/*table.sections, table.newstuff {width: 650px;}*/
td.header-left {width: 70%;}
td.header-right {width: 30%;}
.navbuton {width: 20%;}
.sections td {width: 161px;}
.newstuff td, div#newstuff-interior {width: 308px;}
.updates th {width: 60%;}
.updates td {width: 40%;}
td.spacer {width: 4px;}
td.newstuff-spacer, .photo-nav td {width: 30px;}
td.photo-nav-col, .photo-nav table, .photo-nav-bottom table {width: 250px;}

/* Padding - T R B L */
div#content {padding: 20px 48px;}
h1, h2, table#header, table#header td, div#homephoto {padding: 0;}
.data td, .data th, .sections td, .newstuff td, .updates th, .updates td, .photo-nav th, .photo-nav td, div#newstuff-interior {padding: 4px;}
td.spacer {padding: 0;}
.navbutton, table#parentbar td, .sectionbutton {padding: 3px;} 
div#idd, div#playlist, .boxbody {padding: 10px;}
div#titlearea {padding-bottom: 7px;}
.updates caption {padding-bottom: 4px;}
td.photo-nav-col {padding-right: 20px;}
.newstuff p {padding-left: 50px;}

/* Border - T R B L */
img {border: none;}
table#header, div#content {border-bottom: 2px solid #C2C4D4;}
table.data, .sections td, .newstuff td, div#newstuff-interior, .boxbody {border: 1px solid #B6BFFF;}
.updates th, .updates td {border: 1px solid #000000;}
table#navbar, table#parentbar, td.spacer, td.newstuff-spacer {border: none;}
div#titlearea {border-bottom: 1px solid #B6BFFF;}
table#header, table#navbar, table#parentbar, .sections, .newstuff, .updates {border-collapse: collapse;}
div.photo-nav-bottom {border-bottom: 1px solid #C2C4D4;}

/* Margin - T R B L */
body {margin: 0 0 10px 0;}
div#page, table.sections, table.newstuff, .photo-nav table, .photo-nav-bottom table {margin-left: auto; margin-right: auto;}
h3, .sectionbutton {margin: 0 0 7px 0;}
.sections p {margin: 0;}
div, h1, h2, table#header, table#navbar {margin: 0;}
p {margin: 0 0 15px 0;}
div#titlearea {margin-bottom: 20px;}
div#homephoto {margin: 5px 0;}
div#homecaption {margin-bottom: 30px;}
/*
ul {margin: 0 0 15px 25px;}
ol {margin: 0 0 15px 30px;}
li {margin: 0 0 6px -25px;}
*/
table.data {margin-bottom: 20px;}
div#footer {margin-top: 5px;}
div#photo-caption {margin: 10px 0;}
table.sections {margin-bottom: 30px;}
.boxbody {margin-bottom: 20px;}
div#newstuff-interior {margin: 0 0 10px 10px;}
.photo-nav {margin-bottom: 10px;}

/* Background */
body, table#navbar, table.data, div#newstuff-interior {background: #000000;}
table#header, table#header td, div#playlist a:active {background: #4F54C2;}
div#idd, div#playlist {background: #ffffff;}
a:active {background: #B6BFFF;}
.updates th, .photo-nav th {background: #4F54C2 url(/images/bar2.jpg);}
.navbutton, table#parentbar td, .sectionbutton, .updates td, .photo-nav td {background: #C2C4D4 url(/images/bar.jpg);}
td.insection {background: #B6BFFF url(/images/bar3.jpg);}

/* FONT PROPERTIES */

/* Font Color */
body, .data-anchor {color: #eeeeee;}
a, a:visited, a:hover {color: #B6BFFF;}
.navbutton a, .navbutton a:visited, .navbutton a:hover {color: #4F54C2;}
table#parentbar a, table#parentbar a:visited, table#parentbar a:hover {color: #4F54C2;}
.sectionbutton a, .sectionbutton a:visited, .sectionbutton a:hover {color: #4F54C2;}
.updates a, .updates a:visited, .updates a:hover {color: #4F54C2;}
.photo-nav a, .photo-nav a:visited, .photo-nav a:hover {color: #4F54C2;}
div#idd, div#playlist, a:active, .navbutton a:active, table#parentbar a:active, .sectionbutton a:active, .updates a:active, .photo-nav a:active {color: #000000;}
.inactive {color: #666666;}
div#playlist a, div#playlist a:hover, div#playlist a:visited {color: #4F54C2;}
div#playlist a:active {color: #ffffff;}
.insection a {color: #000000;}

/* Font Family */
body, div, td, th {font-family: arial,helvetica,sans-serif;}

/* Font Size */
body {font-size: 13px;}
.data, .data th, .data td {font-size: 12px;}
.navbutton, table#parentbar, .sections p, .sectionbutton, .newstuff td, .updates th, .updates td {font-size: 12px;}
div#homecaption, div#footer, td.index {font-size: 11px;}
h1 {font-size: 26px;}
h2 {font-size: 16px;}
h3, .updates caption {font-size: 14px;}

/* Font Weight */
h1, h2, h3, th, .navbutton a, table#parentbar, .sectionbutton, .updates a, .updates caption, .photo-nav td, .insection a {font-weight: bold;}
.updates th {font-weight: normal;}

/* Text Decoration */
a, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Text Alignment */
body, table.sections, table.newstuff, div#footer, div#homephoto, div#homecaption, div#newstuffwrapper, .updates td, div#photo-box, .photo-nav, .photo-nav-bottom, table#navbar td, table#parentbar td {text-align: center;}
div#header, td.header-left, div#content, .sections th, .sections td, .newstuff td, .updates caption, .updates th {text-align: left;}
td.header-right {text-align: right;}
td.photo-nav-col, td.header-left, td.header-right, .sections td, .newstuff td {vertical-align: top;}


/* KEEPS FLOATING ELEMENTS INSIDE PARENT BOX */
div#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* MORE GENERIC VERSION OF ABOVE */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*FOR IDD POLL */
.poll caption {font-weight: bold; font-size: 18px; margin: 0 auto .5em auto;}
.poll th {text-align: center;}
.poll input {width: 300px;}
table.poll {margin: 0 auto 1.5em auto;}
.submit {text-align: center; margin: 0 auto;}
.important {font-weight: bold; color: orange;}