/* Glorious Revolutionary Phenomenon 2008 CSS, v0.5 */

html, body {margin: 0; padding: 0; font-family: Trebuchet, Trebuchet MS, Tahoma, sans-serif; }

body { background: #b3e6b9 url(images/bkgrd-body.jpg) left top repeat-y;  }

#top {height: 18px; border-bottom: 1px solid #ed1717; background: white;}
#top p { color: #ed1717; text-transform: uppercase; margin: 0; padding: 3px 0 0 6px; line-height: 14px; font-size: 12px; }

#morph {position: absolute; height: 593px; width:450px; margin: 0; padding: 0; left: 251px; background: transparent url(images/morph.jpg) left top no-repeat;}

#morph h1 {display: none;}

#leftnav {position: absolute; top: 40px; left:6px; width: 140px; border: 3px solid #ed1717; border-width: 3px 0; padding: 10px 0;}

#leftnav ul {margin: 0; padding: 10px 0 0 0; font-size: 75%; list-style-type: none; }

* html #leftnav ul { }

#leftnav li {text-align: right; padding: 2px 0; text-transform: uppercase; }
#leftnav li.level2 { text-transform: none; font-size: 90%; line-height: 1.4em; }

* html #leftnav li { margin: 0; padding: 2px 0; border: 0; line-height: 1.4em; }

#leftnav a { text-decoration: none; color: #00d;}
#leftnav a:visited {color: #00d; }
#leftnav a:hover {text-decoration: underline; color: #ed1717; }
#leftnav a:active { text-decoration: underline; color: #cf0;}

#leftnav a.current {color: #ed1717; }

* html #leftnav ul li a.current {color: #ed1717 !important;}

#goodoil {position: absolute; top: 40px; left:159px; width: 180px; border: 0; padding: 0;}
#goodoil h2 { padding: 0; margin: 0; line-height: 1.5em; font-size: 110%; text-transform: uppercase; color: #ed1717; font-weight: normal;}

* html #goodoil h2 { font-size: 105%; }

#news { position: relative; width: 240px; border: 3px solid #ed1717; border-width: 3px 0; padding: 10px 0; margin: 475px 0 0 6px; }
#news p { margin: 0; padding: 10px 0 0 0; font-size: 80%; text-transform: capitalize; }

* html #news p { font-size: 75%; }

#chairman { position: absolute; width:400px; margin: 0; padding: 0; top: 120px; left: 285px;}
#chairman p { position: relative; color: #ed1717; margin: 0; padding: 10px 0 0 0; font-size: 90%; text-transform: uppercase;}

#content { position: relative; margin: 20px 20px 20px 165px; background: white; padding: 0 20px 10px 20px; border: 1px solid #ccc; border-top: 3px solid #ed1717; max-width: 800px;}

#index #content {background: transparent; margin: 0; padding: 0; border: 0; }



a:link { text-decoration: none; }
a:visited {color: #00d; text-decoration: none; }
a:hover {text-decoration: underline; color: #ed1717; }
a:active { text-decoration: underline; color: #cf0;}
a.current {color: #ed1717; }

p { font-size: 90%; color: #121; margin: 0.8em 0; line-height: 1.3em; }

h1, h2, h3, h4, h5 { color:#ed1717; margin: 1.6em 0 0.4em 0; padding: 0; text-transform: uppercase;}
h1 { font-size: 180%; margin: 5px 0 0 0; padding: 10px 0 0 0;}
h2 {font-size: 150%; padding-top: 0.4em; border-top: 2px solid #ed1717; }
h3 {font-size: 120%; margin-top: 1.6em;}
h3.writer, h4.writer { margin: 0 0 1em 0; }
h4 {font-size: 90%; margin-top: 1.6em; }
h5 {font-size: 80%; margin-top: 1.6em; }


* html h1 {font-size: 220%; }
* html h2 {font-size: 130%; }
* html h3 {font-size: 130%; }
* html h4 {font-size: 90%;  }
* html h5 {font-size: 80%; }

#content ul { margin: 1em 0 1em 1em; padding: 0; }
#content li { font-size: 90%; color: #121; ; margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em; }
* html li { list-style-image: url(images/bullet_ie.gif); }

.hide { display: none; }
.top { font-size: 80%; text-align: right;}
.overline { margin-top: 1.6em; padding-top: 6px; border-top: 3px solid #ed1717; }
.right {text-align: right; }
.left {text-align: left; }
.center {text-align: center; }
.red { color: #ed1717}
.grey { color: #999 !important; }


.small {font-size: 80%; }
/*
*/

.spacer { margin-top: 2em; }
.spaced { margin: 2em 0; }
.email { padding: 3px 6px; background: #d8f6fb; color: black; font-family: Courier, monospace; white-space: nowrap; }
.italic {font-style: italic;}
.bold {font-weight: bold; }
.center {text-align: center; }
img { padding: 0; margin: 0; border: 0; }
.rightdecoration { z-index: 10; position: relative; float: right; margin: 10px; }
.pictag { font-size: 70%; color: #777; width: 60%; text-align: center; margin: 0 auto;}
* html .pictag { width: 100%;}




.rating { position: relative; margin: 0.5em 0; padding: 0; width: 80%; border: 1px solid #333; background white;  }

* html table.rating { }

.rating td { font-size: 0.8em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-collapse: collapse;}
.rating th { font-size: 0.8em; font-weight: bold; text-align: left;	border-bottom: 1px solid #333;	background: #b6e4da; border-collapse: collapse; }



.boxblurb { margin: 20px 40px; font-style: italic;}
.boxblurbauthor { margin: -10px 40px 20px 40px; line-height: 1em; font-style: normal; text-align: right; }


.schedule { margin: 1em 0 2em 0; border: 2px solid #666; width: 95%; font-size: 0.9em; border-collapse: collapse;	}

* html .schedule { margin: 1.5em 0; font-size: 80% }

.schedule th { margin: 0; padding: 0.4em; text-align: center; color: black; background: #b6e4da; border-bottom: 1px solid #666; border-collapse: collapse;	}

.schedule td { padding: 0.4em; margin: 0; text-align: center; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-collapse: collapse;	}

.schedule td.rowhead {text-align: left; font-weight: bold; }
td.break { text-align: left; font-style: italic; font-weight: normal; background: #b6e4da; }

.schedule td.left { text-align: left; }

.no { color: #ccc; background: #666;}


#roaring { border: 1px solid #a9bead; position: absolute; left: 285px; top: 730px; margin: 0; width: 375px; background: #d7f5db; text-align: center;	}

#roaring th { margin: 0; padding: 0.4em; font-size: 0.9em; text-align: center; color: #667369; border-bottom: 1px solid #a9bead; }
#roaring td { padding: 0.4em; margin: 0; font-size: 0.9em; }