/* All Sports */
/* Main.css */
/* Created November 18, 2007 */
/* Modified November 18, 2007
--------------------------------------- */

/* General
--------------------------------------- */

.Msg {
  font-size: 1em;
  font-weight: bold;
  color: blue;
  margin: 1em;
  padding: .5em;
  border: 2px solid blue;
}
.WarningMsg {
  font-size: 1em;
  font-weight: bold;
  color: yellow;
  margin: 1em;
  padding: .5em;
  border: 2px solid yellow;
}
.ErrorMsg {
  font-size: 1.2em;
  font-weight: bold;
  color: red;
  margin: 1em;
  padding: .5em;
  border: 2px solid red;
  text-align: center;
}
.AddButton {
  text-align: center;
}
.hide {
  display: none;
  }

blockquote {
  padding: 1em 1.5em;
  display: block;
  }

dt {
  margin-top: .5em;
  font-weight: bold;
  }

dd {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1em;
  }

ul, ol {
  margin-left: 1em;
  padding-left: 1em;
  }

ul li {
  margin-bottom: 1em;
  list-style: disc outside;
  }

ol li {
  margin-bottom: 1em;
  list-style: decimal outside;
  }

ol ol li {
  margin-bottom: 1em;
  list-style: lower-alpha outside;
  }

ol ol, ul ul {
  margin-top: 1em;
  }

table { 
  border-collapse: collapse;
  border-spacing: 0;
  }

img {
  border: none;
  }

/***
p {
  margin-top: 1em;
  margin-bottom: 1em; 
  }
  
***/

p {
  margin: 0;
  padding: 0;
}

strong { 
  font-weight: bold;
  }

em {
  font-style: italic;
  }

.LeftNav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #666;
  font-weight: bold;
  text-align: justify;
  /*text-align: center;*/
  width: 172px;
  /*height: 131px;*/
  padding: 1em .4em 0em .4em;
  margin: 0 0 -2.3em 0;
  letter-spacing: 0.03em;
  word-spacing: 0em;
  line-height: 2.8;
  overflow: hidden;
}

.LeftNav a:link, .LeftNav a:visited{
  color: #FFF;
  text-decoration: none;
  font-weight: lighter;
}
.LeftNav a:hover{
  color: #666;
  text-decoration: none;
  font-weight: lighter;
}

.LogIn {
  text-transform: none;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFF;
  font-weight: bold;
  width: 172px;
  padding: 0;
  margin: .5em;
  word-spacing: 0em;
  overflow: hidden;
}

.LogIn a:link, .LogIn a:visited{
  font-size: 8pt;
  color: #FFF;
  text-decoration: none;
  font-weight: lighter;
}
.LogIn a:hover{
  font-size: 8pt;
  color: #666;
  text-decoration: underline;
  font-weight: lighter;
}


/* Structure and Layout
--------------------------------------- */

body {
  background-color: #393;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #B5B5B5;
  margin: 0px;
  padding: 0px;
  }

#frame {
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 870px;
  }

#mainCol {
  margin: 0px;
  padding: 0px;
  width: 178px;
  float: left;
  }

#mainCol #logo {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 178px;
  background-image: url(images/SSG_silver_logo.png);
  background-repeat: no-repeat;
  background-position: center 70px;
  }
  
#mainCol  #logo {
  margin: 0px;
  padding: 0px;
  }

#mainCol #logo h1 a{
  margin: 0px;
  padding: 0px;
  display: block;
  height: 238px;
  width: 178px;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  }
  
#mainCol #events {
  margin: 0px;
  width: 178px;
  float: left;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-weight: bold;
  color: #838383;
  text-transform: lowercase;
  }

#mainCol #events h1{
  margin: 0px;
  font-weight: bold;
  color: #838383;
  text-transform: lowercase;
  font-size: 12px;
  background-image: url(images/grey_dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  }
  
#mainCol  #events  .list{
  font-size: 11px;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 142px;
  }
  
/* #mainCol #events .button{
  font-size: 11px;
  float: right;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  } */

#subCol {
  margin: 0px;
  float: right;
  width: 682px;
  padding-top: 34px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  }
  
#subCol #phone {
  float: right;
  width: 662px;
  background-color: #666;
  height: 30px;
  font-weight: normal;
  color: #CCC;
  text-align: right;
  line-height: 30px;
  font-size: 14px;
  letter-spacing: 0.5em;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  }
  
#subCol #subLeft {
  width: 406px;
  float: left;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  }
  
#subCol #subLeft #flash{
  width: 406px;
  float: left;
  padding: 0px;
  background-color: #333333;
  height: 284px;
  margin: 0px;
  }
  
#subCol #subLeft #intro{
  width: 358px;
  float: left;
  background-color: #666;
  border: 4px solid #B5B5B5;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  height: 229px;
  }
  
#subCol #subLeft #intro a{
  color: #FFFFFF;
  }
  
#subCol #subRight {
  width: 216px;
  float: right;
  border: 4px solid #B5B5B5;
  background-color: #B5B5B5;
  background-image: url(images/subright_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  color: #FFFFFF;
  padding: 20px;
  }
  
  
#subCol #subLeft2 {
  width: 400px;
  float: left;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  }

#subCol #subRight2 {
  width: 200px;
  float: right;
  border: 4px solid #B5B5B5;
  background-color: #B5B5B5;
  background-image: url(images/subright_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  padding-right: 50px;
  }
  
  
  
body#home #subCol #subRight {
  height: 496px;
  }
  
body#home #subCol #subRight h1{
  font-size: 16px;
  color: #FFFFFF;
  background-image: url(images/white_dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 15px;
  }
  
#subCol #subRight  ul{
  margin: 0px;
  padding: 0px;
  }
  
#subCol #subRight  li{
  background-image: url(images/white_dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 15px;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  }

#subCol #subRight  li a{
  color: #FFFFFF;
  display: block;
  margin: 0px;
  padding: 0px;
  }
  
#subCol #subRight  li a:hover{
  color: #EAEAEA;
  display: block;
  margin: 0px;
  padding: 0px;
  }
  
#subCol #highlights {
  padding: 0px;
  float: right;
  width: 682px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: center;
  }
  
/* Inside Page
--------------------------------------- */

body#inside  #subCol #subLeft {
  width: 246px;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  padding: 0px;
  }
  
body#inside  #subCol #subleftImage {
  width: 238px;
  float: left;
  border: 4px solid #B5B5B5;
  text-align: center;
  padding: 0px;
  background-color: #E2E2E2;
  background-image: url(images/leftimage_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  }
  
body#inside  #subCol #subleftContent {
  width: 198px;
  float: left;
  border: 4px solid #C5C5C5;
  padding: 20px;
  background-image: url(images/subright_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  min-height: 508px;
  background-color: #B4B4B4;
  }
  
body#inside  #subCol #subLeft h1{
  font-size: 16px;
  color: #FFFFFF;
  background-image: url(images/white_dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 15px;
  }
  
body#inside  #subCol #subLeft  ul{
  margin: 0px;
  padding: 0px;
  }
  
body#inside  #subCol #subLeft  li{
  padding-bottom: 5px;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  }
  
body#inside  #subCol #subLeft  li a{
  color: #FFFFFF;
  display: block;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  text-transform: none;
  }
  
body#inside  #subCol #subLeft li a:hover{
  color: #EAEAEA;
  display: block;
  margin: 0px;
  padding: 0px;
  } 

body#inside #subCol #subRight {
  width: 426px;
  float: right;
  padding: 0px;
  background-color: transparent;
  background-image: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin: 0px;
  }
  
body#inside #subCol #subRight #mainImage{
  width: 418px;
  border: 4px solid #C1C8C1;
  float: left;
  padding: 0px;
  margin: 0px;
  background-color: #C1C8C1;
  overflow: hidden;
  }
  
body#inside #subCol #subRight #mainContent{
  width: 378px;
  float: left;
  background-color: #FFFFFF;
  border: 4px solid #B5B5B5;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #666666;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-image: url(images/maincontent_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  }

.ContentWithBorder {

  background-color: #FFFFFF;
  border: 4px solid #B5B5B5;
  color: #666666;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-image: url(images/maincontent_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  margin: 2em;
}
  
body#inside #subCol #mainContent2{
  width: 632px;
  float: left;
  background-color: #FFFFFF;
  border: 4px solid #B5B5B5;
  color: #666666;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-image: url(images/maincontent_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  margin: 0px;
  }

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

/* Main Navigation */

#mainNav {
  margin: 0px;
  width: 178px;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  }
  
#mainNav ul{
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
  width: 178px;
  }
  
#mainNav li {
  list-style: none;
  margin: 0px;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 1em;
  padding-left: 0px;
  }
  
#mainNav li.left{
  float: left;
  width: 45%;
  display: block;
  background-image: url(images/main_nav_icon.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 5%;
  }
  
#mainNav li.right{
  float: left;
  width: 45%;
  display: block;
  padding-left: 5%;
  }
  
  
/* Footer Navigation */

#footerNav {
  margin: 0;
  width: 870px;
  text-align: right;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  font-size: 11px;
  color: #999999;
  text-transform: lowercase;
  font-weight: normal;
  clear: both;
  }

#footerNav ul{
  margin: 0;
  padding: 0;
  }
  
#footerNav li{
  padding: 0;
  display: inline;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 0;
  margin-left: 0;
  }
  
#footerNav li a, #footerNav li a:link {
  text-decoration: none;
  color: #999999;
  }
  
#footerNav li a:hover {
  text-decoration: underline;
  color: #666666;
  }
  
#footerNav p{
  margin-right: 1em;
  padding: 0px;
  margin-top: 1em;
  margin-bottom: 0px;
  margin-left: 0px;
  }
  
/* Headers
--------------------------------------- */

h1 {
  font-size: 160%;
  color: #999999;
  font-weight: normal;
  }

h2 {
  font-size: 140%;
  }

h3 {
  font-size: 120%;
  color: #666666;
  }
  
h4 {
  font-size: 110%;
  }

/* Links
--------------------------------------- */

a, a:link {
  color: #666666;
  text-transform: none;
  font-weight: bold;
  text-decoration: none;
  }
  
a:hover {
  color: #273473;
  text-decoration: underline;
  text-transform: none;
  }

/* CUSTOM
-------------------------------------- */

.formcompletion {
height:400px;
vertical-align: top;
}

#mainCol #mainExtra {
  margin: 0px;
  width: 178px;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  background-image: url(images/grey_dot.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

#mainCol #mainExtra h1 {
  background-image: url(images/grey_dot.gif);
  background-repeat: repeat-x;
  background-position: left top;
  padding-top: 20px;
  margin-bottom: -5px;
}

#subCol #subRight3 {
  width: 258px;
  float: right;
  background-color: #323232;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  padding: 0px 4px 8px 4px;
}

.button {
	padding: 0 0 15px 0;
}

.button input {
  padding: 3px;
  background-color:#003366;
  color:#FFFFFF;
}
.EventRegistration th {
  padding: 3px .75em;
  background-color:#003366;
  color:#FFFFFF
}

.EventRegistration td {
  padding: 3px .75em;	
}

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


.OrderNavButtons a, .RegistrationLink a {
  padding: 3px;
  background-color:#FFFFFF;
  color:#003366;
  border: 1px #003366 solid;
  text-decoration: none;
  margin: 0 10px 0px 0;
}

.OrderNavButtons a:hover {
  padding: 3px;
  background-color:#003366;
  color:#FFFFFF;
  border: 1px #003366 solid;
  text-decoration: none;
  margin: 0 10px 0 0;
}