*{ margin: 0px; padding: 0px; }
HTML{ width: 100%; height: 100%; overflow: scroll; }
BODY{ 
  background: url('images/structure/bgWindow.jpg') repeat-x top left #fff; 
}
/*
P, A, SPAN, H1, H2, H3, H4, H5, LI{
  font-family: Minion Pro, Times New Roman, serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: black;
}
P, A, SPAN, H1, H2, H3, H4, H5, LI{
  font-family: Times New Roman, serif;
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: normal;
  text-decoration: none;
  color: black;
}*/
P, A, SPAN, H1, H2, H3, H4, H5, LI{
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: normal;
  text-decoration: none;
  color: black;
}/*
P, A, SPAN, H1, H2, H3, H4, H5, LI{
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  line-height: 1.3em;
  font-weight: normal;
  text-decoration: none;
  color: black;
}*/
P{ margin: 0 0 10px 0; line-height: 1.2em; }
P A, H1 A, H2 A, H3 A, A P{ font-size: 1.0em; }
H1, H2, H3{
  font-family: Cambria, Palatino Linotype, Times New Roman, Times, serif;
}
#ColumnLeft P{ line-height: 1.1em; }

DIV.addthis{
  text-align: right;
}
A.addthis_button{
}
A IMG{ border: none; }
SPAN.italic:HOVER{ font-style: italic; }



/*
DIV.contentBox DIV.TL, DIV.contentBox DIV.TR,
DIV.contentBox DIV.BL, DIV.contentBox DIV.BR{
  width: 5px; height: 5px; line-height: 5px;
  background: url('images/structure/corners.gif') no-repeat;
}
DIV.contentBox DIV.TL{ 
  background-position: 0px 0px;
  margin: -2px 0 0 -2px;
}
DIV.contentBox DIV.TR{ 
  background-position: -5px 0px; 
  float: right;
  margin: -2px -2px 0 0;
}
DIV.contentBox DIV.BL{ 
  background-position: 0px -5px; 
  margin: 0 0 -2px -2px;
}
DIV.contentBox DIV.BR{ 
  background-position: -5px -5px; 
  float: right;
  clear: both;
  margin: 0 -2px -2px 0;
}*/
DIV.contentBox{ border: solid 2px black; }
DIV.contentBox DIV.content{ margin: 2px 7px; }
DIV.contentBox DIV.boxHeader{
  width: 100%; height: 5px;
  line-height: 1px;
  background: url('images/structure/cornersTL.gif') left no-repeat;
  position: relative; top: -2px; left: -2px;
}
DIV.contentBox DIV.boxHeader IMG.TR{
  float: right;
  position: relative; left: 4px;
}
DIV.contentBox DIV.boxFooter{
  width: 100%; height: 5px;
  line-height: 1px;
  background: url('images/structure/cornersBL.gif') left no-repeat;
  position: relative; top: 2px; left: -2px;
}
DIV.contentBox DIV.boxFooter IMG.BR{
  float: right;
  position: relative; left: 4px;
}

P.copy{
  padding-top: 5px;
  text-align: right;
  clear: both;
}



/*   Blog   */

DIV.blogHeader{ width: 540px; height: 122px; }
DIV.blogHeader H1{
  font-size: 2.1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-left: 45px; margin-top: 20px;
  float: left;
}
DIV.blogHeader H1 SPAN.italic{
  font-size: 0.5em;
  font-style: italic;
  letter-spacing: 0.0em;
  text-transform: none;
}
DIV.blogHeader IMG{ float: left; margin: 15px;}
DIV.blogArchive{
  width: 70px; height: 310px;
  text-align: center;
}

DIV.newsItem H2{ font-size: 1.2em; }
DIV.newsItem H3{ font-size: 1.0em; text-transform: uppercase; }
DIV.newsItem P.date{ font-size: 0.9em; float: right; text-transform: uppercase; }



/*   Columns   */

DIV#NewsletterBox{
  width: 86px; height: 115px;
}
INPUT#newsletterEmail{
  width: 64px; height: 18px;
  font-size: 0.6em;
  background-color: #cecece;
  border: solid 1px #323232;
  margin-bottom: 5px;
  float: left;
}
INPUT#newsletterArrow{
  position: relative; left: 6px; top: 2px;
}

DIV#TextBox{
  height: 152px;
  margin-left: 8px;
  text-align: left;
  background: url('images/arrowGrey.gif') no-repeat 73px 132px;
}

DIV#ColumnRight H1{
  font-size: 1.3em;
  text-transform: uppercase;
}

DIV#GamesBox{
  height: 248px;
  margin-left: 8px;
  text-align: left;
}


/*   Header   */

DIV#Header H1.title{
  font-size: 4.3em; line-height: 1.0em;
  font-family: Minion Pro, Times New Roman, serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #3c292b;
  text-align: center; 
  position: relative; top: 36px;
}
DIV#Header IMG.logo{
  position: relative; top: 14px; left: 14px;
  cursor: pointer;
  float: left;
}
DIV#Header IMG.logo-alternative{
  position: absolute; left: 14px;
  margin-top: 14px;
  cursor: pointer;
  opacity: 0; filter: alpha(opacity=0);
  z-index: 20;
}

DIV#Navigation H1{
  width: 110px; height: 34px; line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  text-transform: uppercase;
  cursor: pointer;
  display: block; float: left;
}
DIV#Navigation H1 A{ 
  font-size: 1.0em;
  line-height: 40px;
  font-family: Cambria, Palatino Linotype, Times New Roman, Times, serif;
}
DIV#Navigation H1.selected{
  border-top-color: #d9d7d8;
  border-right-color: #aaaaaa;
  border-bottom-color: #4c4a4b;
  border-left-color: #acacac;
}
DIV#Navigation H1.largeNav{
  font-size: 1.4em;
}



/*   Structure   */

DIV#SiteWrapper{
  width: 900px;
  position: relative; left: 50%; margin-left: -450px;
}

DIV#Header{
  height: 210px;
  margin-top: 42px;
  background: url('images/structure/bgHeader.gif') no-repeat top left #fff;
}

DIV#NavigationWrapper{
  width: 680px; height: 57px;
  background: url('images/structure/bgWindow.jpg') repeat-x 0px -183px gray;
  position: relative; top: 84px;
  z-index: 20;
  float: right;
}
DIV#Navigation{
  width: 660px; height: 40px;
  border: solid 3px #323232;
  background: #fff;
  margin-top: 12px;
  float: right;
  z-index: 1;
}

DIV#BodyWrapper{
  height: 500px;
  padding: 20px 0;
  clear: both;
}

DIV#ColumnLeft{
  width: 130px; height: 100%;
  border: solid 3px #323232;
  background: #fff;
  float: left; clear: left;
  overflow: hidden;
}

DIV#ColumnCenter{
  width: 606px; height: 100%;
  border: solid 3px #323232;
  background: #fff;
  margin: 0 8px;
  float: left;
  overflow: auto;
}

DIV#ColumnRight{
  width: 130px; height: 100%;
  border: solid 3px #323232;
  background: #fff;
  text-align: center;
  float: right;
  overflow: hidden;
}

DIV.columnContent{
  margin: 0 10px;
  padding: 10px 0;
}