/* Overall site styling */

body {
 margin: 0px;
 padding: 0px;
 background-image: url('Background.png');
 background-repeat: repeat-x;
 background-color: #e9d9d9;  
 background-position: bottom left;
 background-attachment: fixed;
 text-align: center;
 font-family: Sans;
 color: #1F1F1F;
}

div#Header {
 position: relative;
 margin: 0px;
 padding: 0px;
 width: auto;
 height: 150px;
 background-image: url('Top.png');
 background-repeat: repeat-x;
 background-color: #444444;
 background-position: -4px 0px;
 overflow: hidden;
}

div#Header div#Banner {
 position: relative;
 left: 1px;
 width: 802px;
 height: 150px;
 margin: 0px auto 0px auto;
 padding: 0px;
 text-align: left;
}

img#YinYang {
 position: absolute;
 top: -154px;
 left: -76px;
 z-index: 999;
}

div#Header img{
 position: relative;
 margin: 0px;
 padding: 0px;
 border-width: 0px;
}

div#Header span.SiteTitle {
 display: none;
}

div#ContentFrame {
 position: relative;
 top: 0px;
 width: 808px;
 height: 1000px;
 margin: 0px auto 0px auto;
 padding: 0px;
 background-image: url('Body.png');
 background-repeat: repeat-y;
 text-align: left;
}

div#Menu {
 position: absolute;
 left: 10px;
 top: 40px;
 width: 175px;
 height: auto;
}

div#Menu div.Head {
 margin: 0px;
 padding: 0px 0px 0px 18px;
 width: 157px;
 height: 30px;
 background-image: url('MenuTop.png');
 background-repeat: repeat-none;
 font-family: Sans;
 font-size: 17px;
 font-weight: bold;
 color: white;
 overflow: hidden;
}

div#Menu ul {
 width: 175px;
 height: auto;
 margin: 0px 0px 25px 0px;
 padding: 0px;
 background-image: url('MenuBack.png');
 background-repeat: repeat-y;
 list-style: none;
 border-bottom: 3px solid #BBBBBB;
}

div#Menu ul li {
 margin: 0px 1px 0px 1px;
 padding: 1px 5px 1px 6px;
 width: auto;
 height: 18px;
 border-top: 1px solid #E0E0E0;
 font-size: 12pt;
}

div#ContentTitle {
 margin: 0px 14px 7px 200px;
 padding: 0px;
 font-family: Sans;
 font-size: 2.3em;
 font-weight: bold;
}

div#ContentBody {
 margin: 0px 15px 0px 200px;
 padding: 0px;
 font-family: 'Sans';
 font-size: 1em;
}

/* Update height to be min-height if not IE */
html>body div#ContentFrame {
 min-height: 1000px;
 height: auto;
}

div#ContentBody ul {
 margin: 5px 20px 5px 15px;
}

div#Footer {
 position: relative;
 top: 0px;
 width: 778px;
 height: auto;
 margin: 0px auto 0px auto;
 padding: 0px 15px 8px 15px;
 background-image: url('Body.png');
 background-repeat: repeat-y;
 text-align: center;
 font-size: 0.7em;
}

/*Media gallery styles*/

ul.PhotoList {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

ul.PhotoList li {
 height: 140px;
 margin: 0px 15px 0px 0px;
 padding: 1px 20px 10px 5px;
}
                    
ul.PhotoList li:hover {
 background-color: #DFDFFF;
}

/*Override stuff above if we aren't a stupid copy of IE*/
html>body ul.PhotoList li {
 height: auto;
 min-height: 140px;
}

ul.PhotoList li div.Thumbnail {
 float: left;
 border: 0px;
 margin: 7px 10px 8px 5px;
 width: 125px;
 height: 125px;
 background: url('MediaBack.png') no-repeat;
}

ul.PhotoList li div.Thumbnail img {
 border: 0px;
 margin: 6px;
 width: 113px;
 height: 113px;
}

ul.PhotoList li div.Description {
 height: auto;
 width: auto;
 margin: 0px 5px 5px 148px;
 padding-left: 5px;
}

ul.PhotoList li h4 {
 margin-top: 20px;
}

/*Override stuff above if we aren't a stupid copy of IE*/
html>body ul.PhotoList li h4 {
 margin-top: 10px;
}

ul.PhotoList li span {
 margin-top: 3px;
 font-size: 0.8em;
 font-style: italic;
}

/* Decoration of the media pro page */

div#GalleryMedia {
 margin: 0px 15px 0px 200px;
 padding: 0px;
 text-align: center;
}

div#GalleryMedia div.GalleryHeader {
 position: relative;
 top: 25px;
 font-weight: bold;
 font-size: 1.6em;
}

img#Media {
 border: 4px solid #DFDFDF;
}

div#GalleryMedia div.Container {
 position: relative;
 top: 15px;
 width: auto;
 height: auto;
 margin: 3px auto 3px auto;
 padding-top: 25px;
 border: 2px solid #DFDFDF;
 background-color: #EFEFEF;
}

div#GalleryMedia div.Container:hover {
 background: #DFDFFF;
}

div#GalleryMedia div.Navigator {
 position: relative;
 background-color: #DFDFDF;
 margin-top: 22px;
}

div#GalleryMedia div.Copyright {
 font-size: 0.7em;
 text-decoration: italic;
}

div#GalleryMedia table {
 width: 590px;
 height: auto;
 text-align: left;
}

div#GalleryMedia table td.Name {
 font-weight: bold;
 width: 140px;
}

div#GalleryMedia table td.Info {
 text-align: center;
}

div#GalleryMedia table tr.Odd{
 background: #DFDFDF;
}

div#GalleryMedia table tr.Odd:hover{
 background: #DFDFFF;
}

div#GalleryMedia table tr.Even:hover{
 background: #DFDFFF;
}

/* Decoration of the sponsors page */
ul.SponsorList {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

ul.SponsorList li {
 position: relative;
 width: 95%;
 margin-bottom: 0.25em;
 padding: 1px 0.75em 0.75em 0.75em;
 border-width: 0px 0px 0px 0px;
 border-color: #999999;
 border-style: solid;
 height: 140px;
 overflow: hidden;
}

ul.SponsorList li.Tall {
 height: 160px;
}

/* Override height directive if not stupid IE */
html>body ul.SponsorList li {
 min-height: 140px;
 height: auto;
}

html>body ul.SponsorList li.Tall {
 min-height: 160px;
 height: auto;
}

ul.SponsorList li:hover {
 background: #DFDFFF;
}

ul.SponsorList li img {
 float: right;
 margin: 1.25em 0.2em 1.25em 1.25em;
}

ul.SponsorList li h3 {
 font-size: 1.4em;
 margin: 0px;
 padding: 0px;
 top: 0px;
}

ul.SponsorList li h3 span {
 font-size: 0.8em;
 font-weight: normal;
 font-style: normal;
}

ul.SponsorList li span {
 font-style: italic;
 font-size: 0.8em;
 margin-bottom: 0.75em;
}

/* General stuff for page decoration */

a {
 text-decoration: none;
}

ol li {
 margin-bottom: 1em;
}

h1 {
 font-weight: bold;
 font-size: 2.1em;
 margin-bottom: 0px;
}

h2 {
 font-weight: bold;
 font-size: 1.8em;
 margin-bottom: 0px;
}

h3 {
 font-weight: bold;
 font-size: 1.5em;
 margin-bottom: 0px;
 margin-top: 2px;
}

h4 {
 font-weight: bold;
 font-size: 1.3em;
 margin-bottom: 0px;
}

h5 {
 font-weight: bold;
 font-size: 1.1em;
 margin-bottom: 0px;
}

p {
 margin-top: 2px;
 margin-bottom: 3px;
}

sup {
 font-size: 0.7em;
}

a {
 color: #1111EE;
}

a:visited {
 color: #1111EE;
}

div.Container {
 position: relative;
 margin: 0px;
 padding: 0px;
 width: auto;
 height: auto;
 overflow: hidden;
}