/* NOTES:____________________________________________
 * Last updated 2/19/09
 *
 * Body callouts don't work inside table tags.
 *
 * Also see print.css for printing specialties like excluding navigation.
 *
 * COLOR USAGE:_____________________________________
 * page bg:			white
 * body text:		#004A53 (dark green of logo)
 * print text:		black
 * standard link:	#5A4809 (brown of logo)
 * standard hover:	#CEC67B (medium green of logo)
 * navbar link:		#004A53 (dark green of logo)
 * navbar hover:	white
 * navbar li bg:	#CEC67B (medium green of logo)
 * .red link:		red
 * .red hover:		yellow (background - text stays red)
 * p.news bg:		#F3F1DE (medium green)
 * p.auditiondategray #CCC
 * div.newsdark:	#004A53
 * div.newsmedium:	#CEC67B
 * div.newslight:	#EDEACD (OD-ish green)
*/

/* ____Start of callouts_________________________________________________________________________________
 *______#body____________________________________________________________________________________________*/

body {
	background-color:white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #004A53; /* green text */
	}

body.print {	/* used for text versions of faq and audition files. */
	background-color:white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: black; 
	}

/* #Heading Tags_______________________________________________________________________________________ */
/* This, and the following tags, add an image into the background.
 * Alone, they can have text overlayed. But in conjunction with the span.hide tag
 * they can replace text used in the HTML file for spiders. */
h1.header {
	background: transparent url(images/gmc_home_top.jpg) no-repeat top left; 
	margin-top: 5px; 
	width: 402px; /* image size */
	height: 73px; 
	float: none;
	}

/*REMOVED FROM INDEX2
h1.cover { 
	background: transparent url(images/cover_image.jpg) no-repeat top left; 
	margin-top: 2px; 
	width: 550px;
	height: 367px; 
	float: inherit;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}*/

/* Must have a renamed copy of this for each page name graphic */
h2.audio { 
	background: transparent url(images/gmc_header_av.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 194px; /* image size */
	height: 39px; 
	float: none;
	}

h2.auditions { 
	background: transparent url(images/gmc_header_audition.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 329px; /* image size */
	height: 35px; 
	float: none;
	}

h2.boat { 
	background: transparent url(images/gmc_header_boat.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 259px; /* image size */
	height: 38px; 
	float: none;
	}

h2.cast { 
	background: transparent url(images/gmc_header_cast.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 259px; /* image size */
	height: 38px; 
	float: none;
	}

h2.contact { 
	background: transparent url(images/gmc_header_co.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 167px; /* image size */
	height: 38px; 
	float: none;
	}

h2.creative { 
	background: transparent url(images/gmc_header_cs.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 258px; /* image size */
	height: 38px; 
	float: none;
	}

h2.ent {
	background: transparent url(images/gmc_header_ent.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 254px;  /* image size */
	height: 39px;
	float: none;
	}

h2.events {
	background: transparent url(images/gmc_header_se.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 218px;  /* image size */
	height: 39px;
	float: none;
	}

h2.news {
	background: transparent url(images/gmc_header_hn.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 163px;  /* image size */
	height: 38px;
	float: none;
	}

h2.package {
	background: transparent url(images/gmc_header_sp.jpg) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 259px;  /* image size */
	height: 38px;
	float: none;
	}

h2.profile {
	background: transparent url(images/gmc_header_hi.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 254px;  /* image size */
	height: 39px;
	float: none;
	}

h2.scenic {
	background: transparent url(images/gmc_header_scen.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 101px;  /* image size */
	height: 39px;
	float: none;
	}

h2.text {
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 450px; 
	float: none;
	}

h2.video {
	background: transparent url(images/gmc_header_vd.gif) no-repeat top left; 
	margin-top: 10px;  	/* Margin defines start position under GMC graphic */
	margin-bottom: 0;
	width: 195px;  /* image size */
	height: 37px;
	float: none;
	}

H2 {font-style: italic}

H2.red {
	color: #FF0000;
	text-align: center}

H1.greenlarger {
	font-size: 13pt; 
	font-weight: bold; 
	margin-top: 10px;
	margin-bottom: 0px;
	}

/* #IDs tags___________________________________________________________________________________________ */
#content {  /* start of the content area. The GMC and page name headers begin here */
	position: absolute;
	padding-left: 0px;
	margin: 0px 0px 0px 225px;
	width: 500px;
	float: none;
	font-size: 10pt;
	text-align: justify;
	top: 18px;
	}

#content span.hide { /* use this to hide text from the viewer but will be read by the spiders */
	display:none
	}

#footer {
	width:100%;
	border-top: 6px solid #CEC67B;
	text-align: center;
	clear: both;
	margin-top: 20px;
	}

#inner {   /* this indents and contains the text and movie tables for the upper level pages */
	width: 400px;
	margin-left: 50px;
	}

#longcontent {  /* Use this ID to wrap *longinner* to scroll within the open window.
				 * It will keep the navigation sidebar in view. */
	position: absolute;
	padding-left: 0px;
	margin: 0px 0px 0px 225px;
	width: 540px;
	height: 100%;
	float: none;
	font-size: 10pt;
	text-align: justify;
	top: 18px;
	overflow: scroll;
	}

#longcontent span.hide { /* use this to hide text from the viewer but will be read by the spiders */
	display:none
	}

#longinner {   /* this indents and contains the text and movie tables for the upper level pages */
	width: 500px;
	margin-left: 0px;
	}

#sidebar { /* This is the container for the navigation and the PDF link. It also places the logo graphic */
	background-image:url(images/gmc_nav_back2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position: absolute;
	left: 0;
	top: 0;
	width: 185px;
	float: left;
	}

#pdf {  /* This puts a white bg behind the PDF link to block the vertical lines of the nav logo */
	position: relative;
	left: 0;
	top: 2px;
	width: 185px;
	background-color: #FFFFFF;
	}

#navigation {  /* This holds the nav UL-LI and puts it in place */
	position: relative;
	padding-left: 0;
	margin-left: 10px;
	display: block;
	top: 0;
	width: 185px;
	}

#ending {
	position: inherit;
	}

/* _____Divide drop menu IDs________________________________________________________________ 
#Layer1 {
	position:absolute; 
	width:155px; 
	height:180px; 
	z-index:1; 
	left: 74px; 
	top: 38px; 
	background-color: #CEC67B; 
	layer-background-color: #FFFFCC; 
	border: 1px none #000000; 
	overflow: hidden;
	margin-top: 3px;
	} 

#Layer2 {
	position:absolute; 
	width:155px; 
	height:130px; 
	z-index:1; 
	left: 236px; 
	top: 38px; 
	background-color: #CEC67B; 
	layer-background-color: #CEC67B; 
	border: 1px none #000000; 
	overflow: hidden;
	} */

/* #Divide classes_____________________________________________________________________________________ */
/* The .newsdark, .newsmedium and .newslight classes are used for horizontal stripes on the Hot News
 * page. Use the three together within an unclassed DIV tag directly after the p.news tag to divide
 * the stories. Also use the .newsmedium between the p.newspic and p.news tags. The EM font-size
 * controlls the vertical spacing. */

div.hidefromprint {} /* Intentionally left blank. This is to hide during print. */


div.newsdark {
	background-color: #004A53;
	font-size: .8em;
	}

div.newsmedium {
	background-color: #CEC67B;
	font-size: .5em;
	}

div.newslight {
	background-color: #EDEACD;
	font-size: .3em;
	}

div.subtext {  /* indents and constrains text */
	width: 200px;
	margin-left: 100px;
	}

/* The following are div classes that I made for the packages.html page that Curt decided
was too much trouble. I have left that page and its graphics on the hard drive but only uploaded
the needed files to the server.

div.bon {
	background-image:url(specials/bon_ap_sm.jpg);
	height: 386px;
	margin: 0px;
	padding: 100px 22px 22px 22px;
	color: gold;
	font-weight:bold;
	}

div.bon div.inbon {
	margin:'margin-top'100px 'margin-right 20px' 'margin-bottom 20px' 'margin-left 20px'
	}
div.crank {
	background-image:url(specials/leather.jpg);
	color:#FFFFFF;
	}

div.fiveatfive {
	background-image:url(specials/545bg.jpg);
	color: white;
	}

div.fiveatfive div.infiveatfive {
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

div.infiveatfive ul {
	font-size: 1.5em;
	}

This ends the packages.html classes */

/* #Hyperlinks standards & classes_____________________________________________________________________ */
a {
	color: #5A4809; 
	font-weight: bold; 
	text-decoration: none
	}

a:hover {
	color: #CEC67B;
	}

a.back { /* used for back-to-top link */
	font-size: 10pt;
	}

a.nav {  /* navigation sidebar links */
	color: #004A53; 
	font-style: oblique; 
	font-size: 10pt; 
	font-family: "Times New Roman", TimesRoman, serif;
	}

a:hover.nav {  /* navigation sidebar links hover color */
	color: white;
	}

/* a:hover.bottomnav  {color: #CEC67B; font-weight: bold} */

a.bottomnav, a.Q {	/* Q is for questions on the FAQ pages */
	font-size: 8pt; 
	}

a.red {
	color: red;
	font-style: italic;
	font-size:24px;
	}
a:hover.red {
	background-color: yellow;
	}

a.link, a.link2 {		/* This has been copied from the old CSS for the 94+ gallery pages */
	font-weight: bold; 
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: none
	}

a.yellow {
	color: yellow; 
	font-weight: bold; 
	text-decoration: none
	}
	
a:hover.yellow {
	color: #00FFFF;
	}

a span { 			/* This SPAN hides text within a link that will be read by a Screen Reader */
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px; 
	}

/* #HR Horizontal Rule classes_________________________________________________________________________ */
hr.green {
	color: #CEC67B;
	}

/* #Paragraph standards & classes_______________________________________________________________________ */
p, ul, dl {			/* working, but only inside tags, not with open text */
	font-size:  10pt;
	text-align: justify
} 

p.auditiondate {
	font-size: 13pt; 
	text-align: left;
	}

p.auditiondategray {
	font-size: 13pt; 
	text-align: left;
	color: #CCC;
	}

p.bottomnav {
	font-size: 8pt; 
	text-align: center
	}

p.centered {
	text-align: center;
	}

p.hidden {
	color: #FFFFFF; 	/* text color is bg color */
	font-size: xx-small;
	} 

p.link {
	font-weight: bold;
	text-align: center;
	}

p.news {
	background-color: #F3F1DE;
	padding: .5em 5px .5em 5px;
	margin: 0 0 0 0;
	}

p.news span {
	font-size: 1.5em;
	font-style: italic;
	font-weight:bold;
	}

p.newspic {
	margin: 2px 0 2px 0;
	text-align: center;
	}

p.outdent {
	padding-left: 2em;
	text-indent: -1.5em;
	margin: 0 0 0 0;
	}

p.pdflink {
	font-size: 8pt; 
	text-align: center;
	background-color:#FFFFFF
	}

p.right {
	text-align: right;
	}

p.title {
	font-size: 18pt;
	font-family: "Times New Roman", TimesRoman, serif; 
	text-align: center;
	}

p.underline {
	font-size:  13pt; 
	font-weight: bold; 
	text-decoration: underline;
	}

p span.red {
	color: #FF0000;
	}

/* #Lists classes_______________________________________________________________________________________ */
/* standadr ul and dl font size and alignment have been set in the paragraph section */
#navigation ul {
	margin: 190px 0 0 15px;
	padding: 0 3px 3px 3px;
	width: 123px;
	text-align: center			/* No borders set */
}

#navigation li {
	background: #CEC67B; 		/* Content, background will be light OD green */
	margin: 3px 0 0 0;  		/*sets the gap between link backgrounds */
	padding: 0 0 0 0; 			/* No extra padding */
	list-style: none; 			/* no glyphs before a list item */
}								/* No borders set */

dd.studio {
	font-size: 13pt; 
	text-align: left;
	}

dd.studiogrey {
	color: #CCCCCC;
	}

ul.news {
	background-color: #F3F1DE;
	padding: .5em 5px .5em 5px;
	margin: 0 0 0 0;
	}

/* #Bold & EM classes__________________________________________________________________________________ */
b.back {	/* matches brackets to the back-to-top link text */
	color: #004A53; 
	font-weight: bold; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10pt; 
	text-decoration: none
	}

em.boldforteen	{font-size:  14pt; font-weight: 800}
em.boldthirteen	{font-size:  13pt; font-weight: 700}

/* #Table Tags standards & classes_____________________________________________________________________ */
/* Body callouts don't carry into table tags */
TD.greenjustify {
	font-size:  10pt; 
	font-family: Verdana, Arial, sans-serif; text-align: justify;
	}

td.formtitle {
	width: 1%;
	text-align: right;
	background-color: #CEC67B;
	font-weight: bold; 
	font-size: 10pt; 
	}

td.formtitle span {
	font-weight: normal;
	font-size: .8em;
	}
	
td.formfield {
	width: 100%;
	text-align:left;
	background-color: #ECE9CC;
	font-size: 10pt; 
	}

td.list {
	font-size: 10pt;
	margin: 0 10px 0 10px;
	width:33%;
	}
TD.greencenter {		/* This has been copied from the old CSS for the gallery pages */
	font-size:  10pt; 
	color: #004A53; 
	font-family: Verdana, Arial, sans-serif; 
	text-align: center}