/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   G & S STYLE SHEET

   September 2007

   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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


@media screen 
{
  body
  {
    text-align: center; /* IE hack */
    margin: 20px 0px 20px 0px;
    background: #FFFF66;
  }

}


/* BLOCKS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#GSS
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  line-height: 130%;*/
  font-size: 80%;
  padding: 10px;
/*  background: #5F6AA2;*/
  border: solid #5F6AA2 3px;
  background: white url(../images/sullivan_50.jpg) 850px 5px no-repeat;
}


@media screen 
{
  #GSS
  {
    margin: auto auto;
    width: 900px;
    text-align: left; /* IE hack */
  }
}


div.clear_block
{
  clear: both;
  font-size: 0px;
  border: none;
  height: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
}


#HEADER
{
  background: transparent url(../images/gilbert_50.jpg) top left no-repeat;
  height: auto!important;
  height: 85px;
  min-height: 85px;
  padding-left: 60px;
  padding-bottom: 3px;
  border-bottom: solid gray 2px;
}

#FOOTER
{
  margin: 20px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  background: white;
  clear: both;
  border-top: solid #B92533 3px;
}

div.callout h3,
div.callout p
{
	font-family: serif;
  text-align: center;
  font-size: 1.5em;
}

div.callout h3
{
	font-size: 3em;
	font-variant: small-caps;
}


/* LISTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ol,
ul
{
  list-style-position: outside;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 15px;
}


ul
{
  list-style-type: disc;
}


ol
{
  padding-left: 25px;
}


li
{
  padding: 0px 0px 10px 0px;
  margin: 0px;
  font-size: inherit;
}



/* HEADINGS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1,
h2,
h3,
h4
{
  margin: 0px 0px 10px 0px;
  color: #283C81;
}


h1
{
  line-height: 200%;
  font-size: 18pt;
  border-bottom: solid #B92533 6px;
  margin-bottom: 0px;
  text-transform: uppercase;
  text-align: center;
  margin-right: 65px;
}


h2
{
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 170%;
}


h3
{
  margin-top: 25px;
  font-size: 130%;
}


h4
{
  margin-top: 15px;
  font-size: 100%;
  margin-bottom: 5px;
}



/* PARAGRAPHS ETC.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p,
td,
th,
input,
legend,
dt,
dd,
pre
{
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: inherit;
/*  line-height: 120%;*/
}


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


pre
{
  padding: 5px 5px 5px 10px;
  font-family: "Courier New", Courier, monospace;
  border-left: solid gray 2px;
  margin-bottom: 20px;
}

tt
{
  font-family: "Courier New", Courier, monospace;
}

/* CLASSES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear_float
{
  clear: both;
}


.no_margin_top
{
  margin-top: 0px;
}


.no_margin_bottom
{
  margin-bottom: 0px;
}


.error
{
  color: red;
}


.warning
{
  color: red;
  font-weight: bold;
}


.dark
{
  background: #E8E8E8;
}


.number
{
  text-align: right;
}


.line
{
  border-top: solid #5F6AA2 1px;
  padding-top: 3px;
}

.indent
{
  margin-left: 10px;
}

.offset_top
{
  margin-top: 20px;
}

/* LINKS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a, 
a:link,
a:visited,
a:hover, 
a:active
{
  color: blue;
  text-decoration: none;
}


a:hover
{
  color: #B92533;
}

a img
{
  border: none;
}


/* TABLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

td,
th
{
  font-size: 100%; /* IE hack */
  border: solid gray 1px;
  padding: 3px 10px 3px 3px;
}


th
{
  background: #D3D3D3;
}


table
{
/*  background: #D3D3D3;*/
  border-collapse: collapse;
  border: solid gray 1px;
  margin: 0px 0px 15px 0px;
  width: auto;
}


table.borderless
{
  border: none;
}

table.borderless td,
table.borderless th
{
  border: none;
  padding: 3px 10px 3px 0px;
  background: none;
}



caption
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%; /* IE hack */
  font-weight: bold;
  padding-bottom: 8px;
  color: #5F6AA2;
}



/* NAVIGATION
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#NAVIGATION
{
  float: left;
/*  background: white;*/
/*  border-left: solid #B92533 3px;*/
  width: 20%;
  margin-bottom: 20px;
}

#NAVIGATION ul
{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
/*  border-top: solid white 1px;*/
  border-bottom: solid gray 1px;
  border-left: solid gray 2px;
/*  border-right: solid gray 1px;*/
  background: #E8E8E8;
}

#NAVIGATION ul li
{
  font-weight: bold;
  padding: 5px 5px 10px 5px;
  border-bottom: solid gray 2px;
  border-top: solid #D3D3D3 2px;
  border-left: solid #D3D3D3 2px;
  border-right: solid #D3D3D3 2px;
  text-transform: uppercase;
}

#HOME #NAVIGATION #NAV_HOME,
#CONTACT #NAVIGATION #NAV_CONTACT,
#MEMBERS #NAVIGATION #NAV_MEMBERS,
#ENSEMBLE #NAVIGATION #NAV_ENSEMBLE,
#TRAVELOGUES #NAVIGATION #NAV_TRAVELOGUES,
#AWARDS #NAVIGATION #NAV_AWARDS,
#HISTORY #NAVIGATION #NAV_HISTORY,
#PRODUCTIONS #NAVIGATION #NAV_PRODUCTIONS,
#LINKS #NAVIGATION #NAV_LINKS
{
  background: white;
  border-top: solid #FFFFFE 2px;
/*  border-bottom: solid black 1px;*/
  border-right: solid #FFFFFE 2px;
  color: #283C81;
}


#HOME #NAVIGATION #NAV_HOME a,
#CONTACT #NAVIGATION #NAV_CONTACT a,
#MEMBERS #NAVIGATION #NAV_MEMBERS a,
#ENSEMBLE #NAVIGATION #NAV_ENSEMBLE a,
#TRAVELOGUES #NAVIGATION #NAV_TRAVELOGUES a,
#AWARDS #NAVIGATION #NAV_AWARDS a,
#HISTORY #NAVIGATION #NAV_HISTORY a,
#PRODUCTIONS #NAVIGATION #NAV_PRODUCTIONS a,
#LINKS #NAVIGATION #NAV_LINKS a
{
  color: #283C81;
}


#NAVIGATION ul li a
{
  display: block;
  width: 100%;
}

#NAVIGATION ul li a:link,
#NAVIGATION ul li a:visited,
#NAVIGATION ul li a:hover, 
#NAVIGATION ul li a:active
{
  color: #5F6AA2;
}

/* CONTENT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#CONTENT
{
  margin-bottom: 10px;
  float: right;
  width: 78%;
  background: white;
  padding-top: 10px;
}


#CONTENT p#LOGO
{
  float: right;
}


#GSS p#APOLOGY
{
  margin: 20px 0px 0px 0px;
  border: dashed #5F6AA2 1px;
  background: #FFFFF0;
  padding: 5px;
}

#GSS p.floating_image
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 70%;
}

#GSS p.floating_image_left
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 70%;
/*  line-height: 130%;  */
}



.columns
{
  margin: 0px;
  padding: 0 0 0.5em 0;
  float: left;
  width: 100%;
/*  position: relative;*/
  border: none;
}

.column_left,
.column_right
{
  width: 48%;
  padding: 0px 5px 0px 0px;
  float: left;
/*  position: relative;*/
/*  border: solid green 1px;*/
}

.column_right
{
  padding: 0px 0px 0px 5px;
  float: right;
}

.column_heading
{
/*  margin-top: 0px;*/
}