/* CSS Document */
/* 7f974d - olive green */
/* ca722b - arrow orange */

* { margin:0px; padding:0px;
}

body {	
  background-color:#7f974d; 
  background-image:url("images/backgrounds/bg-fade.gif");
  background-position:top left;
  background-repeat:repeat-x;
  color:#EEE;        
}

body, input, select, textarea {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:small;
}


/* Text Styles______________________________________________________*/

h1 {
  color:#1847a3;
  font-size:260%;
  font-style:italic;
  font-weight:normal;
}

h2 {
  color:#1847a3;
  font-size:medium;
  margin:0px 0px 3px 0px;
}

h2 a {
  color:#EC6D19;
  text-decoration:none;
}

h2 a:hover {
  color:#B0C55D;
}

h3 {
  color:#10A6B5;
  font-size:x-large;
  font-style:italic;
  font-weight:normal;
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 10px;
}

h3.violet {
  color:#B18CB8;
}

h3.pink {
  color:#D33972;
}

p {
  line-height:18px;
  padding:0px ;
}

p span {
  font-weight:bold;
}

/* Reg Form ________________________*/

.regForm{
  color:#eee;
  margin:45pf 0px 30px 0px;
}

.regForm h2{

color:#eee;

}
.regForm p span{

font-weight:bold;

}
.regForm table{

color:#111;

}


/* Front Page Panels __________________________*/

#panelWrapper {
  color:#ff0;
}

#panelContainer {
  position: relative;  
  width:800px;
  text-align:left;
  margin:0px auto;
}

.panel {
  float:left;
  width:262px;
  margin:0px 2px 0px 2px;
position:relative;
}

a.panelTopSixPack {
  background: url("images/panels/green-panel-cutout.jpg") no-repeat 0 0;
  background-position: 0 -0px;
  text-decoration:none;  
  display: block;
  position:relative;
  height: 197px;
}

a.panelTopSixPack img {
  border:0;
}

a.panelTopCorporate {
  background: url("images/panels/red-panel-cutout.jpg") no-repeat 0 0;
  background-position: 0 -0px;
  text-decoration:none; 
  display: block; 
  position:relative;
  height: 197px;
}

a.panelTopCorporate img {
  border:0;
}

a.panelTopEvents {
  background: url("images/panels/blue-panel-cutout.jpg") no-repeat 0 0;
  background-position: 0 -0px;
  text-decoration:none;  
  display: block;
  position:relative;
  height: 197px;

}

a.panelTopEvents img {
  border:0;
}

.panelBottom {
  height: 261px;
  width:262px;
  background-image: url("images/panels/panel-column-u.gif");
  background-position:top left;
  background-repeat:repeat-x;
  position:absolute;
  top: 202px;   
}

.panelBottom p {
  color:#fff;
  font-style:italic; 
  font-size:15px;
  text-decoration:none;
  padding: 25px 10px 0px 10px;
  width:242px;
  margin-bottom:25px; /* gives room at bottom of page to account for the overflow */
}

.panelTopHeader {
  color:#fff;
  font-style:italic; 
  font-size:28px;
  text-decoration:none;   
  position:absolute;
  top: 6px;
  left: 10px;
}


ul.panelTop {
  width:120px;
  font-family: arial ce,arial,sans-serif;        
  font-size: 95%;  
  position:relative;
  top:-128px;
  left:135px; 
}

ul.panelTop li {
  list-style-type:none;
  background-color: transparent;
  text-decoration: none;
  padding:2px 0px 4px 0px;
}

ul.panelTop li a {
  color: white;
  background-image: url(images/orange-arrow.gif);
  background-repeat:no-repeat;
  background-position: 0px 5px;
  background-attachment: scroll;
  padding-left: 12px;
  text-decoration: none;
  display: block;
}


/* Main Menu____________________________________________*/

#mainMenu {
  text-align:center;
  height:52px;
  width:800px;
  margin:10px auto;
}

#mainMenu a {
  color:#eee;
  font-style:italic; 
  font-size:28px;
  text-decoration:none;
  display: block;
  width: 238px;
  height: 52px;
  padding:5px 2px 0px 0px;
}


#mainMenu a:hover { 
  background-position: 0 0px;
  color: #fff;
}

#mainMenu a:active {
  color: #fff;
  background-position: 0 0px;
}

#mainMenu a.on {
  color: #fff;
  background-position: 0 0px;
}

#mainMenu a span {
  display: none;
}

a#eventsButton {
  background: url("images/buttons/blue-menu-button.jpg") no-repeat 0 0;
  background-position: 0 -0px;
}


a#sixpacksportsButton {
  background: url("images/buttons/green-menu-button.jpg") no-repeat 0 0;
  background-position: 0 -0px;
}

a#corporateButton {
  background: url("images/buttons/red-menu-button.jpg") no-repeat 0 0;
  background-position: 0 -0px;
}

a#swirlButton {
  width: 83px;
  background: url("images/buttons/black-menu-button.jpg") no-repeat 0 0;
  background-position: 0 -0px;
}


/* Top Container____________________________________________*/

#topWrapper {
  text-align:center;	
  width:100%;
}

#topContainer {
  height:53px;
  width:800px;
  text-align:left;
  position:relative;
  margin:0px auto;
}

#topLogo {
  width:262px;
  height:60px;
  float:right;
}


/* Top Nav_____________________________________________*/

ul#topNav {
  float:left;
  width:480px;
  font-size:large;
  letter-spacing:-1px;
  padding:18px 0px 0px 0px;
}

ul#topNav li {
  list-style-type:none;
  display:inline;
  padding:0px 9px 0px 0px;
}

ul#topNav li a {
  font-style:italic; 
}

ul#topNav li a.home {
  color:#10A6B5;
  text-decoration:none;
}

ul#topNav li a.about {
  color:#EC6D19;
  text-decoration:none;
}

ul#topNav li a.portfolio {
  color:#B18CB8;
  text-decoration:none;
}

ul#topNav li a.blog {
  color:#D33972;
  text-decoration:none;
}

ul#topNav li a.contact {
  color:#B0C55D;
  text-decoration:none;
}

ul#topNav li a.myFlickr {
  color:#0092DD;
  text-decoration:none;
}

ul#topNav li a.myFlickr span {
  color:#FF0084;
  text-decoration:none;
}

ul#topNav li a.last {
  padding:0px 0px 0px 0px;
}

ul#topNav li a:hover {
  color:#C9C9C0;
}



/* Main wrapper ____________________________________________*/

#mainWrapper {
  text-align:center;
  background-image:none;
  background-position:top center;
  background-repeat:repeat-y;
  padding:15px 0px 0px 0px; /*first px - distance drop from top*/
}

#mainContainer {
  width:800px;
  text-align:left;
  margin:0px auto;
}

#contentWrapper {
  width:750px;
  margin:0px auto;
}

#header {
  margin:0px 0px 16px 0px;
}

#pageHeader {
_height: 0; /* fix for ie float disappearing text */
  background-color:#f0e3cc;
  border-color:#000; 
  border-style:solid;
  border-width:8px 1px 1px 1px;
  border-color: #334a14;
  color:#1847a3;

}
#pageHeaderContent { 
  background-color:#dacbb8; 
  margin:10px 8px 0px 8px;
  padding: 3px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color: #679629;
}

#pageHeader img {
  margin:0px 0px 0px 0px;
  border:4px solid #131313;
  padding:0px 0px 0px 0px;
}

#pageHeader p {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:135%;
  font-style:italic;
  color:#1e2b0c;
  line-height:25px;
  padding:12px 18px 0px 18px;
}
#pageHeaderLinks {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:135%;
  font-style:italic;
  line-height:25px;
  padding:4px 10px 4px 10px;
  border-style:solid;
  border-width:0px 0px 8px 0px;
  border-color: #618e26;
}

/* article ____________________________________________*/

.article {

  background-color:#f0e3cc;  
  
}

.article h1 {
  padding:5px 0px 0px 8px;
  font-size:28px;
}

.article h2 {
  padding:5px 0px 0px 8px;
  font-size:15px;
}

.article_header_corporate {
  height: 49px;
  background: url("images/titlebars/red-article-bar-c.jpg") no-repeat;
  background-position: bottom right;
}

.article_header_sixpacksports {
  height: 49px;
  background: url("images/titlebars/green-article-bar-c.jpg") no-repeat 0 0;
  background-position: bottom right;
}

.article_header_events {
  height: 49px;
  background: url("images/titlebars/blue-article-bar-c.jpg") no-repeat 0 0;
  background-position: bottom right;
}

h1.corporate {
  color:#fff;
}

h1.events {
  color:#fff;
}

h1.sixpacksports {
  color:#fff;
}

/* -- article  frame --*/

.article_top {
  color:#ca722b;
  font-size:18px;
  height: 50px;
  background-color:#fef1e1;
  margin:0px 2px 0px 3px;
  border-style:solid;
  border-width:0px 1px 0px 0px;
  border-color: #334a14;
  padding-bottom:0px;
  padding-left:0px;  
}

.article_top h2 {
  color:#ca722b;
}

.article_body {
  _height: 0; /* fix for ie float disappearing text */
  color:#1e2b0c; 
  background-color:#dacbb8; 
  margin:0px 2px 8px 4px;
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color: #334a14;
  padding-bottom:3px;
  padding-left:30px;
}

.article_body p {  
  padding-right:18px;
  padding-top:1em;
}

.article_body span{  
  color:#f00;
}

.article_body ul {
  padding-right:18px;
  padding-top:1em;
}

.article_body li {
  list-style-position: inside;
}

.article_body img {
  border:2px solid #131313;
}

.article_photo_frame_none {
  display:none;
  border:0px;
}

.article_photo_frame_right {
  float:right;    
}

.article_photo_frame_left {
  float:left;    
}

.article_photo_frame_center {
  text-align:center;
  padding:0px 0px 12px 0px;
}

.article_bottom {
  color:#22ddcc;
  height: 15px;
    border-style:solid;
  border-width:0px 0px 8px 0px;
  border-color: #334a14;
}

.photo_album_photo_frame {
  height:312px;
}

.photo_album_photo_frame img {
  display:block;
  height: expression(this.height > 300 ? 300: true);
  max-height:300px; 
  width: expression(this.width > 400 ? 400: true);
  max-width:400px; 
  margin:auto; 
  border: 4px solid #666;
}

.photo_album_thumbs {
  margin:0px 10px 0px 10px;
}

.photo_album_thumbs table {
  background: #140b01;
  border-width: 1px 1px 1px 1px;
  border-spacing: 2px;
  border-style: outset outset outset outset;
  border-color: gray gray gray gray;
  border-collapse: separate;
}

.photo_album_thumbs table td {
  background-color: #140b01;
  width:98px;
  border-width: 2px;
  border-style: dashed none dashed none;
  border-color: gray;
  padding: 2px 3px 2px 3px;
}

.photo_album_thumbs img {
  height: expression(this.height > 72 ? 72: true);
  max-height:72px; 
  width: expression(this.width > 96 ? 96: true);
  max-width:96px; 
  border: 1px solid #666;
}

a.edit img {
  float:right;
  margin:0px 0px 25px 0px;
  border:0px solid #131313;
}

#column1 {
  float:left;
  width:170px;
  padding:0px 0px 0px 0px;
}

#column1 span{
  color:#8fd422;
  font-family: arial ce,arial,sans-serif;        
  font-size: 115%;
}

#column2 {
  width:538px;
  float:right;
  padding:0px 0px 0px 0px;
}


/* Vert Navigation ---------------------------*/

ul#vertNav {
  font-family: arial ce,arial,sans-serif;        
  font-size: 115%;
  min-height: 50px;
  width:170px;
  margin:0px 0px 30px 0px;
}

ul#vertNav li.last {
  border-bottom:1px dashed #dacbb8;
}

ul#vertNav li {
  list-style-type:none;
  background-color: transparent;
  text-decoration: none;
  border-top:1px dashed #dacbb8;
  padding:4px 0px 4px 20px;
}

ul#vertNav li a {

  color: white;
  background-image: url(images/orange-arrow.gif);
  background-repeat:no-repeat;
  background-position: 0px 8px;
  background-attachment: scroll;
  text-decoration: none;
  display: block;
  padding-left: 12px;
}

ul#vertNav li.on {
  background-color:#4c770e;
  background-color:#30630c;
  background-color:#629027;
}

ul#vertNav li.home {
  padding:7px 0px 7px 4px;
  background-color:#335209;
}

#vertNav li:hover {	
  background-color:#335209;
}



/* Sub Navigation ---------------------------*/

ul#subNav {
  width:170px;
  margin:0px 0px 30px 0px;
  padding:0px 0px 0px 0px;
}

ul#subNav li {
  list-style-type:none;
  border-bottom:1px dashed #ca722b;
}

ul#subNav li.last {
  border-bottom:none;
}

ul#subNav li a {
  color:#1e2b0c;
  text-decoration:none;
  font-size:120%;
  font-style:italic;
  display:block;
  padding:6px 0px 6px 10px;
}

ul#subNav li a:hover {
  text-decoration:underline;
  background-image:url(../images/tiles/pink_pixel_trans.png);
  background-position:top left;
  background-repeat:repeat;
}


/* Footer_________________________________________________*/

#horiz_sep_2 {
  height:9px;
  background-image:url(../images/tiles/fabric_cut_triangle_up.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
  text-align:center;
}

#footerWrapper {
  background-color:#111;
  text-align:center;
  width:100%;
  background-image:url(images/backgrounds/bg-reverse-fade.gif);
}

#footer {
  width:730px;
  text-align:left;
  margin:0px auto;
  padding:25px 0px 0px 0px;
}



/* Footer Base ______________________________________________*/

#footerBaseWrapper {
  text-align:center;
  background-color:#181818;
  width:100%;
  border-top:1px dashed #373737;
}

#footerBase {
  width:774px;
  text-align:left;
  margin:0px auto;
  padding:25px 0px 0px 10px;
}

#footerBase p {
  font-size:smaller;
  color:#464646;
  padding:0px 0px 25px 0px;
}

#footerBase p span {
  font-weight:bold;
  font-style:italic;
}

#footerBaseLeft {
  float:left;
  width:310px;
}

#footerBaseRight {
  float:Right;
  text-align:right;
  width:350px;
}

#footerBase a {
  font-size:smaller;
  font-weight:bold;
  font-style:italic;
  color:#10A6B5;
  text-decoration:none;
}

#footerBase a:hover {
  color:#C9C9C0;
}


/* Links ______________________________________________*/

.generalLink {
  font-weight:bold;
  color:#EC6D19;
  text-decoration:none;
}

.generalLink:hover {
  color:#B0C55D;
}





/* misc------------------------------------*/

.horzLine {
  font-size:0px;
  height:0px;
  margin:0px 0px 25px 0px;
  border-bottom:1px dashed #B0C55D;
  clear:both;
}

.horzLineVid {
  font-size:0px;
  height:0px;
  margin:25px 0px 25px 0px;
  border-bottom:1px dashed #B0C55D;
  clear:both;
}

img {
  border:0px;
}

.clear {
  clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
}